@font-face{font-family:UI;src:url(/font.woff2) format("woff2"),url(/font.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body{--text-colour: white;color:var(--text-colour);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0}body{display:flex;flex-direction:column;min-height:100vh;background-image:url(/dark-noise.png)}header{display:flex;justify-content:center}header a,header a:visited{color:#fff;font-family:UI;text-decoration:none;margin:1rem 0;transition:text-shadow .2s}header a:hover{text-shadow:#888 0 0 10px}header h1{margin:0;font-size:2.2rem;line-height:2.2rem}.content{display:flex;flex-direction:column;align-items:center}button{all:unset;cursor:pointer;border:solid 3px rgba(255,255,255,.1);padding:.5em 1em .5em .5em;display:flex;align-items:center;font-family:UI;transition:box-shadow .2s}button:hover{box-shadow:#888 0 0 10px}.focus>button,button:focus{border:solid 3px rgb(89,212,232);background-color:#0000001a;animation-name:buttonColor;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}button.active{color:#22ffc2}button .cursor{display:inline-block;width:.15em;height:1.8em;margin-right:.2em;vertical-align:text-bottom}button.active .cursor{background-color:#22ffc2}@keyframes buttonColor{0%{border-color:#59d4e8}50%{border-color:#2087bc}to{border-color:#59d4e8}}