header{z-index:100;background-color:var(--shadow-color);display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;position:relative}.header-logo-link{font-size:0}.header-logo-link:hover:not(:disabled){transform:unset}.header-icon,.header-logo,.header-menu{height:calc(var(--frame-height) - 1rem)}.header-socials{display:flex;align-items:center;gap:1rem}.header-socials a{font-size:2rem}header>.header-socials{display:none}:root{--frame-height: 4.5rem}.header-nav{display:none}.header-menu-button{font-size:2rem}.body-no-scroll{overflow-y:hidden}menu{margin:unset;position:fixed;z-index:var(--z-index-menu);top:var(--frame-height);left:100%;width:100vw;height:calc(100vh - var(--frame-height));background-color:var(--shadow-color);transition:.3s all ease-in-out;padding:1rem}menu.menu-open{left:0}menu,.menu-nav{display:flex;flex-direction:column;gap:1rem;align-items:flex-end}@media (min-width: 768px){header>.header-socials{display:flex;position:absolute;left:50%;transform:translate(-50%)}.header-nav{display:flex;gap:1.25rem;align-items:center;justify-content:center}.header-menu-button{display:none}menu.menu-open{left:100%}.body-no-scroll{overflow-y:unset}}