div#root{--content-margins: calc(20% - 5em) ;--content-width: minmax(280px, 1fr);display:grid;min-height:100dvh;grid-template-columns:var(--content-margins) var(--content-width) var(--content-margins);grid-template-rows:auto 1fr auto;grid-template-areas:"head head head" ".... main ...." "foot foot foot"}div#root header{grid-area:head}div#root main{grid-area:main}div#root footer{grid-area:foot}header,nav,main,footer{display:flex}header:not(nav),nav:not(nav),main:not(nav),footer:not(nav){padding:1.5em}header{flex-direction:column;gap:1em;justify-content:center;align-items:start}header div.header-text-wrap{display:flex;gap:1em}header div.header-text-wrap h1{line-height:1.5em}header div.header-text-wrap h1>a{text-decoration:none;color:inherit}header div.header-text-wrap img{width:3.1em;height:3.1em;align-self:center}main h2{margin-block:1em .5em}main p{font-weight:500;line-height:1.25;color:#feffef88}footer{justify-content:center;font-weight:700;border-top:1px solid #feffef44}nav{gap:1em;align-self:center}nav a{text-decoration:none;color:#feffef;opacity:.65;transition:.125s ease}nav a:not(.isActive):hover{opacity:.5}nav .isActive{opacity:1;font-size:1.1em}*{box-sizing:border-box;margin:0;padding:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}