html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:ivory}.interface{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3;font-family:Bebas Neue,sans-serif;color:#fff}.time{position:absolute;top:15%;left:0;width:100%;font-size:6vh;background-color:#0003;padding-top:.5rem;text-align:center}.restart{display:flex;justify-content:center;position:absolute;top:40%;left:0;width:100%;font-size:80px;background:#00000033;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:#ffffff44}.controls .key.large{width:144px}.controls .key.active{background:#ffffff99}