@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";body,html{background-color:#000;color:#fff;width:100vw;height:100vh;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes hit-anim{0%{background-color:#2d5781}to{background-color:#222}}.timer{align-self:center;background-color:#222;border:2rem solid #222;display:inline-block;font-size:12vmin;font-family:Share Tech Mono,monospace}.timer.active{border-color:#2d5781;animation:hit-anim 1s ease-out}.timer.flagged{border-color:#b00;background-color:#b00}.timer .timer-decis{font-size:.6em;vertical-align:baseline}.timer-row{display:flex;position:absolute;width:100%}.timer-row .timer-container{flex-grow:1;display:flex;flex-flow:column}.timer-row:last-of-type{bottom:0}.timer-row:first-of-type{top:0;transform:rotate(180deg)}.timer-left{position:absolute}.timer-left .timer-container{margin-top:30vh;display:flex;flex-flow:row-reverse;justify-content:flex-end}.timer-left .timer,.timer-left .timer-above{writing-mode:vertical-lr}.timer-right{position:absolute;right:0;transform:rotate(180deg)}.timer-right .timer-container{margin-bottom:30vh;display:flex;flex-flow:row-reverse;justify-content:flex-end}.timer-right .timer,.timer-right .timer-above{writing-mode:vertical-lr}.timer-above{text-align:center;font-size:2.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.menu{position:absolute;top:40%;left:50%;transform:translateX(-50%);display:flex}.menu svg{font-size:5rem}.top{font-size:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:absolute;top:1rem;left:50%;transform:translateX(-50%);text-align:center}