body>header{position:sticky;background-color:var(--bg);z-index:5;width:100%;margin-top:2rem;top:0;left:0}body>header .container{display:flex;justify-content:space-between;align-items:center;padding:.5rem var(--container-padding-x)}body>header .logo{color:var(--fg);transition:.3s ease;font-size:1.375rem;font-weight:700;margin:.5rem 0}body>header .logo:hover{transform:scale(1.1)}body>header .logo .site{color:var(--primary)}body>header nav{display:flex;position:absolute;background-color:var(--bg);flex-direction:column;align-items:center;font-size:1.125rem;border-radius:0 0 .5rem .5rem;transition:transform .3s;transform-origin:top;gap:2rem;transform:scaleY(0);width:100%;padding:2rem 1rem;top:100%;left:0}#nav-toggle:checked~body>header nav{transform:scaleY(1)}body>header .wrap-nav{display:flex;align-items:center;gap:1rem}body>header .print{font-size:1.5rem}body>header .nav-toggle:before{font-size:1.5rem;content:"";transition:transform .3s;display:inline-block;font-family:binhtran432k!important}#nav-toggle:checked~body>header .nav-toggle:before{content:"";transform:rotate(180deg)}@media only screen{@media (min-width:600px){body>header nav{transform:scaleY(1);background-color:initial;position:static;flex-direction:row;width:initial;padding:initial;gap:1rem}body>header .nav-toggle{display:none}}@media (min-width:768px){body>header nav{gap:1.5rem}}}