:root{--header-nav-mw:420px}header{background-color:var(--color0);width:100%;height:4rem;position:fixed;z-index:5;top:0;box-shadow:0 .06rem .125rem 0 var(--colorX-t1),0 .06rem .18rem .06rem transparent}header>div.container{height:100%;display:flex;align-items:center;justify-content:center;gap:2rem}header>div.container>a{display:flex;align-items:center;color:var(--color0);font-size:1.5rem}header>div.container>a>picture>img{width:3rem}header>div.container>a#logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem}header>div.container>a#logo>p{font-size:1.25rem;color:var(--colorX);font-family:var(--font2)}header>div.container>label{position:absolute;left:1rem;width:2.5rem;height:2.5rem;border-radius:.5rem}header>div.container>.profile{position:absolute;right:.25rem;font-size:2rem;color:var(--colorX)}header>div.container>.profile>i{font-size:2.5rem}header>div.container>label:after,header>div.container>label:before{width:2rem;height:.25rem;border-radius:.25rem;background-color:var(--colorX);display:inline-block;content:"";position:absolute;left:0;transition:all .2s}header>div.container>label:before{top:.5rem}header>div.container>label:after{top:1.5rem}header>div.container>label:has(input:checked):before{top:1rem;transform:rotate(-45deg)}header>div.container>label:has(input:checked):after{top:1rem;transform:rotate(45deg)}header>div.container>label:has(input:checked)+nav#menu{display:flex}header>div.container>nav#menu{display:none;flex-direction:column;gap:1rem;background-color:var(--color0);position:absolute;max-width:var(--header-nav-mw);width:100%;top:4rem;left:0;border-radius:0 0 1rem 0;padding:1rem;z-index:5;overflow-y:auto;max-height:calc(100vh - 9rem);box-shadow:0 .05rem .125rem 0 var(--colorX-t1),0 .06rem 1.15rem 1.05rem transparent}header>div.container>nav#menu>a{color:var(--colorX);border-radius:.5rem;padding:.5rem;font-size:1.25rem;font-weight:400;text-align:left}header>div.container>nav#menu>a:active,header>div.container>nav#menu>a:focus,header>div.container>nav#menu>a:hover{color:var(--color2)}header>div.container>nav#menu-owner{display:flex;gap:1rem;color:var(--colorX);position:absolute;right:5rem}@media (max-width:1440px){header>div.container:has(#menu-owner){margin-left:4rem;justify-content:flex-start}}@media (max-width:825px){header>div.container:has(#menu-owner){margin-left:0;justify-content:center}header>div.container>nav#menu-owner{display:none}header>div.container:has(nav#menu-owner)>nav#menu{height:calc(100vh - 15rem);border-radius:0}header>div.container>nav#menu-owner{padding:.5rem;border-top:.1rem solid var(--color0-t1);width:100%;display:flex;flex-direction:column-reverse;position:fixed;bottom:0;left:0;background-color:var(--colorX);color:var(--color0);gap:.5rem;z-index:5;max-width:var(--header-nav-mw)}header>div.container>label:not(:has(>input:checked))~nav#menu-owner{display:none}header>div.container>label:has(>input:checked)~nav#menu-owner>a:not(.secondary){display:flex}header>div.container>nav#menu-owner>a{width:100%;margin:0;color:var(--color0)}}@media (max-width:600px){header>div.container>label:not(:has(>input:checked))~nav#menu-owner{display:flex;background-color:var(--color0);bottom:0}header>div.container>nav#menu,header>div.container>nav#menu-owner{max-width:unset}header>div.container:not(:has(nav#menu-owner))>nav#menu{height:100vh;max-height:unset}header>div.container>nav#menu-owner>a:not(.secondary){display:none}}@media (max-width:425px){header>div.container>a#logo>p{display:none}}