header{grid-area:header;background-color:var(--bgcolor);padding:var(--pad-header-x)var(--pad-y-xxl);margin-top:auto;margin-bottom:auto;@media(max-width:768px){padding: var(--pad-header-x) var(--pad-y-md) var(--pad-header-x) var(--pad-y-md);}@media(min-width:768px) and (max-width:1200px){padding: var(--pad-header-x) var(--pad-y-lg) var(--pad-header-x) var(--pad-y-lg);}}.navbar{display:grid;grid-template-columns:1fr auto;grid-auto-flow:column;align-items:center;height:100%;padding:0}.logo{-webkit-user-select:none;-ms-user-select:none;user-select:none;width:min-content;@media(max-width:768px){.logo-mark{width:2rem;height:2rem}}}.navmenu{display:grid;grid-auto-flow:column;column-gap:1.5rem;align-items:center}.navmenu-text{font-size:1.75rem;font-family:var(--main-font);color:var(--accent);text-decoration:none;background-color:transparent;border-bottom:4px solid transparent;@media(max-width:768px){font-size: 1.25rem;}}.navmenu-text:hover{text-decoration:none;color:var(--textcolor);border-bottom:4px solid var(--border-color)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:2.6rem;padding:0;border:0;border-bottom:4px solid transparent;border-radius:0;background-color:transparent;color:var(--accent);line-height:1;cursor:pointer;transition:border-color .15s ease,color .15s ease,transform .15s ease;@media(max-width:768px){width: 1.35rem; height: 2rem;}}.theme-toggle:hover{color:var(--textcolor);border-color:var(--border-color)}.theme-toggle:active{transform:translateY(1px)}.theme-toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;color:currentColor}.theme-toggle-icon-symbol{display:block;font-size:1.15rem;font-weight:900;line-height:1;@media(max-width:768px){font-size: 1rem;}}.theme-toggle-icon-sun{display:none}.theme-toggle[data-theme-icon=sun] .theme-toggle-icon-sun{display:block}.theme-toggle[data-theme-icon=sun] .theme-toggle-icon-moon{display:none}.theme-toggle[data-theme-icon=moon] .theme-toggle-icon-moon{display:block}.theme-toggle[data-theme-icon=moon] .theme-toggle-icon-sun{display:none}@media(max-width:768px){.navmenu{column-gap:.75rem}}