.header{display:flex;padding:14px 20px;align-items:center;width:100%;position:fixed;z-index:10;justify-content:center;gap:20px;background-color:#1c191a;transition:background-color .3s ease,opacity .3s ease}.header .header__logo{cursor:pointer}.header .header__logo img{animation:spin 4s linear infinite}.header .header__links{display:flex;font-weight:300;font-size:20px;gap:15px;color:#e4f3f1;transition:opacity .3s ease}.header .header__links .header__link{width:max-content;text-decoration:none;transition:all .3s ease;cursor:pointer}.header .header__links .header__link:hover{scale:1.08;color:#f14902}@media(max-width:1108px){.header .header__links{display:none;width:100%;flex-direction:column;position:absolute;top:60px;left:0;align-items:center;background-color:#1c191a;padding:20px;border-radius:0 0 10px 10px;gap:10px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}}.header .header__links--open{display:flex;opacity:1;visibility:visible}.header.header--scrolled{background-color:rgba(28,25,26,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header.header--scrolled .header__links{opacity:.85}.header.header--menu-open{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(max-width:1108px){.header{padding:10px;justify-content:center;flex-direction:column}.header .header__logo img{width:40px;height:40px}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:5}