header,header>a{color:#222}@media (prefers-color-scheme: dark){header,header>a{color:#e8e8e8}}header>a:hover{text-decoration:underline;color:#000}@media (prefers-color-scheme: dark){header>a:hover{color:#fff}}header{height:2em;padding:.3em;display:flex;flex-direction:row;align-items:center;justify-content:stretch;width:100%;font-weight:bold}header .container{flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between}header a{text-decoration:none}header .logo{text-decoration:none;font-variant-caps:small-caps;font-weight:100;font-size:20pt}header .menu{display:flex;flex-direction:row;gap:1em}header .menu .menu-item{text-decoration:none;font-weight:400}footer{height:3em}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;margin:0;color-scheme:light dark;display:flex;flex-direction:column;min-height:100vh;color:#000;background-color:#fff}body a{color:inherit}body .body-content{flex-grow:1}@media (prefers-color-scheme: dark){body{color:#fff;background-color:#333}}body header,body footer{background-color:#e8e8e8}@media (prefers-color-scheme: dark){body header,body footer{background-color:#222}}.container{max-width:800px;margin:0 auto}