:root{--bg-color:#323437;--main-color:#e2b714;--caret-color:#e2b714;--sub-color:#646669;--text-color:#d1d0c5;--error-color:#ca4754;--error-extra-color:#7e2a33}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#323437;background-color:var(--bg-color);color:#d1d0c5;color:var(--text-color);font-family:monospace}.app{display:flex;flex-direction:column;height:100vh;justify-content:space-between;overflow:hidden;padding:3.5rem 10rem;width:100vw}.header{justify-content:space-between}.header,.header-right{flex-direction:row}.header,.header-right,.logo{align-items:center;display:flex}.logo{border:4px solid #e2b714;border:4px solid var(--main-color);border-radius:.5rem;cursor:pointer;height:1rem;justify-content:center;padding:1rem;text-align:center;width:4rem}.heading-text{cursor:pointer;margin-left:1rem;position:relative}.heading-text p{color:#646669;color:var(--sub-color);font-size:15px;position:absolute;top:-12px}.heading-text h1{font-size:2rem;margin-bottom:0}.header-left{text-align:right}.header-left p span{color:#646669;color:var(--sub-color);cursor:pointer;font-size:15px;margin-right:.2rem;transition:color .5s ease}.header-left p span:hover{color:#d1d0c5;color:var(--text-color)}.header-left p .active{color:#e2b714;color:var(--main-color)}.result{align-items:center;display:flex;flex-direction:column;justify-content:center}.result h2,.result p{margin-bottom:.5rem}.result p{font-size:1rem}.result .restart{border:1px solid #e2b714;border:1px solid var(--main-color);cursor:pointer;font-size:1;margin-bottom:0;padding:.5rem}.timer{color:#e2b714;color:var(--main-color);font-size:1.2rem;margin-bottom:.5rem}.typing-field{align-items:center;color:#646669;color:var(--sub-color);display:flex;flex-wrap:wrap;font-size:21pt;height:100px;overflow:hidden;overflow-wrap:break-word;-webkit-user-select:none;-ms-user-select:none;user-select:none}.word{margin-right:1rem;position:relative}.correct{color:#d1d0c5;color:var(--text-color)}.incorrect{color:#ca4754;color:var(--error-color)}.extra{color:#7e2a33;color:var(--error-extra-color)}.caret{-webkit-animation:caret 1.5s 1s infinite;animation:caret 1.5s 1s infinite;color:#e2b714;color:var(--caret-color);cursor:pointer;font-size:2rem;opacity:1;position:absolute;top:-5px}@-webkit-keyframes caret{0%,to{opacity:0}50%{opacity:1}}@keyframes caret{0%,to{opacity:0}50%{opacity:1}}.links{align-items:center;color:#646669;color:var(--sub-color);display:flex;font-size:1rem;text-decoration:none}.links:hover{color:#d1d0c5;color:var(--text-color)}
/*# sourceMappingURL=main.e3a7b91e.css.map*/