.navbar{
position:fixed;
top:0;
width:100%;
z-index:1000;
display:flex;
background:rgba(0,0,0,0.3);
padding:15px 0;
}

.navbar.scrolled{
background:white;
box-shadow:0 2px 10px rgba(0,0,0,0.1);
}

.nav-container{
max-width:1100px;
margin:auto;
display:flex;
justify-content:space-between;
width:100%;
padding:0 20px;
}

.logo{
color:white;
font-weight:600;
}

.navbar.scrolled .logo{
color:#0b3c5d;
}

.nav-links{
display:flex;
gap:25px;
list-style:none;
}

.nav-links a{
text-decoration:none;
color:white;
}

.navbar.scrolled .nav-links a{
color:#333;
}