@font-face{font-family:Ubuntu Sans Mono;src:url(/assets/UbuntuSansMono-VariableFont_wght-BWl8Mn5x.ttf) format("truetype");font-weight:400 700;font-style:normal;font-display:block}@font-face{font-family:Ubuntu Sans Mono;src:url(/assets/UbuntuSansMono-Italic-VariableFont_wght-Ds-NI70T.ttf) format("truetype");font-weight:400 700;font-style:italic;font-display:block}@font-face{font-family:Jost;src:url(/assets/Jost-VariableFont_wght-BgZVHdM1.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:block}@font-face{font-family:Jost;src:url(/assets/Jost-Italic-VariableFont_wght-CXETpRd7.ttf) format("truetype");font-weight:100 900;font-style:italic;font-display:block}html{font-family:Jost,sans-serif;font-optical-sizing:auto;font-weight:400;-webkit-user-select:none;user-select:none}body.body{color:#a0a0a0;background-color:#101010;height:100vh;width:100%}body.body2{color:#a0a0a0;background-color:#fff;height:100vh;width:100%}abbr{text-decoration:none}a{transition:all .3s ease;font-size:18.5px;text-decoration:none;font-weight:500}body.body a{color:#fff}body.body2 a{color:#000}body.body a:visited{color:#fff}body.body2 a:visited{color:#000}body.body a:hover{color:#ffc799}body.body2 a:hover{color:#ff8c00}h1{font-weight:500}.nav_bar{display:flex;justify-content:space-between;flex-direction:row;align-items:center;padding:0 3%;position:relative;transition:opacity .1s ease-in-out,transform .1s ease-in-out;opacity:1;transform:translateY(0);pointer-events:auto}.nav_bar.hidden{opacity:0!important;transform:translateY(-20px)!important;pointer-events:none!important}.nav_bar_left{display:flex;align-items:center}.nav_bar_right ul{list-style:none}.nav_bar_right ul li{display:inline-block;padding:0 20px}.nav_bar_right ul li a{border-bottom:2px ridge transparent}body.body .nav_bar_right ul li a:hover{border-bottom:2px ridge #FFC799;padding:12px 17px;border-radius:100px;color:#ffc799}body.body2 .nav_bar_right ul li a:hover{border-bottom:2px ridge #FF8C00;padding:12px 17px;border-radius:100px;color:#ff8c00}.logo{font-style:italic;font-size:52px}.logo-icon{display:inline-block;margin-right:10px;margin-top:5px;width:60px;height:60px}.canvas-wrapper{display:flex;justify-content:center;align-items:center;margin-top:20px}#keyboardCanvas{width:100%;max-width:1000px;height:auto}.type_test_area{font-family:Ubuntu Sans Mono,monospace;font-size:1.5rem;line-height:2rem;position:relative;margin:70px auto 0;width:90%;max-width:900px;white-space:pre-wrap;word-wrap:break-word;overflow:visible;height:auto}.type_test_area span{display:inline;word-break:break-word}.caret{position:absolute;width:2px;height:1.5rem;background-color:#ffc799;transition:left .05s ease-out,top .05s ease-out}body.body2 .caret{background-color:#ff8c00}body.body .untyped{color:#a0a0a0}body.body .correct{color:#fff}.incorrect{color:#ff8080}body.body2 .untyped{color:#a0a0a0}body.body2 .correct{color:#000}#timeBarContainer{position:fixed;top:0;left:0;width:100%;height:10px;background-color:#0000}#timeBar{height:100%;background-color:#4c3e32;transition:width .3s ease-in-out}body.body2 #timeBar{background-color:#ffc799}.result-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0a0a0a;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;z-index:1000;font-family:Ubuntu Sans Mono,monospace;padding:20px;box-sizing:border-box;opacity:0;animation:fadeIn .3s ease-out forwards}body.body2 .result-screen{background-color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.result-screen h2{font-size:1.3em;font-weight:400;margin-bottom:20px;text-align:center;color:#fff;opacity:.8;align-self:center}body.body2 .result-screen h2{color:#000}.result-screen .main-result{justify-content:center;font-size:3.5em;font-weight:500;text-align:center;margin-bottom:30px;color:#fff;position:relative;align-self:center}body.body2 .result-screen .main-result{color:#000}.result-screen .main-result span{font-size:.6em;font-weight:400;margin-left:10px;color:#fff}body.body2 .result-screen .main-result span{color:#000}.result-screen .metrics-container{display:flex;flex-direction:column;gap:10px;margin-left:20%;margin-bottom:30px;margin-top:30px}.result-screen .metric{display:flex;flex-direction:row;align-items:center;font-size:1em;color:#fff;text-align:left;white-space:nowrap}body.body2 .result-screen .metric{color:#000}.result-screen .metric span{font-size:1.5em;font-weight:400;color:#fff;margin-left:10px}body.body2 .result-screen .metric span{color:#000}.result-screen #resultGraph{width:500px;height:150px;position:absolute;top:45%;right:25%;z-index:1001;margin-top:auto;margin-left:auto}.result-screen.fadeOut{animation:fadeOut .25s ease-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.retry-button{position:relative;width:60px;height:60px;border-radius:50%;background-color:#ffc799;color:#000;font-size:2em;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:transform .2s,background-color .2s;box-shadow:0 2px 4px #0000004d;transform:translateY(0);align-self:center;margin-top:20px}body.body2 .retry-button{background-color:#ff8c00}.retry-button:hover{transform:translateY(-2px);background-color:#fff;color:#000}body.body2 .retry-button:hover{background-color:#000;color:#fff}.footer{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;padding:20px;transition:opacity .1s ease-in-out,transform .1s ease-in-out;opacity:1;transform:translateY(0);pointer-events:auto}.footer.hidden{opacity:0!important;transform:translateY(20px)!important;pointer-events:none!important}.shortcut-info{display:flex;gap:30px;font-family:Ubuntu Sans Mono,monospace;font-size:14px;color:#666}.shortcut-item{display:flex;align-items:center;white-space:nowrap}body.body .shortcut-item{color:#666}body.body2 .shortcut-item{color:#888}kbd{border-radius:4px;padding:2px 6px;font-size:.95em;display:inline-block;margin:0 2px}body.body kbd{background:#1c1c1c}body.body2 kbd{background:#e3e3e3}