html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:ivory}@font-face{font-family:Bebas Neue;src:url(./bebas-neue-v9-latin-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}.interface{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;font-family:Bebas Neue,sans-serif}.time{position:absolute;top:15%;left:0;width:100%;color:#fff;font-size:6vh;background-color:#0003;padding-top:5px;text-align:center}.restart{display:flex;justify-content:center;position:absolute;top:40%;left:0;width:100%;color:#fff;font-size:80px;background:#0003;padding-top:10px;pointer-events:auto;cursor:pointer}.controls{position:absolute;bottom:10%;left:0;width:100%}.controls .raw{display:flex;justify-content:center}.controls .key{width:40px;height:40px;margin:4px;border:2px solid #ffffff;background:#fff4}.controls .key.large{width:144px}.controls .key.active{background:#fff9}