:root{color-scheme:dark;--normbg:#000;--normfg:#fff;--selbg:#76c;--selfg:#000;--font:monospace, monospace;--fontpx:16px;--fontvw:1.94vw;--marginpx:16px;--bannerbg:#222;--bannerborder:#333;--sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial,
		sans-serif}body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;margin:0;background-color:var(--normbg);color:var(--normfg);font:var(--fontpx)var(--font)}.page{display:table;margin:var(--marginpx)auto}.banner{background-color:var(--bannerbg);border-bottom:1px solid var(--bannerborder)}.banner-inner{font-family:var(--font);box-sizing:content-box;width:80ch;margin:0 auto;padding:1.25em 0;display:flex;align-items:center;gap:1.25em}.banner-text{font-family:var(--sans);min-width:0}.banner h1{margin:0;font-size:2.25em;font-weight:700;line-height:1.1}.banner p{margin:.4em 0 0;font-size:.95em}.banner a,.footer a{color:inherit;text-decoration:underline}.banner a:hover,.banner a:focus-visible,.footer a:hover,.footer a:focus-visible{background-color:transparent;color:var(--selbg);text-decoration:underline}.banner-pfp{flex:none;width:6em;height:6em;border-radius:50%;object-fit:cover}.footer{margin-top:auto;background-color:var(--bannerbg);border-top:1px solid var(--bannerborder)}.footer-inner{padding:1.25em 1em;font-family:var(--sans);font-size:.95em;line-height:1.6;display:flex;flex-direction:column;gap:.4em;text-align:center}.footer p{margin:0}.webring{display:flex;flex-wrap:wrap;justify-content:center;gap:.25em 1.25em}::selection{background-color:var(--selbg);color:var(--selfg)}a{color:var(--selbg);text-decoration:none}a:hover,a:focus-visible{background-color:var(--selbg);color:var(--selfg);outline:none}pre{margin:0}@media(max-width:825px){body{font-size:var(--fontvw)}}.sites{display:flex;flex:none;flex-direction:column;align-items:center;margin-left:auto;padding:0 2ch;line-height:1.4;white-space:nowrap}.sites a{position:relative}.sites a[aria-current]::before,.sites a:hover::before,.sites a:focus-visible::before{content:"> ";position:absolute;right:100%;white-space:pre}.sites a[aria-current]::after,.sites a:hover::after,.sites a:focus-visible::after{content:" <";position:absolute;left:100%;white-space:pre}.sites:hover a[aria-current]:not(:hover)::before,.sites:hover a[aria-current]:not(:hover)::after{content:none}.sites:has(a:focus-visible) a[aria-current]:not(:focus-visible)::before,.sites:has(a:focus-visible) a[aria-current]:not(:focus-visible)::after{content:none}