@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";*{font-family:Poppins,sans-serif;margin:0;padding:0;box-sizing:border-box}body{background-color:#373737;color:#fff}.settings{display:flex;justify-content:center;font-size:1.2rem;font-weight:700;color:#757575}.settings__bar{background-color:#2f2f2f;width:30rem;padding:.8rem;border-radius:10px;display:flex;justify-content:space-around;align-items:center}.settings__opt{display:flex;align-items:center;cursor:pointer}.settings__opt-2{gap:.5rem}.settings__icon{height:1.8rem}.settings__divider{background-color:#373737;width:.5rem;height:2rem}.settings__nums{display:flex;gap:2rem}.settings__num{cursor:pointer}.home{padding-left:2rem;padding-right:2rem;display:flex;flex-direction:column;align-items:center}.home .game{height:calc(100vh - 15rem);display:flex;flex-direction:column;justify-content:center;gap:2rem;color:#757575;max-width:80rem;min-width:40rem;padding-left:5rem;padding-right:5rem}@media (max-height: 500px){.home .game{height:auto}}@media (min-height: 750px){.home .game{height:calc(100vh - 20rem)}}.home .game__container{height:6.5rem;overflow:hidden}.home .game__words{letter-spacing:1px;font-size:1.2rem;display:flex;flex-wrap:wrap;gap:.5rem;margin-left:.1rem;margin-top:0}.home .game__word .correct{color:#fff}.home .game__word .incorrect{color:#f34949}.home .game__timer{font-size:1.5rem;color:#f34949;font-weight:700;margin-bottom:-1.5rem;margin-left:.1rem}.home .game__timer--inactive{visibility:hidden}.home .game__reset-container{width:100%;display:flex;justify-content:center}.home .game__reset{height:2rem;cursor:pointer;filter:invert(50%) sepia(0%) saturate(0%) hue-rotate(188deg) brightness(91%) contrast(87%);margin-top:2rem}.home .game__reset:hover{filter:invert(44%) sepia(71%) saturate(5029%) hue-rotate(338deg) brightness(109%) contrast(90%)}.home .game__cursor{background-color:#f34949;height:28px;width:2px;position:absolute;animation:blink 1s infinite}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.results{display:flex;justify-content:center;align-items:center;width:100%;max-width:80rem;height:calc(100vh - 12rem)}@media (max-height: 600px){.results{height:auto}}.results .container{background-color:#2f2f2f;padding:2rem;border-radius:8px;width:max(30%,25rem);aspect-ratio:1/1;display:grid;grid-template-columns:1fr 1fr;justify-items:center;align-items:center}.results .container__field{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:1.8rem;font-weight:700;height:100%;width:100%}.results .container__field-val{color:#f34949}.results .container__reset-container{grid-column:1/3}.results .container__reset{height:2rem;cursor:pointer;filter:invert(50%) sepia(0%) saturate(0%) hue-rotate(188deg) brightness(91%) contrast(87%)}.results .container__reset:hover{filter:invert(44%) sepia(71%) saturate(5029%) hue-rotate(338deg) brightness(109%) contrast(90%)}.navbar{display:flex;justify-content:space-between;align-items:center;margin:auto;padding:2rem;max-width:80rem}.navbar__logo{height:4rem}.navbar__options{display:flex;gap:1rem}.navbar__icon{height:3rem}.navbar__user{height:2.8rem;filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(325deg) brightness(104%) contrast(101%)}.navbar__account{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.2rem}.login .form{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 15rem);gap:1rem}@media (max-height: 575px){.login .form{height:auto}}@media (min-height: 700px){.login .form{height:calc(100vh - 17rem)}}.login .form__title{margin-bottom:1rem}.login .form__label{color:#757575;font-weight:700}.login .form__input{background-color:#2f2f2f;outline:none;border:none;color:#fff;padding:.5rem;width:15rem;border-radius:6px}.login .form__field{display:flex;flex-direction:column}.login .form__btn{background-color:#f34949;border:none;border-radius:6px;width:15rem;padding:.5rem;color:#fff;font-weight:700;cursor:pointer;margin-top:.5rem}.login .form__footer{color:#757575;text-decoration:underline;position:relative;text-align:center;width:80rem}.login .form__error{color:#f34949;font-style:italic;text-transform:lowercase;position:absolute;top:100%;margin-top:1rem;width:80rem}.login input:-webkit-autofill,.login input:-webkit-autofill:focus{transition:background-color 600000s 0s,color 600000s 0s}.register .form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}@media (min-height: 725px){.register .form{height:calc(100vh - 17rem)}}.register .form__title{margin-bottom:1rem}.register .form__label{color:#757575;font-weight:700}.register .form__input{background-color:#2f2f2f;outline:none;border:none;color:#fff;padding:.5rem;width:15rem;border-radius:6px}.register .form__field{display:flex;flex-direction:column}.register .form__btn{background-color:#f34949;border:none;border-radius:6px;width:15rem;padding:.5rem;color:#fff;font-weight:700;cursor:pointer;margin-top:.5rem}.register .form__footer{color:#757575;text-decoration:underline;position:relative;text-align:center;width:80rem}.register .form__error{color:#f34949;font-style:italic;text-transform:lowercase;position:absolute;top:100%;margin-top:1rem;width:80rem}.register input:-webkit-autofill,.register input:-webkit-autofill:focus{transition:background-color 600000s 0s,color 600000s 0s}.stats{display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.2rem;height:calc(100vh - 12rem)}@media (max-height: 575px){.stats{height:auto}}@media (max-width: 1050px){.stats{height:auto;padding-bottom:2rem}}.stats__grid{width:75%;max-width:64rem;display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}@media (max-width: 1050px){.stats__grid{display:flex;flex-direction:column}}.stats__grid-block-1{grid-row:1/3;background-color:#2f2f2f;border-radius:10px;padding:2rem;display:flex;flex-direction:column;gap:1rem;justify-content:center}@media (max-width: 1050px){.stats__grid-block-1{align-items:center}}.stats__grid-block{grid-column:2/4;background-color:#2f2f2f;border-radius:10px;padding:2rem;display:flex;justify-content:space-around}@media (max-width: 1050px){.stats__grid-block{gap:1rem}}.stats__grid-block-col{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.stats__user{display:flex;align-items:center;gap:.5rem}.stats__user-icon{height:3.5rem;filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(325deg) brightness(104%) contrast(101%)}.stats__num-big{font-size:1.8rem}.stats__highlight{color:#f34949}.stats__null{color:#757575}.stats__title{text-align:center}.stats__logout-btn{background-color:#f34949;border:none;border-radius:6px;padding:.5rem;font-weight:700;color:#fff;cursor:pointer}@media (max-width: 1050px){.stats__logout-btn{width:10rem}}@media (max-width: 1050px){.stats__grid-block-1-div{display:flex;flex-direction:column;align-items:center}}.leaderboard{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:auto}@media (min-height: 700px){.leaderboard{height:calc(100vh - 17rem)}}.leaderboard__title{font-weight:700;font-size:2rem}.leaderboard__board{height:20rem;width:30rem;border-radius:10px;background-color:#2f2f2f;padding:2rem;position:relative}.leaderboard__stats{display:flex;flex-direction:column;gap:.5rem}.leaderboard__row{display:flex;justify-content:space-between;font-size:1.2rem}.leaderboard__number{color:#f34949;font-weight:700}.leaderboard__text-next{display:flex;gap:.25rem}.leaderboard .wpm{color:#757575}.leaderboard .hidden{display:none}.arrows{display:flex;justify-content:center;align-items:center;gap:.5rem;position:absolute;top:100%;left:50%;transform:translate(-50%,50%)}.arrows__arrow{height:1rem}.arrows__page{font-weight:700}.arrows__box{display:flex;justify-content:center;align-items:center;background-color:#f34949;padding:.5rem;border-radius:8px;height:2.5rem;width:2.5rem;cursor:pointer}