*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{background:#f0f0f0}.interface{pointer-events:none;width:100%;height:100%;font-family:Lilita One,sans-serif;position:fixed;top:0;left:0}.time{color:#fff;text-align:right;text-shadow:-2px -2px #000,2px -2px #000,-2px 2px #000,2px 2px #000,0 -2px #000,0 2px #000,-2px 0 #000,2px 0 #000,0 8px #000;filter:drop-shadow(0 2.5px #00000080);background:#353c52;border:3px solid #000;border-radius:10px;padding:5px 70px;font-size:6vh;position:absolute;top:30px;right:25px}.logo{color:#fff;padding:0;font-size:6vh;position:absolute;top:30px;left:40px}.restart{color:#fff;pointer-events:auto;cursor:pointer;text-shadow:-2px -2px #000,2px -2px #000,-2px 2px #000,2px 2px #000,0 -2px #000,0 2px #000,-2px 0 #000,2px 0 #000,0 5px #000;filter:drop-shadow(0 2.5px #00000080);background:#ff5e5e;border:3px solid #000;border-radius:10px;justify-content:center;width:auto;padding:10px 40px;font-size:4vh;display:flex;position:absolute;top:125px;right:25px}.restart:hover{background:#ff3a3a}.controls{justify-content:right;width:100%;display:flex;position:absolute;bottom:25px;right:25px}.controls .raw{justify-content:center;display:flex}.controls .key{opacity:.6;filter:drop-shadow(0 2.5px #000000e6);background:#343b50;border:2px solid #000;border-radius:8px;width:60px;height:60px;margin:4px}.controls .key.large{width:200px}.controls .key.active{opacity:.7;background:#00112d}