.header{margin:1em;text-align:left;font-size:2em;display:grid;grid-template-columns:3fr 1fr;background-color:var(--background);z-index:1}@media (max-width:961px){.header{font-size:2em;margin:.2em;text-align:center;display:block}}.nav-bar{display:inline-flex;flex-direction:row;gap:.2em;.nav{font-size:.75em;text-align:center;vertical-align:middle;width:3em;border-radius:1px;&:hover{font-weight:700}}}@media (max-width:961px){.nav-bar{display:inline-flex;flex-direction:row;font-size:.7em;.nav{text-align:center}}}