html{background:#000;color:#fff;font-family:sans-serif}html,body{margin:0;padding:0}#menu{padding:1em}#header{position:relative;margin:auto}#header label{position:absolute;top:0;padding:4px}#header label:first-child{left:0}#header label:last-child{right:0}#canvas{display:block;margin:auto}button{border:solid medium;border-radius:5px;color:#333;background:#eee;padding:5px;height:120px;vertical-align:top;margin-top:10px}button:disabled{color:#555;background:#bbb}button:enabled:hover,button:enabled:focus{border-color:#00f}button canvas{padding:1.5em;background:radial-gradient(circle at center,black,black 50%,transparent);border-radius:50%}@keyframes wiggle{0%{transform:rotate(0deg)}25%{transform:rotate(10deg)}50%{transform:rotate(-5deg)}75%{transform:rotate(10deg)}100%{transform:rotate(0deg)}}button:hover canvas,button:focus canvas{animation:wiggle 0.7s}:enabled .d,:disabled .e{display:none}.large-q{font-weight:bold;font-size:50px}input[type="checkbox"],input[type="checkbox"]:checked~.off,input[type="checkbox"]:not(:checked)~.on{display:none}button:enabled,label{cursor:pointer}#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);text-align:center;padding-top:20px}#overlay button{border:none;background:transparent;color:#fff;font-size:32px;height:auto}#overlay button:hover svg{animation:wiggle 0.7s}#overlay button:focus{outline:dotted thin}#result{font-size:18px;line-height:2.5}