#menu,#scoreDisplay{left:50%;transform:translateX(-50%)}#menu,#overlay{display:none;background:rgba(0,0,0,.85);color:#fff;width:100%;text-align:center;position:absolute}#menu,#overlay,.button{text-align:center}#colorWheel,#menu,#overlay,#scoreDisplay{position:absolute}body{margin:0}canvas{display:block}#overlay{top:0;left:0;height:100%;flex-direction:column;justify-content:center;align-items:center;font-size:24px}#scoreDisplay,.button,.overlay-message{color:#0f0;font-family:'Courier New',monospace}#scoreDisplay{top:10px;font-size:24px;text-shadow:0 0 10px #0f0,0 0 20px #0f0,0 0 30px #0f0,0 0 40px #0f0}#menu{bottom:0;padding:10px 0}.button{display:inline-block;margin:5px;background-color:#0a0a0a;border:1px solid #0f0;padding:10px 20px;text-decoration:none;font-size:16px;cursor:pointer;border-radius:5px;box-shadow:0 0 5px #0f0;transition:background-color .3s,box-shadow .3s}.button:hover{background-color:#131313;box-shadow:0 0 10px #0f0}.overlay-message{text-shadow:0 0 10px #0f0,0 0 20px #0f0,0 0 30px #0f0;margin-bottom:20px;font-size:24px}#colorWheel{display:flex;flex-wrap:wrap;padding:10px;bottom:10px;left:10px;background:rgba(40,40,40,.8);border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.5)}.colorSwatch{width:30px;height:30px;margin:5px;border:1px solid #000;cursor:pointer}.colorSwatch:hover{border-color:#0f0}