body{background-color:#141414;font-family:Cabin,sans-serif}div.startScreen{display:flex;justify-content:center;align-items:center;flex-direction:column;height:90vh}div.startScreen>h3{color:#3f3f3f;margin-top:0;font-weight:400}h1.typerWord{color:#66c;font-weight:700;font-style:italic;font-size:200px;margin-top:0;margin-bottom:70px}div.timeButtons{display:flex;margin-top:100px;gap:30px}button.timeButton,.resetButton{width:100px;height:30px;background-color:#141414;border:2px solid #444488;border-radius:15px;color:#818181;font-family:Cabin,sans-serif;font-size:15px;z-index:1;cursor:pointer}button.selected{background-color:#66c;color:#fff}button.timeButton:hover,.resetButton:hover{background-color:#414179;color:#fff}.typingTestdiv{display:flex;align-items:center;justify-content:center;flex-direction:column}.mainGameTest{font-size:50px;color:#66c;margin-top:30vh;width:80vw;overflow:hidden;height:190px}.textContainer{height:auto;overflow-x:auto;white-space:nowrap;padding:10px}.timer{margin-top:15vh;color:#3f3f3f;font-weight:400}@keyframes typedWord{0%{color:#66c}to{color:#4c914c}}span.typed{animation-name:typedWord;animation-duration:.15s;animation-fill-mode:forwards}@keyframes animateMistake{0%,to{transform:translateY(0)}30%{transform:translateY(10px)}60%{transform:translateY(-10px)}}span.mistake{display:inline-block;animation:animateMistake;animation-duration:.15s;animation-fill-mode:forwards;color:#9c3a3a}.currentLetter{color:#448}div.statistics{color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column}.mainStat{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:80px}.mainStat>h1{font-size:90px;margin-bottom:0;color:#66c}.mainStat>h3{font-size:30px;color:#448}.lowerStat{display:flex;justify-content:center;align-items:center;flex-direction:row;margin-top:50px;gap:150px}.lowerStat>div{display:flex;justify-content:center;align-items:center;flex-direction:column}.lowerStat>div>h1{margin-bottom:0;font-size:40px;color:#66c}.lowerStat>div>h3{color:#448}button.resetButton{margin-top:100px}.hiddenInput{position:fixed;top:0;left:0;width:100vw;height:100vh;opacity:0;border:none;outline:none;background:transparent;caret-color:transparent;cursor:default}
