body{
    margin:0;
    margin-top: 50px;
}
header{
    display: flex;
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:50px;
    line-height: 50px;
    background-color: green;
    z-index: 100;
}
header *{
    display:inline ;
}
header li{
    margin-left: 20px;
}
header a{
    text-decoration: none;
    color: red;
}
section{
    height:100vh;
    border:1px solid black;
    display: flex;
    justify-content: center;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover ;
    align-items: center;
}
#contact a{
    text-decoration: none;
    color:black;
}
#contact li{
    list-style-type: none;
}
footer{
    text-align: center;
    padding:40px;
}
#home{
    background-image: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)),url('flower1.jpg')
}
#about{
    background-image:linear-gradient(rgba(244,255,255,0.8),rgba(255,255,255,0.8)),url('room1.jpg')
}
#contact{
    background-image:linear-gradient(rgba(244,255,255,0.8),rgba(255,255,255,0.8)),url('room2.jpg')
}
section{
    text-align: center;
}