.header{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;width:100%;font-family:Goldman,sans-serif;position:fixed;top:10px;box-shadow:0 4px 10px #0000004d}.navbar{justify-content:space-between;align-items:center;padding:5px 50px;display:flex}.logo-menu{align-items:center;gap:15px;display:flex}.logo-img{width:100px;height:auto}.nav-links{gap:30px;list-style:none;transition:transform .3s ease-in-out;display:flex}.nav-links.active{transform:translate(0)}.nav-item{position:relative}.nav-link{color:#fff;text-transform:uppercase;background:0 0;border:none;font-family:Goldman,sans-serif;font-size:1.2rem;text-decoration:none;transition:all .3s ease-in-out;position:relative}.nav-link:hover{color:#00c6ff}.nav-link:after{content:"";background:linear-gradient(90deg,#d60354,#c40041);width:0%;height:2px;transition:all .3s ease-in-out;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link:hover:after{width:100%}.menu-btn{cursor:pointer;color:#fff;font-size:2rem;display:none}@media screen and (max-width:768px){.navbar{flex-direction:row;justify-content:space-between}.nav-links{z-index:-1;text-align:center;background:#000c;flex-direction:column;align-items:center;gap:15px;padding:5px 0;position:absolute;top:60px;left:0;right:0;transform:translate(-100%)}.menu-btn{display:block}}@media screen and (max-width:480px){.logo-img{width:80px}.navbar{padding:4px 20px}.menu-btn{margin-left:170%;font-size:1.8rem}}