*,:after,:before{margin:0;padding:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}:root{--primary-color:#00aeff;--secondary-color:#ecb44c;--bg-color:#ccc}body{background-color:#ccc;background-color:var(--bg-color);font-family:Courier New,Courier,monospace}input{-webkit-appearance:none;appearance:none;background:#027db6;border-color:transparent;border-radius:3px;box-shadow:none;color:#fff;font-size:48px;outline-style:none;padding:10px;text-align:center;width:100%}a,a:active,a:hover{color:unset;text-decoration:none}.btn,button{background-color:#fff;border:none;border-radius:5px;color:#000;cursor:pointer;font-weight:700;margin:0 10px;padding:15px 20px}.btn:hover,button:hover{background-color:#d6d6d6;color:#000}button.primary-btn{background-color:#ffc965}button.primary-btn:hover{background-color:#ecb44c;background-color:var(--secondary-color)}svg{height:100px;width:100px}.result{align-items:center;background-color:#00aeff;background-color:var(--primary-color);color:#fff;display:flex;flex-direction:column;padding:50px}.result h2{color:#ff0;margin-bottom:20px}.resCard{align-items:center;display:flex;gap:20px}.resCard svg{height:30px;width:30px}.grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr}.card,.grid{padding:50px}.card{align-items:center;background-color:#fff;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:10px;text-align:center;transition:all .3s ease-in-out}.card:hover{box-shadow:0 12px 15px rgba(0,0,0,.3);-webkit-transform:translateY(-10px);transform:translateY(-10px)}.card:hover svg{color:#ecb44c;color:var(--secondary-color)}.card svg{color:#00aeff;color:var(--primary-color);height:60px;width:60px}.main{align-items:center;background-color:#00aeff;background-color:var(--primary-color);color:#fff;display:flex;flex-direction:column;gap:20px;height:100vh;justify-content:center;text-align:center}.main p{padding:0 50px}.reaction{cursor:pointer}.verbal h1{margin:50px 0}.status{display:flex;gap:100px}.number .loading{background-color:#027db6;height:5px;width:150px}.number .loading span{background-color:#fff;display:block;transition:width 3s}.aim .game,.number .loading span{height:100%;width:100%}.aim .game>div{background-color:#e75555;border-radius:50%}.aim .game>div,.aim svg{height:100px;width:100px}.aim svg{cursor:pointer}.chimp .game,.sequence .game,.visual .game{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;place-items:center}.sequence .game>div,.visual .game>div{background-color:#027db6;border-radius:5px;cursor:pointer;height:100px;transition:all .2s ease-in-out;width:100px}.sequence .game>.active,.visual .game>.active{background-color:#fff}.visual .game{grid-template-columns:140px 140px 140px;grid-template-rows:140px 140px 140px}.visual .game>.wrong{-webkit-animation:shake .2s ease-in-out;animation:shake .2s ease-in-out;background-color:#003e5a}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@-webkit-keyframes flick{0%{opacity:0}to{opacity:1}}@keyframes flick{0%{opacity:0}to{opacity:1}}.flex{align-items:center;display:flex;gap:100px}.chimp .game{gap:20px;grid-template-columns:repeat(9,60px);grid-template-rows:repeat(7,60px)}.chimp .game>div{align-items:center;border:4px solid hsla(0,0%,100%,.5);border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:30px;font-weight:700;height:60px;justify-content:center;transition:all .2s ease-in-out;visibility:hidden;width:60px}.chimp .game>div:hover{border-color:#fff}.chimp .game>.active{background-color:#fff;border-color:#fff}.input{background-color:#fff;border-radius:5px;color:#000;margin:20px 50px;padding:20px}.input .line{-webkit-animation:flick .8s;animation:flick .8s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;font-size:130%;font-weight:700;margin:-4px -7px;position:absolute}.input .right{background-color:#5edd5e}.input .wrong{background-color:#ff6161}
/*# sourceMappingURL=main.658c58a2.css.map*/