* { font-family: monospace; } body { font-size: 1.5rem; line-height: 1.5; user-select: none; margin: 0; padding: 0; overflow: hidden } button { font-size: 1.5rem; padding: 2rem; } canvas { width: 100vw; height: 100vh; } kbd { display: inline-block; border: 2px solid black; border-radius: 8px; margin: 4px; padding: 0 8px; } blockquote { font-style: italic; margin: 0; padding: 1rem 2rem; border-left: 1rem solid #cccc00;; } #debug { display: none; background: cyan; position: fixed; bottom: 0; left: 0 } #debug > * { display: inline-block; padding: 0 0.5rem; } .fullscreen { z-index: 9000; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: white; overflow: scroll; } .fullscreen > div { margin: 2rem; } #level-select { display: flex; flex-wrap: wrap; margin: -2rem; } #level-select > div { width: 33.333%; } #level-select div div { margin: 2rem; } #level-select button { width: 100%; }