style.css

body{
    font-family:Georgia, 'Times New Roman', Times, serif;
    margin:0;
    padding:0;
    

}
#navbar{
    position:fixed;
    top:0;
    width:100%;
    background-color: rgb(250, 102, 10);
    color:white;
    transition: background-color 0.3s, padding 0.3s;
    z-index:1000;
    box-shadow:0 2px 5px grey;

}
#navbar.scrolled{
    background-color:rgb(73, 193, 232);
    padding:10px 0;

}
#navbar.container{
    display:flex;
    justify-content:space-between;
    margin:0 auto;
    padding:15px 20px;
    align-items:center;
    max-width:1200px;

}
#navbar.logo{
    font-size:1.5em;
    font-weight:bold;

}
#navbar ul{
    list-style-type:none;
    margin:0;
    padding:0;
    display:flex;

}
#navbar ul li{
    margin:0 15px;
}
#navbar ul li a:hover{
    background-color:grey;
    color:white;
    transform:scale(1.1);
    border-radius: 4px;

}
section{
    padding:50px 20px;
    min-height:100vh;
}
#home{
    background-color:hotpink;
}
#about{
    background-color: rgb(168, 168, 238);
}
#contact{
    background-color: rgb(179, 114, 240);
}
#services{
    background-color:lightgreen;
}