header{align-items:center;background-color:var(--background);border-bottom:var(--space-3xs)solid var(--accent);display:flex;flex-wrap:wrap;font-size:var(--step-0);justify-content:space-between;padding-bottom:var(--space-xs);top:0;transition-property:transform;transition-duration:.5s}header img{display:flex;height:var(--space-xl);margin-right:auto;padding:0}header ul{display:flex;justify-content:space-evenly;list-style-type:none;margin:0;padding:0;max-width:100%}header ul li:nth-child(n+2){padding-inline-start:var(--step-0)}header button{border:none;background-color:inherit;color:inherit;padding:var(--space-3xs)}header button:is(:hover,:focus){color:var(--accent)}header [class^=iconoir-]{font-size:min(var(--step-2),var(--step-3));vertical-align:middle}header ul li,header a{color:var(--foreground);transition-duration:.3s;transition-property:color text-underline-offset}header ul li:hover,header a:hover{color:var(--accent);text-underline-offset:var(--space-2xs)}