.nav-main{position:absolute;top:0;left:0;width:100%;padding:1rem;background:linear-gradient(to bottom,rgba(0,0,0,0.6),rgba(0,0,0,0));z-index:10}.navtop-nav{display:flex;justify-content:space-between;align-items:center;margin:0 auto}.navtop-logo{font-size:2rem;font-weight:700;color:#206476;text-decoration:none}.navtop-social-icons{display:flex;gap:2rem;padding-right:4rem}.navtop-social-icons a svg{height:24px;width:24px;display:block;transition:opacity 0.3s ease}.navtop-social-icons a:hover svg{opacity:0.7}@media (max-width:500px){.navtop-nav{flex-direction:column;gap:1rem}.navtop-social-icons{justify-content:center;padding-right:0}}