.timer{color:#fff;font-weight:700;line-height:43px;margin:0 auto;padding:10px;width:40px;height:40px;border-radius:43px;text-align:center;position:absolute;top:50%;right:50%}div.hideTimerFalse{opacity:.9;transition:opacity .8s}div.hideTimerTrue{opacity:0;transition:opacity .3s}div.menu{width:79vmin;height:79vmin;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}div.hideMenuFalse{opacity:1;transition:opacity .8s;pointer-events:auto}div.hideMenuTrue{opacity:0;transition:opacity .3s;pointer-events:none}div.menuSection{width:90%;display:flex;justify-content:space-between;margin-bottom:3.5vmin;background-color:#002e200d;padding:1.4vmin}div.game{margin-top:2.5vmin;height:100%;display:flex;flex-direction:column;justify-content:flex-start}div.chooseColor{display:flex;flex-direction:column}div.start{align-items:center}h1{padding:1vmin 0;font-size:3.6vmin;line-height:4vmin}h3{font-size:2.8vmin;line-height:3.2vmin}p{font-size:2vmin;line-height:2.4vmin}a{color:inherit}.start button{background-color:#fff0;color:#fff;border:solid;border-color:#fff;font-weight:700;height:100%;width:40%;padding:1vmin}.start button:active{background-color:#fff0;color:#fff;border:solid}.start button:hover{background-color:#ffffffe6;color:#7b68ee;border:none}div.color{display:flex;flex-wrap:wrap;justify-content:space-between}.color button{height:5vmin;width:5vmin;border:none;border-radius:5vmin;margin:1vmin}button.darkseagreen{background-color:#8fbc8f}button.lightcoral{background-color:#f08080}button.mediumslateblue{background-color:#7b68ee}button.firebrick{background-color:#b22222}button.firebrick:active{--color: firebrick}button.seagreen{background-color:#2e8b57}button.plum{background-color:plum}button.olive{background-color:olive}button.tomato{background-color:tomato}button.indigo{background-color:indigo}button.thistle{background-color:#d8bfd8}button.gold{background-color:gold}button.darkcyan{background-color:#008b8b}button.darkmagenta{background-color:#8b008b}button.orangered{background-color:#ff4500}button.darkslategray{background-color:#2f4f4f}button.lightsalmon{background-color:#ffa07a}button.mediumvioletred{background-color:#c71585}button.palegreen{background-color:#98fb98}#root{position:absolute;width:100vw;height:100%;display:flex;justify-content:center;align-items:center}.app{display:flex;flex-direction:column;justify-content:center;align-items:center}*{margin:0;padding:0}head{display:none}html,body{overflow:hidden;margin:0;height:100%}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#ffffffe6;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;align-items:center;place-items:center;min-width:320px;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.webgl-homePage{position:absolute;top:0;width:100vw;height:100vh;overflow:hidden}