@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&display=swap);
@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Courier+Prime&family=IBM+Plex+Mono:wght@400;500;600&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Courier+Prime&family=IBM+Plex+Mono:wght@400;500;600&family=Inconsolata:wght@400;500&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Courier+Prime&family=IBM+Plex+Mono:wght@400;500;600&family=Inconsolata:wght@400;500&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Code+Pro:wght@400;500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Courier+Prime&family=Cousine&family=IBM+Plex+Mono:wght@400;500;600&family=Inconsolata:wght@400;500&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Code+Pro:wght@400;500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Courier+Prime&family=Cousine&family=IBM+Plex+Mono:wght@400;500;600&family=Inconsolata:wght@400;500&family=PT+Mono&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Code+Pro:wght@400;500&display=swap);
body{height:100%}.icon-button{cursor:pointer;stroke:#2a2a35;transition:stroke .15s ease-in-out;line-height:0}.icon-button:hover{stroke:#e4e4e4}.landing-container{display:flex;flex-direction:column;min-height:100vh}.header-container{display:flex;justify-content:center;align-items:center;margin:40px 20px 10px 20px}.body-container{display:flex;justify-content:center;flex-grow:1;position:relative}.body-container.typing{align-items:center}.center-area{display:grid;overflow:hidden;grid-template-rows:auto 1fr auto auto}.section{transition:top .8s ease-in-out,left .8s ease-in-out}#mode-menu-wrapper{position:relative}.mode-menu-container{display:grid;grid-template-columns:1fr auto 2fr;background-color:#161621;margin-bottom:15px;border:none;border-radius:.4rem;padding:20px;position:absolute;bottom:-10px;left:0;right:0}#mode-menu-divider{background-color:#2a2a35;height:100%;width:4px;margin:0 20px 0 20px}#mode-selector{display:grid;grid-template-rows:auto 1fr}#mode-header{text-align:center;font-size:1.35rem;padding-bottom:10px}#mode-list{display:flex;flex-direction:column;justify-content:center;row-gap:5px}.mode-item{border:none;border-radius:.4rem;padding:0 10px 0 10px;transition:background-color .15s ease-in-out}.mode-item:hover{background-color:#2a2a35;cursor:pointer}.mode-item.selected{background-color:#2a2a35}#mode-options{display:flex;flex-direction:column;justify-content:center;row-gap:10px}.mode-option-row{display:grid;grid-template-columns:auto 1fr}.mode-option-label{padding-right:10px}.mode-option-value-list{display:flex;row-gap:10px}.mode-option-value{border:none;border-radius:.4rem;padding:0 10px 0 10px;transition:background-color .15s ease-in-out}.mode-option-value:hover{background-color:#2a2a35}.typing-container{display:flex;flex-direction:column;max-width:900px;min-width:900px;position:relative}#typing-display{min-height:76px}#copy-text-container{position:absolute;right:.4rem;top:.4rem;scale:90%}.hidden{display:none}.input-row{display:flex;margin-top:20px;column-gap:10px}.retry-button{flex-grow:0;flex-basis:70px;font:inherit;background-color:#2a2a35;color:inherit;border-radius:.3rem;border-color:#2a2a35;border-style:solid;padding:5px 10px 5px 10px;font-size:1.2rem;transition:all .2s;cursor:pointer}#logo{font-weight:800;font-size:32px}@keyframes flash{0%{background-color:rgba(228,228,228,.4)}50%{background-color:rgba(228,228,228,0)}to{background-color:rgba(228,228,228,.4)}}.highlighted{color:#e4e4e4;animation:flash 1s ease-in-out infinite}.untyped{color:#e4e4e4}.correct{color:#baf9bb}.incorrect{color:#f48686}.incorrect-input{color:#f48686;border-color:#f48686}.incorrect-input:focus{color:#f48686;border-color:#f48686}#invisible-input{z-index:-1;position:absolute;pointer-events:none;outline:none;border:none;cursor:default;resize:none;opacity:0;padding:0;margin:0}.custom-select{position:relative;cursor:pointer}.select-display{border-radius:.4rem;background-color:#2a2a35;padding-left:10px}.select-display.open{border-bottom-left-radius:0;border-bottom-right-radius:0}.select-options{list-style:none;padding:0;margin:0;position:absolute;top:100%;left:0;width:100%;border-bottom-left-radius:.4rem;border-bottom-right-radius:.4rem;z-index:1}.select-options.closed{display:none}.select-options li{padding:5px 10px 5px 10px;cursor:pointer;background-color:#161621;background-color:#2a2a35;transition:background-color .15s ease-in-out}.select-options li:hover{background-color:#2a2a35;background-color:#161621;background-color:#4d4d56}.select-options li:last-child{border-bottom-left-radius:.4rem;border-bottom-right-radius:.4rem}.custom-select.open .select-options.open{display:block;background-color:#fff}.stats-container{display:grid;grid-template-rows:3fr 1fr;margin-bottom:10px;margin-top:2rem}#summary-buttons-container{display:flex;justify-content:center;column-gap:20px;height:3rem;align-items:flex-end;padding-bottom:5px}#stats-display-container{display:grid;grid-template-rows:2fr 1fr}#big-stats{display:flex;column-gap:15px;justify-content:center;align-items:flex-end;padding-bottom:10px}.stats-header{font-size:3rem;height:3rem;display:flex;align-items:center}#stats-divider{background-color:#2a2a35;height:3rem;width:4px;margin:0 20px 0 20px;border-radius:.4rem}#little-stats{display:flex;justify-content:center;column-gap:10px;font-size:.9rem;color:#2a2a35}.typefast-card{padding:20px;background-color:#161621;border:none;border-radius:.4rem;margin-bottom:20px}#slow-missed-words-container{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.words-list{display:flex;flex-direction:column;row-gap:5px;align-self:start;padding:20px 30px 20px 30px}.words-list ul{list-style:none}.words-list>div{display:flex;justify-content:center}.horizontal-divider{background-color:#2a2a35;height:5px;width:80%;border-radius:.4rem;margin-bottom:5px}.word-list-item{display:flex;justify-content:space-between;transition:background-color .3s ease-in-out;padding-left:5px;border-radius:.4rem}.word-list-item div,.word-list-item svg{transition:color .3s ease-in-out;transition:stroke .3s ease-in-out}.word-list-item:hover{background-color:#2a2a35}.word-list-item:hover div,.word-list-item:hover svg{color:#e4e4e4;stroke:#e4e4e4}.missed-word{display:flex;gap:10px}.missed-word .missed-count{color:#2a2a35;transition:color .3s ease-in-out}#collapsed-mode-menu-container{display:flex;position:absolute;bottom:-10px;left:0;right:0}.vertical-divider{background-color:#2a2a35;height:100%;width:4px;margin:0 5px 0 5px;border-radius:.4rem}#collapsed-mode-menu-container{display:flex;height:100%;height:4rem;justify-content:space-between}.collapsed-menu-select-container{width:30%}#mode-select{padding-right:10px}#source-select{padding-left:10px}#chevron-up{margin-left:10px}#chevron-down{position:absolute;right:1rem;top:1rem}#progress-indicator-container{position:absolute;bottom:4rem;left:0;width:100%;display:flex;align-items:center;justify-content:center}.progress-indicator{font-size:2rem;font-weight:600;color:#2a2a35}.tooltip-container{position:relative;display:flex}.tooltip{position:absolute;top:calc(-100% - 15px);left:50%;transform:translateX(-50%);background-color:#2a2a35;font-size:.8rem;padding:0px 8px 0px 8px;border-radius:.5rem;cursor:pointer;z-index:1;justify-content:center;width:max-content;pointer-events:none}.tooltip::after{--arrow-size: 10px;--translate-y: calc(3 * var(--arrow-size) - 5px);position:absolute;content:"";border:var(--arrow-size) solid rgba(0,0,0,0);border-top-color:#2a2a35;left:50%;transform-origin:bottom center;transform:translateX(-50%) translateY(var(--translate-y));pointer-events:none}.tooltip,.tooltip::after{animation:appear .15s ease-in-out}.tooltip.hide,.tooltip.hide::after{animation:disappear .15s ease-in-out}@keyframes appear{from{opacity:0}to{opacity:1}}@keyframes disappear{from{opacity:1}to{opacity:0}}
@font-face{font-family:"Mona Sans";src:url(2f40792e491758879b85.woff2)}*{padding:0;margin:0;box-sizing:border-box}html,body{padding:0;margin:0;font-family:"Cousine",monospace;color:#e4e4e4;background-color:#0d1117;line-height:1.6rem}