header{
background:#07112b;
padding:15px 8%;
display:flex;
justify-content:space-between;
align-items:center;
border-bottom:2px solid #1e3a8a;
}

.logo img{
width:120px;
height:auto;
}

nav{
display:flex;
gap:30px;
}

nav a{
color:white;
text-decoration:none;
font-size:18px;
font-weight:bold;
transition:0.3s;
}

nav a:hover{
color:#60a5fa;
}

@media (max-width:768px){

header{
flex-direction:column;
padding:15px;
}

.logo img{
width:90px;
}

nav{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:15px;
margin-top:15px;
}

nav a{
font-size:16px;
}

}