:root{--back:#fcfcfc;--color:#000;--footer-color:#ccc;--link:#3c6897;--site-back:#fff;--site-color:#000;--site-back-hover:#eee;--site-color-hover:#000;--black:#fefefe;}@media(prefers-color-scheme:dark){:root{--back:#000;--color:#fff;--footer-color:#333;--link:#469ffd;--site-back:#000;--site-color:#fff;--site-back-hover:#111;--site-color-hover:#fff;--black:#010101;}}html{background:var(--back);color:var(--color);min-height:100vh;}body{font-family:sans-serif;display:flex;flex-flow:column nowrap;min-height:100vh;}html,body{margin:0;padding:0;}main{flex:1 1 auto;margin:5em auto 0 auto;max-width:55em;overflow:auto;display:flex;flex-flow:column nowrap;}main img{align-self:center;}h1{font-family:sans-serif;}h1,h2,h3,h4,h5,h6{font-family:sans-serif;border-bottom:2px solid #f0ffff;}a,a:visited,a:active{color:var(--link);}kbd{background:#eee;border-radius:4px;padding:2px 6px;box-shadow:3px 3px 5px #ccc;color:#000;}.sites{display:flex;flex-flow:row wrap;justify-content:center;gap:1em;padding-bottom:1em;}.sites a{display:inline-flex;align-items:center;justify-content:center;text-align:center;width:7em;height:4em;border-radius:10px;background:var(--site-back);color:var(--site-color);text-decoration:none;border:1px solid #ccc;transition:all .2s ease-in-out 0ms;box-shadow:0 0 20px -18px;font-weight:bold;}.sites a:hover{background:var(--site-back-hover);color:var(--site-color-hover);border-color:var(--link);}.sites a.orange{border-color:#fabc3b;}.sites a.red{border-color:#df3621;}.sites a.green{border-color:#15a762;}.sites a.blue{border-color:#3b99cd;}.sites a.black{border-color:var(--black);color:var(--black);}.sites a:active{transform:scale(.95);}footer{flex:0 0 auto;padding:3px;display:flex;flex-flow:row wrap;justify-content:space-between;}footer,footer a{color:var(--footer-color);}