header{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgb(from var(--text) r g b/.5);display:grid;left:0;position:fixed;right:0;top:0;transition:var(--transition);width:100%;z-index:300}.header-logo img{width:80px}.container.header-container{align-items:center;display:flex;justify-content:space-between}.header-links{gap:30px}.header-links,.header-links a{align-items:center;display:flex}.header-links a{color:var(--background);font-size:18px;font-weight:500;gap:5px;letter-spacing:-.03em;text-transform:uppercase;transition:var(--transition)}@media(hover:hover){.header-links a:hover{color:var(--accent)}}@media(hover:none){.header-links a:active{color:var(--accent)}}.header-burger{align-items:center;background-color:var(--text);display:none;height:40px;justify-content:center;position:relative;width:88px}.header-burger span{background-color:var(--background);height:1.5px;position:absolute;transition:var(--transition);width:30px}.header-burger span:first-of-type{translate:0 -3px}.header-burger span:last-of-type{translate:0 3px}.header-burger._open span:first-of-type{rotate:45deg;translate:0 0;width:22px}.header-burger._open span:last-of-type{rotate:-45deg;translate:0 0;width:22px}@media screen and (max-width:1699px){.header-links{gap:20px}.header-links a{font-size:16px}}@media screen and (max-width:1199px){.header-links{display:none}.header-burger{display:flex}header{background-color:transparent}}body:has(.mobile-menu._open){overflow:hidden}.mobile-menu{background-color:var(--background);inset:0;max-height:100vh;min-height:400px;overflow:auto;position:fixed;transition:var(--transition);translate:100vw 0;z-index:250}.mobile-menu._open{translate:0 0}.mobile-container{align-items:center;display:flex;flex-direction:column;gap:50px;padding:110px 10px 30px;position:relative;width:100%}.mobile-menu-nav{display:flex;flex-direction:column;gap:20px;text-align:center}.mobile-menu-nav a{color:var(--white);font-family:Enthalpy;font-size:36px;letter-spacing:0;text-transform:uppercase}.mobile-menu-socials{display:flex;flex-direction:column;gap:20px;text-align:center}.mobile-menu-socials a{align-items:center;color:var(--white);display:flex;font-size:18px;gap:5px;letter-spacing:-.03em;text-transform:uppercase}.mobile-container button{max-width:400px}
