*{box-sizing:border-box}:root{--lightBg: #fbfbe6;--lightBgHighlight: #eaead5;--lightFg: #333;--lightHighlight: #af906a;--darkBg: #222;--darkBgHighlight: #333;--darkFg: #fbfbe6;--darkHighlight: #af906a}html{--bg: var(--lightBg);--bg-light: var(--lightBgHighlight);--fg: var(--lightFg);--fg-light: var(--lightHighlight)}html.dark{--bg: var(--darkBg);--bg-light: var(--darkBgHighlight);--fg: var(--darkFg);--fg-light: var(--darkHighlight)}@media (prefers-color-scheme: dark){html:not(.light){--bg: var(--darkBg);--bg-light: var(--darkBgHighlight);--fg: var(--darkFg);--fg-light: var(--darkHighlight)}}body{font-family:Roboto, sans-serif;background-color:var(--bg);color:var(--fg);min-height:100vh;transition:background-color 0s;display:flex;flex-direction:column}main{padding:1em;flex-grow:1}footer{text-align:center;align-self:flex-end;flex-shrink:0;width:100%;margin-bottom:1em}img.responsive{width:40%;max-width:200px;height:auto}footer a:link{text-decoration:none}a:link{color:unset}a:visited{color:unset}a:hover{text-decoration:underline}h4{margin-top:1em;margin-bottom:1em}p{margin-top:0.5em;margin-bottom:0.5em}code{background-color:var(--bg-light);padding:0 0.2em}@media (prefers-reduced-motion: reduce){body{transition:none}}nav{display:flex;justify-content:space-between;padding:0.5rem;background-color:var(--fg-light)}nav>div{display:flex;align-self:center}nav>div>*{padding:0.5rem;margin:0.5rem;text-decoration:none;background-color:var(--bg);border-radius:0.25rem;border:none;color:var(--fg);text-align:center}nav>div>button{padding:0.1em;font-size:1.5rem}@media only screen and (max-width: 767px){body{margin:0}}@media only screen and (min-width: 768px){body{margin:0 20px 0;padding:0 1em 0}nav{margin-top:20px;border-radius:0.3rem}}