.navbar{position:fixed;top:0;left:0;right:0;background-color:rgb(0,0,38);box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1000;padding:1rem 0}.navbar__container{max-width:1200px;margin:0 auto;padding:0 2rem;justify-content:space-between}.navbar__container,.navbar__logo,.navbar__menu{display:flex;align-items:center}.navbar__menu{list-style:none;gap:2.5rem}.navbar__item,.navbar__link{position:relative}.navbar__link{color:whitesmoke;text-decoration:none;font-size:1rem;font-weight:500;transition:var(--transition);padding:.5rem 0}.navbar__link--active,.navbar__link:hover{color:white}.navbar__link--active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--color-text)}@media (max-width:768px){.navbar__container{padding:0 1rem}.navbar__menu{gap:1.5rem}}@media (max-width:480px){.navbar__menu{gap:1rem;font-size:.9rem}}