html{box-sizing:border-box;font-size:20px;--vwidth:50vw;--fg:#333;--bg:#fff}@media(prefers-color-scheme:dark){html{--fg:#fff;--bg:#333}}@media screen and (max-width:1024px){html{--vwidth:90vw;font-size:18px}}body{font-family:Arial,Helvetica,sans-serif;line-height:1.4rem;width:var(--vwidth);margin:0 auto;color:var(--fg);background-color:var(--bg);display:flex;justify-content:center;align-items:center;flex-direction:column}header,footer,main,section{display:flex;flex-direction:column}footer{align-items:center}info{display:flex;flex-direction:column;align-items:center;font-size:.75em}h1{font-size:2rem;line-height:1.5em;margin:0}h2{font-size:1.5rem;margin:.5em 0}h3{font-size:1.3rem;margin:.5em 0}h4{font-size:1.2rem;margin:.5em 0}h5{font-size:1.1rem;margin:.5em 0}container,p,ul,ol{margin:.5em 0}container{border:var(--fg)1px solid;border-style:dotted;padding:1em}a{color:var(--fg);text-decoration:underline}a:hover{text-decoration:underline;text-decoration-color:var(--fg);color:var(--bg);background-color:var(--fg)}