body{padding:0;margin:0}.app,.overlay{transition:.25s background-color}.app.dark,.overlay.dark{background-color:#000;color:#fff}.app{display:flex;height:100vh;width:100vw;font-family:Monaco,monospace;flex-direction:column;justify-content:center;align-items:center;gap:40px}.overlay{padding-bottom:8em}h1{margin:0;font-family:Monaco,monospace;font-size:1.4em;margin-inline:1em 4em;padding-top:1em}@media (min-width: 768px){h1{text-align:center}}p{font-size:1.2em;line-height:1.4em;margin-inline:1em}@media (min-width: 768px){p{font-size:1.6em;line-height:1.4em;margin-inline:20%}}.title{position:absolute;top:0;font-weight:900}.controls{display:flex;gap:20px}.vertical{flex-direction:column;align-items:center}.playPause,.reset{all:unset;border:1px black solid;padding:10px 20px;border-radius:20px;cursor:pointer}.dark .playPause,.dark .reset{border-color:#fff}.playPause:hover,.reset:hover{background-color:#000;color:#fff}.dark .playPause:hover,.dark .reset:hover{background-color:#fff;color:#000}.playPause:focus-visible,.reset:focus-visible{outline:4px auto black;outline-offset:4px}.zero,.one{text-align:center;font-size:1.4em;padding:.5em 1em;margin-inline:.25em;border-radius:3px}@media (max-width: 768px){.zero,.one{font-size:1em;margin-inline:.1em;padding-block:.75em}}.dark .zero,.one{color:#fff}.bottomLeft,.bottomRight,.bottomCenter,.topRight{position:absolute;bottom:2em}.bottomLeft button,.bottomRight button,.bottomCenter button,.topRight button{border:1px black solid;color:#000;transition:color 0s}.bottomLeft button:hover,.bottomRight button:hover,.bottomCenter button:hover,.topRight button:hover{background-color:#000;color:#fff}.dark .bottomLeft button,.dark .bottomRight button,.dark .bottomCenter button,.dark .topRight button{border-color:#fff;color:#fff}.dark .bottomLeft button:hover,.dark .bottomRight button:hover,.dark .bottomCenter button:hover,.dark .topRight button:hover{background-color:#fff;color:#000}.bottomLeft button:focus-visible,.bottomRight button:focus-visible,.bottomCenter button:focus-visible,.topRight button:focus-visible{outline:2px auto black;outline-offset:4px}.bottomLeft{left:2em}.bottomRight,.topRight{right:2em}.topRight{top:2em}
