:root{--bg-dark:#f9f5d7;--fg-light:#282828;--link-light:#076678;--link-visited-light:#8F3F71;--bg-dark:#282828;--fg-dark:#fbf1f7;--link-dark:#83a598;--link-visited-dark:#D3869B;--font-size:18px}body{max-width:800px;line-height:1.6;font-size:var(--font-size);background:var(--bg-light);color:var(--fg-light);padding:0 20px;margin:0 auto}header{display:flex;flex-flow:wrap;justify-content:space-between;white-space:nowrap;margin-left:10px}header h1{font-size:120%;flex:0 0 8em}h1 small{display:block;font-size:1rem}nav{display:inline-block}nav ul{padding-left:0}nav li{display:inline-block;margin-right:20px}a{color:var(--link-light);text-decoration:none}a:visited{color:var(--link-visited-light);text-decoration:none}code{font-size:80%}.highlight{font-size:80%}main{display:flex;flex-flow:wrap;justify-content:space-between}.posts{flex:0 0 20em;margin-left:10px}.about{font-size:80%;flex-shrink:3;max-width:20em}.about ul{padding:0;list-style-type:none;grid-template-columns:auto 1fr;grid-gap:.2rem 1rem}@media(prefers-color-scheme:dark){body{background:var(--bg-dark);color:var(--fg-dark)}a{color:var(--link-dark)}a:visited{color:var(--link-visited-dark);text-decoration:none}}