@import url(https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap);footer,header{align-items:center;display:flex;font-size:12pt;font-weight:700;justify-content:space-between;margin:50px 0;width:50%}footer .buttons,header .buttons{align-items:flex-end;display:flex;flex-direction:column}.brand{align-self:center;font-size:21pt}.test{-webkit-overflow-scrolling:touch;-ms-scroll-chaining:none;-ms-overflow-style:none;background-color:var(--bg-color);box-sizing:border-box;display:flex;flex-direction:column;font-weight:700;height:100vh;margin:0 auto;max-width:800px;min-height:100vh;overflow-y:auto;overscroll-behavior:contain;padding:20px 15px;scroll-behavior:smooth;scroll-padding:20vh 0;scrollbar-width:none;width:100%}.test::-webkit-scrollbar{display:none}.typing-input{-webkit-text-fill-color:transparent;caret-color:var(--hl-color);color:transparent;font-size:16px;height:1px;left:-100px;opacity:.01;pointer-events:none;position:fixed;top:-100px;width:1px}.timer{color:var(--hl-color);font-size:21pt;margin:5px}.accuracy{color:var(--fg-color);font-size:16pt;margin:5px;opacity:.8}.box{align-content:flex-start;align-items:flex-start;display:flex;flex-wrap:wrap;font-size:21pt;min-height:calc(100vh - 100px);padding:10px 0 100px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.box,.box .word{position:relative}.box .word{margin:0 5px 2px}.box .word.wrong{-webkit-animation:shake .1s ease;animation:shake .1s ease;-webkit-text-decoration:2px underline var(--hl-color);text-decoration:2px underline var(--hl-color)}@-webkit-keyframes shake{0%{-webkit-transform:translateX(5px);transform:translateX(5px)}50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shake{0%{-webkit-transform:translateX(5px);transform:translateX(5px)}50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.box .typedWord{left:0;position:absolute;top:0}.box .right{color:var(--fg-color)}.box #active{position:relative;width:-webkit-max-content;width:max-content}.box span.wrong{color:var(--hl-color)!important}.box .extra{opacity:.6}.box #caret{border-left:2px solid var(--hl-color);color:transparent;display:inline-block;height:1em;pointer-events:none;position:absolute;top:0;-webkit-transform:translateX(-1px);transform:translateX(-1px);transition:left .1s ease;width:0}.box #caret.blink{-webkit-animation:blink 1.5s 1s infinite;animation:blink 1.5s 1s infinite}@-webkit-keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:768px){.test{-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;box-sizing:border-box;height:100vh;min-height:100vh;padding:10px 10px 20px;scroll-padding:25vh 0;scrollbar-width:thin;width:100%}.test::-webkit-scrollbar{display:block;width:8px}.test::-webkit-scrollbar-track{background:transparent}.test::-webkit-scrollbar-thumb{background:hsla(0,0%,50%,.5);border-radius:4px}.box{font-size:18pt;min-height:calc(100vh - 80px);padding:10px 5px}.word{line-height:1.5;margin:0 3px 4px!important;padding:2px 4px;position:relative}#caret{font-size:1.1em;font-weight:700}}table{font-size:16pt;font-weight:800}table button{font-size:21pt}.wrong{color:var(--hl-color)}.bottom-area{justify-content:center;position:relative;width:50%}.bottom-area .hint{align-items:center;display:flex;justify-content:center}.bottom-area .hint kbd{background-color:var(--font-color);border-radius:3px;color:var(--bg-color);font-size:9pt;margin:10px;padding:2.5px 5px}.bottom-area footer{width:100%}.bottom-area footer>a,.bottom-area footer button{border:none;font-size:12pt;margin:0;padding:0 10px;width:150px}.bottom-area footer .contributor-list{background-color:var(--bg-color);border:1px solid var(--fg-color);bottom:90px;box-shadow:5px 5px var(--fg-color);display:flex;flex-direction:column;max-height:300%;overflow-y:auto;position:absolute;right:10px;scrollbar-width:thin;width:300px}.bottom-area footer .contributor-list h2{background-color:var(--bg-color);margin:0;padding:15px;position:-webkit-sticky;position:sticky;top:0}.bottom-area footer .contributor-list .contributor{display:flex;flex-direction:row;padding:10px}.bottom-area footer .contributor-list .contributor img{border-radius:50%;margin:5px}.bottom-area footer .contributor-list .contributor .contributor-details{display:flex;flex-direction:column;justify-content:space-around;padding:5px 15px}.bottom-area footer .contributor-list::-webkit-scrollbar{width:5px}.bottom-area footer .contributor-list::-webkit-scrollbar-thumb{background-color:var(--font-color);border-radius:10px}.bottom-area footer .contributor-list::-webkit-scrollbar-track-piece{background-color:var(--bg-color)}.default{--bg-color:#000;--font-color:#789;--hl-color:orange;--fg-color:#292f34}.mkbhd{--bg-color:#171717;--font-color:#ededed;--hl-color:#da0037;--fg-color:#444}.mocha{--bg-color:#2d2424;--font-color:#e0c097;--hl-color:#dc521c;--fg-color:#5c3d2e}.coral{--bg-color:#fdd2bf;--font-color:#df5e5e;--hl-color:#492f10;--fg-color:#e98580}.ocean{--bg-color:#ddd;--font-color:#125d98;--hl-color:#f5a962;--fg-color:#3c8dad}.azure{--bg-color:#383e56;--font-color:#eedad1;--hl-color:#f69e7b;--fg-color:#d4b5b0}.forest{--bg-color:#334443;--font-color:#fff8df;--hl-color:#c6ffc1;--fg-color:#34656d}.rose-milk{--bg-color:#fff;--font-color:#111;--hl-color:#b33838;--fg-color:#3b8792}.amethyst{--bg-color:#e2caea;--font-color:#480c51;--hl-color:#ab395f;--fg-color:#9774aa}.amber{--bg-color:#feb204;--font-color:#d53600;--hl-color:#700e01;--fg-color:#ff8503}.terminal{--bg-color:#000;--font-color:#fff;--hl-color:red;--fg-color:#0f0}.vscode{--bg-color:#1e1e1e;--font-color:#d4d4d4;--hl-color:#ce9178;--fg-color:#474747}.mountain{--bg-color:#10271e;--font-color:#d1ac3f;--hl-color:#a2d6f6;--fg-color:#485e2c}.red-season{--bg-color:#1e1c1c;--font-color:#e73535;--hl-color:#d4d4d4;--fg-color:#593b3e}.pink-sky{--bg-color:#23049d;--font-color:#ff79cd;--hl-color:#ffdf6b;--fg-color:#aa2ee6}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inconsolata,monospace;margin:0}body,html{background-color:var(--bg-color);height:100%;scroll-behavior:smooth;width:100%}#root{color:var(--font-color);height:100%}#root,.app{align-items:center;background-color:var(--bg-color);display:flex;flex-direction:column;justify-content:space-between}.app{min-height:100%;width:100%}button{background-color:var(--bg-color);border:2px solid var(--font-color);color:var(--font-color);cursor:pointer;font-family:Inconsolata,monospace;font-weight:700;margin:10px;padding:10px}button.mini{border:none;font-size:12pt;margin:0;padding:5px}button.mini.selected,button:hover{color:var(--hl-color)}button:hover{border-color:var(--hl-color)}a{color:var(--font-color);text-decoration:none;transition:color .1s ease}a span{font-size:smaller;margin:2.5px}a:hover{color:var(--hl-color)}.hidden{opacity:0;pointer-events:none}
/*# sourceMappingURL=main.91245847.css.map*/