:root{--back:#fcfcfc;--color:#000;--footer-color:#ccc;--link:#3c6897;}@media(prefers-color-scheme:dark){:root{--back:#000;--color:#fff;--footer-color:#333;--link:#469ffd;}}html{background:var(--back);color:var(--color);height:100%;}body{font-family:sans-serif;display:flex;flex-flow:column nowrap;}main{flex:1 1 auto;margin:5em auto;max-width:55em;overflow:auto;}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;justify-content:center;gap:1em;}.sites a{display:inline-flex;align-items:center;justify-content:center;text-align:center;width:7em;height:4em;border-radius:10px;background:#fff;color:#000;text-decoration:none;border:1px solid #ccc;transition:all .2s ease-in-out 0ms;box-shadow:0 0 20px -18px;}.sites a:hover{background:#eee;color:#000;border-color:var(--link);}.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);}