body:has(header.menu-open)>nav{transform:translateY(0%)}body:has(header.menu-open){overflow:hidden}header{z-index:10;justify-content:space-between;align-items:center;width:100%;display:flex;position:fixed}header>span{display:inline-block}header>span:first-of-type{padding-left:16px}header>span,header>button{height:100%}header>span:first-of-type{font-size:10px}header>span:last-of-type{color:var(--primaryDarker);height:fit-content;font-size:10px;position:absolute;left:50%;transform:translate(-50%)}header>button{color:var(--primaryDarker);background-color:#0000;border:none;padding:16px}header>button>span{cursor:pointer;transition:color .25s}header>button>span:hover{color:#fff}nav{background-color:var(--cardBg);z-index:5;flex-direction:column;justify-content:center;width:100%;height:100dvh;padding-left:16px;padding-right:16px;transition:all .65s;display:flex;position:fixed;bottom:0;left:0;transform:translateY(100%)}nav>a{color:#fff;border-bottom:1px solid var(--primaryBorder);padding-top:16px;padding-bottom:16px;text-decoration:none}nav>a:hover{opacity:.7}nav>a>span{color:var(--primaryDarker);margin-right:16px;font-size:12px;display:inline-block}@media (width>=768px){header>span{padding:16px}header>span:first-of-type{font-size:16px}header>span:last-of-type{font-size:12px}nav{padding-left:40px;padding-right:40px}nav>a{font-size:60px}nav>a>span{font-size:24px}}