@supports (padding-top:env(safe-area-inset-top)){body{height:calc(100% + env(safe-area-inset-top));padding:0}}body{text-align:center;background:#000;margin:0;font-family:monospace;font-size:2em;overflow:hidden}canvas{width:100vw;height:100vh}p{color:#89f76e;text-shadow:1px 0 10px #2fc20a}.notice{margin-top:10em;animation:3s forwards fadeInAnimation}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}.pill{color:#fff;cursor:pointer;text-transform:uppercase;background:gray;border:.3em solid #d3d3d3;border-radius:2em;min-width:6rem;margin:3em;padding:.5em 1em;font-family:monospace;font-size:1rem;font-weight:700;text-decoration:none;display:inline-block}.blue{color:#add8e6;background:linear-gradient(#87ceeb,#00f,#000,#000,#00008b);border-color:#00008b}.blue:hover{color:#fff;border-color:#00f}.red{color:#ffb6c1;background:linear-gradient(#ffb6c1,#dc143c,#000,#000,#8b0000);border-color:#8b0000}.red:hover{color:#fff;border-color:#dc143c}