.keyboard{margin:0 auto;color:var(--d-font);width:728px}.keyboard__keys{text-align:center;display:flex}.keyboard__key{height:45px;width:45px;margin:3px;border-radius:4px;border:1px solid var(--d-border);font-size:1.05rem;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;padding:0;position:relative}.keyboard__key--wide{flex-grow:3}.up{text-transform:uppercase}.keyboard span{font-family:Avenir,Helvetica,Arial,sans-serif;height:24px}.layouts{display:flex;width:728px;margin:0 auto}.layouts button{font-family:Avenir,Helvetica,Arial,sans-serif;flex-grow:1;background:var(--d-bg);height:45px;margin:3px;padding:0 1rem;border-radius:4px;border:1px solid var(--d-border);font-size:1.05rem;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;position:relative}.light{background:var(--d-light)!important;z-index:0}.keyboard{animation:fadeInKeyboard 1.5s ease}@keyframes fadeInKeyboard{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.menu{width:30%;margin:0 auto;text-align:center}.menu .options{width:100%}.settings-button{color:var(--d-font);cursor:pointer;background:var(--d-bg);border:none;font-size:1.05rem;position:absolute;top:0;right:0;margin:2rem}.settings-button:not(.active):hover{color:gold}#paragraph[data-v-2be9bfb4]{width:60%;max-width:900px;color:var(--d-font);margin:0 auto}#paragraph span[data-v-2be9bfb4]{font-size:1.5rem}.running[data-v-2be9bfb4]{white-space:nowrap;padding-left:50%;transition-duration:2s}.running-end[data-v-2be9bfb4]{white-space:normal!important;padding-left:0!important;transition-duration:2s}#correct.running-end[data-v-2be9bfb4]{margin-left:0!important;transition-duration:2s}._success[data-v-2be9bfb4]{color:var(--d-success)}._danger[data-v-2be9bfb4]{background-color:rgba(255,0,0,.4)}._current[data-v-2be9bfb4]{text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}._blinker[data-v-2be9bfb4]{box-shadow:0 0 1px 1px var(--d-font);animation:blink-animation-2be9bfb4 1s steps(2,start) infinite;animation-delay:2s}@keyframes blink-animation-2be9bfb4{to{visibility:hidden}}.post{width:60%;margin:1rem auto}.title{text-align:center}.underline{text-decoration:underline}.post h2{padding:.25rem 0}.mistake{display:inline-block;width:20%;text-align:left}.progress-bar[data-v-15a42a56]{background:var(--d-bg);margin-right:50px;margin:0 auto;color:var(--d-font);width:60%;max-width:750px}.progress[data-v-15a42a56]{margin:2rem 0;height:2px;border:solid 1px var(--d-border)}img[data-v-15a42a56]{top:-25px;height:50px;position:relative;left:100%}.invert[data-v-15a42a56]{filter:invert(100%)}.sepia[data-v-15a42a56]{filter:invert(100%);opacity:.5}.forest[data-v-15a42a56]{filter:invert(100%) sepia(1) hue-rotate(45deg) saturate(1)}.ocean[data-v-15a42a56]{filter:invert(100%) sepia(1) hue-rotate(135deg) saturate(2)}.confirm[data-v-7f62224b],.settings[data-v-7f62224b]{position:absolute;top:0;left:0;height:100vh;width:100vw;background:var(--d-bg);color:var(--d-font)}.settings[data-v-7f62224b]{z-index:2}.confirm[data-v-7f62224b]{z-index:3}.inner[data-v-7f62224b]{top:50%;left:50%;text-align:center;margin:0 auto;position:relative;transform:translate(-50%,-50%)}.sub[data-v-7f62224b]{padding:1rem 0}#final_confirm[data-v-7f62224b]:hover,.clear[data-v-7f62224b]:hover{background:red!important;color:#fff!important}.active[data-v-7f62224b]{background:var(--d-font);color:var(--d-bg);font-weight:700}.w-100[data-v-7f62224b]{width:50%}.stats{width:60%;margin:0 auto;text-align:center}.stat{width:25%;display:inline-block}.stat h3{text-decoration:underline}.timer{width:60%;margin:0 auto;padding-bottom:10px}.countdown{opacity:0;z-index:1;animation:fade 5s;top:50%;height:140px;margin-top:-70px;transform:translateX(-50%)}._colored-blocks,.countdown{position:absolute;left:50%;width:500px;padding:10px;border-radius:20px}._colored-blocks{overflow:hidden;top:0;height:100%;margin-left:-250px;perspective:1000px;animation:CountdownAnim 4s ease-in-out infinite,contAnim 4s}._colored-blocks-rotater{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:inherit;animation:rotation 1.3s linear infinite}._colored-blocks-inner{overflow:hidden;position:relative;height:100%;background:var(--d-bg);border-radius:inherit}._colored-block{position:absolute;left:50%;top:50%;width:300%;height:300%;transform-origin:0 0}._colored-block:first-child{transform:rotate(0deg) skewX(-30deg);background-color:#f08080}._colored-block:nth-child(2){transform:rotate(120deg) skewX(-30deg);background-color:#adff2f}._colored-block:nth-child(3){transform:rotate(240deg) skewX(-30deg);background-color:gold}._inner{overflow:hidden;position:relative;width:100%;height:100%}._numbers{overflow:visible;position:absolute;left:50%;top:50%;width:100px;height:100px;margin-left:-50px;margin-top:-50px}._numbers-path{fill:none;stroke-width:10px;stroke:var(--d-font);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,518.055065155;stroke-dashoffset:0;animation:numAnim 4s ease-in-out infinite;opacity:0}._text_go,._text_ready{z-index:3;opacity:0;position:absolute;left:50%;top:0;width:500px;height:100%;margin-left:-250px;text-align:center;line-height:140px;font-size:100px;color:var(--d-font);transform:translateX(10px)}._text_ready{animation:hideReady 4s}._text_go{animation:hideGo 5s infinite}@keyframes contAnim{15%,to{margin-left:-250px;width:500px}25%,90%{margin-left:-70px;width:140px}}@keyframes numAnim{15%{stroke-dasharray:0,518.055065155;stroke-dashoffset:0;opacity:0}25%,41%{opacity:1;stroke-dasharray:144.4256591797,518.055065155;stroke-dashoffset:-40}53%,66%{stroke-dasharray:136.0216217041,518.055065155;stroke-dashoffset:-227.238697052}76%{stroke-dasharray:113.4751205444,518.055065155;stroke-dashoffset:-445.8995704651}88%,to{stroke-dasharray:72.1554946899,518.055065155;stroke-dashoffset:-445.8995704651}92%{opacity:1}to{opacity:0}}@keyframes rotation{to{transform:rotate(1turn)}}@keyframes CountdownAnim{15%{border-radius:20px;transform:rotate(0)}30%,43%{border-radius:50%;transform:rotate(1turn)}52%,65%{border-radius:0;transform:rotate(2turn)}78%,90%{border-radius:50%;transform:rotate(3turn)}to{border-radius:20px;transform:rotate(4turn)}}@keyframes hideReady{15%{opacity:1}20%,96%{opacity:0}}@keyframes hideGo{89%{opacity:1}0%,76%{opacity:0}}@keyframes fade{6%,84%{opacity:1}to{opacity:0}}.input{background:var(--d-bg);color:var(--d-font);position:relative;display:flex;flex-direction:row;max-width:400px;margin:1rem auto;border-radius:2px;padding:1rem;border:1px solid var(--d-border);border-radius:4px;animation:fadeInTyping 1.5s ease}.input:after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:999;height:2px;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.input input{display:block;margin:0 auto;flex-grow:1;color:var(--d-font);font-size:1.8rem;line-height:2.4rem;vertical-align:middle;border-style:none;background:transparent;outline:none}::-moz-placeholder{color:var(--d-placeholder)}::placeholder{color:var(--d-placeholder)}@keyframes fadeInTyping{0%{opacity:0}30%{opacity:0}to{opacity:1}}:root{--d-bg:#f5f5f5;--d-font:#000;--d-border:#000;--d-light:#adff2f;--d-success:green}:root,[theme=dark]{--d-placeholder:#7881a1}[theme=dark]{--d-bg:#303030;--d-font:#fff;--d-border:#fff;--d-light:green;--d-success:#adff2f}[theme=sepia]{--d-bg:#704214;--d-font:#d4b595;--d-border:#eadbcb;--d-light:beige;--d-success:#adff2f;--d-placeholder:#a9a9a9}[theme=ocean]{--d-bg:#002535;--d-font:#bfd2d9;--d-border:#3b89ac;--d-light:#3b89ac;--d-success:#adff2f;--d-placeholder:#22646e}[theme=forest]{--d-bg:#5c6b24;--d-font:#e7e8a6;--d-border:#cdcd8e;--d-light:#61a929;--d-success:#adff2f;--d-placeholder:#a8b59e}*,:after,:before{margin:0;padding:0;box-sizing:border-box;font-family:Merriweather,serif}body{height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--d-bg);color:var(--d-font)}.text-center{text-align:center}.p-3{padding:1rem}.wrong .input{background-color:rgba(255,0,0,.4);border-color:red}.hidden{display:none}.options{color:var(--d-font);cursor:pointer;font-family:Avenir,Helvetica,Arial,sans-serif;flex-grow:1;background:var(--d-bg);height:45px;margin:3px;padding:0 1rem;border-radius:4px;border:1px solid var(--d-border);font-size:1.05rem;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;position:relative;margin-bottom:1rem}.options:not(.active):hover{background:gold;color:#000}