:root{--fg-color:0,0,0;--bg-color:255,255,255;--link-alpha:0.6}@media (prefers-color-scheme:dark){:root{--fg-color:221,221,221;--bg-color:30,30,30}}html{background:rgb(var(--bg-color))}body{display:inline-block;margin:40px 0;margin-bottom:80px;font:18px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:rgb(var(--fg-color));font-weight:450;padding:0 30px}.center{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:-1}nav{margin-top:100px}h2{display:inline;margin:auto;font-size:.7em;color:rgba(var(--fg-color),var(--link-alpha));margin-top:40px;background:rgb(var(--bg-color));border:4px solid transparent;border-radius:2px}ul{padding:0;margin-top:0}li{list-style-type:none}a{color:rgb(var(--fg-color));text-decoration:none;background:rgb(var(--bg-color));border:4px solid transparent;border-radius:2px}a[rel=external]:hover::after{content:" ↗";color:rgb(var(--bg-color))}a:hover{background:rgb(var(--fg-color));color:rgb(var(--bg-color));border:4px solid rgb(var(--fg-color))}.unselectable{user-select:none;-moz-user-select:none;-webkit-user-select:none}#button-container{position:absolute}button{display:block;background:rgb(var(--bg-color));border:none;padding:0;margin-bottom:8px;margin-left:-4px;color:rgb(var(--fg-color));font-size:1.2em;cursor:pointer;width:32px;height:32px;text-align:center;border-radius:2px}button:hover{background:rgb(var(--fg-color));color:rgb(var(--bg-color))}button:active{background:rgb(var(--bg-color));color:rgb(var(--fg-color))}footer{margin-top:80px;color:rgba(var(--fg-color),var(--link-alpha));font-size:11px}hr{border:none;border-bottom:1px solid rgba(var(--fg-color),var(--link-alpha))}