:root{--Neutral_900:#121212;--Neutral_800:#262626;--Neutral_500:#727279;--Neutral_400:#959597;--Neutral_0:#fff;--blue_600:#1a7dff;--blue_400:#4ca6ff;--red_500:#d64c5a;--green_500:#4cd67a;--yellow_400:#f4dc71;--fontSize:16px}@font-face{font-family:sora;src:url(/Type-Speed-Test/assets/Sora-VariableFont_wght-BdGHk4M9.ttf)format("truetype");font-weight:100 900;font-style:normal}.green{color:var(--green_500)}.white{color:vat(--Neutral_0)}.g{color:var(--Neutral_800)}.y{color:var(--yellow_400)}.r{color:var(--red_500)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--Neutral_900);color:var(--Neutral_0);width:70%;margin:4vh auto;font-family:sora}.title{justify-content:space-between;margin-bottom:5vh;display:flex}.grade{align-items:center;gap:.5vw;display:flex}.label{color:var(--Neutral_500)}.contorl{justify-content:space-between;align-items:center;padding:1.5vh 0;display:flex}.currentGrade{align-items:center;display:flex}.currentGrade span{margin-right:.8vw}.buttons button{color:var(--Neutral_0);background-color:var(--Neutral_900);border:1px solid var(--Neutral_500);border-radius:5px;margin-right:.5vw;padding:.3vh .6vw}.settings{gap:.5vw;display:flex}.difficulty,.mode{align-items:center;gap:.5vw;display:flex}.buttons button:hover{color:var(--blue_400);border:1px solid var(--blue_400);cursor:pointer}hr{background-color:var(--Neutral_800);border:none;height:1px;display:block}main{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}main .type{letter-spacing:2px;padding:3vh 1vh;font-size:1.7em;font-weight:300}main hr{width:100%;margin:2vh 0}.restart{background-color:var(--Neutral_800);width:15%;height:5vh;color:var(--Neutral_0);border:1px solid var(--Neutral_800);text-align:center;font-size:var(--fontSize);border-radius:5px;justify-content:center;align-items:center;gap:.4vw;display:flex}.restart img{width:1em}.overlay{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:1vh;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.unBorder{border:none}.isBlurred{filter:blur(4px)}.isHidden{display:none}.isOpacity{opacity:0}.start{background-color:var(--blue_600);color:var(--Neutral_0);border:1px solid var(--blue_600);border-radius:5px;width:13%;height:3.5vh;padding:.2vh}.start:hover{background-color:var(--blue_400);border:1px solid var(--blue_400);cursor:pointer}.restart:hover{background-color:var(--Neutral_500);border:1px solid var(--Neutral_500);cursor:pointer}.buttons .difficultySelector,.buttons .modeSelector{border:1px solid var(--blue_600);color:var(--blue_600)}.current{background-color:var(--Neutral_800);color:var(--Neutral_500)}.pending{color:var(--Neutral_500)}.correct{color:var(--green_500)}.incorrect{color:var(--red_500);-webkit-text-decoration-color:var(--red_500);text-decoration-color:var(--red_500);text-decoration:underline}.hiddenInput{opacity:0;pointer-events:none;position:absolute}.result-container{justify-content:space-between;width:100%;margin:2vh auto;display:flex}.star_1{align-self:end;width:4%}.star_2{align-self:flex-start;width:3%}.result-content{text-align:center;width:47%;padding:5vh 0}.resultGrude p{color:var(--Neutral_500);margin-bottom:.5vh}.resultH{margin-bottom:1vh}.resultP{color:var(--Neutral_500);margin-bottom:3vh}.resultGrude{justify-content:space-around;width:100%;display:flex}.resultWPM,.resultAccuracy,.resultCharacters{border:1px solid var(--Neutral_800);text-align:left;border-radius:5px;width:25%;height:10%;padding:2vh}.backIndex{background-color:var(--Neutral_0);width:15%;height:5vh;color:var(--Neutral_900);border:1px solid var(--Neutral_0);text-align:center;font-size:var(--fontSize);border-radius:5px;justify-content:center;align-items:center;gap:.4vw;display:flex}.backIndex img{filter:invert()}.backIndex:hover{background-color:var(--Neutral_400);border:1px solid var(--Neutral_400);cursor:pointer}@media (width<=768px){body{width:90%}.moble-text{display:inline}.desktop-text{display:none}.contorl{flex-direction:column;gap:2vh}.currentGrade div{flex-direction:column;align-items:center;display:flex}.currentGrade{justify-content:space-around;width:100%;display:flex}.mobleDifficulty{color:var(--Neutral_0);background-color:var(--Neutral_900);border:1px solid var(--Neutral_500);border-radius:5px;justify-content:center;align-items:center;gap:2vw;padding:1vh 7vw;display:flex}.mobleDifficulty img{width:1.1em;margin-top:4px}.mobleDifficulty span{font-size:var(--fontSize)}.settings{justify-content:space-between;gap:5vw;width:100%;display:flex}.settings>div{flex-direction:column;flex:1;display:flex;position:relative}.mobleDifficultySelector{border-radius:7px;flex-direction:column;width:100%;margin-top:5px;padding:.5vh;display:flex;position:absolute;top:100%;left:0}.mobleDifficultySelector button{border:1px solid var(--Neutral_800);border-bottom:1px solid var(--Neutral_500);color:var(--Neutral_0);background-color:var(--Neutral_800);text-align:left;z-index:100;border-radius:2px;align-items:center;gap:10px;height:4.5vh;padding-left:2vw;display:flex}.mobleDifficultySelector button:last-child{border:none}.mobleDifficultySelector button .out{border:1px solid var(--Neutral_0);aspect-ratio:1;border-radius:50%;width:15px;padding:.5em;font-size:.5em}.mobleDifficultySelector button .in{background-color:var(--Neutral_800);aspect-ratio:1;border-radius:50%;width:100%}.isHidden{display:none}.mobleDifficultySelector button .difficultySelector{background-color:var(--blue_400);border:1px solid var(--blue_400)}.overlay>button{width:50%;height:5vh;font-size:var(--fontSize)}.restart{width:50%}.backIndex{width:50%;margin-top:0}.resultGrude{flex-direction:column;margin-bottom:0}.resultGrude>div{width:100%;margin-bottom:2vh}.result-icon{width:20%;margin:0}.result-container{margin-top:0;padding:0}.result-content{width:100%;padding:0}}