@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inconsolata:wght@500&@800display=swap);:root{--body:#2c2d2c;--text-main:#9adff1;--text-secondary:#7a8d91;--text-correct:#1eba89;--text-incorrect:#d64933}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--body)}.App{flex-direction:column;text-align:center}.App,.navbar{align-items:center;display:flex}.navbar{background-color:#161617;color:var(--text-main);justify-content:space-between;padding:32px 0;position:fixed;width:100%;z-index:2}.nav-brand{font-family:Inconsolata,monospace;font-size:30px;margin-left:60px;margin-top:10px}.nav-brand svg{margin-right:5px}.nav-items{align-items:center;display:flex;font-family:Inconsolata,monospace;font-size:21px;list-style-type:none;margin-right:100px}.nav-item{display:inline-block;font-weight:500;margin-left:50px}.nav-item a{color:var(--text-main);text-decoration:none;transition:color .25s}.nav-item a:hover{color:var(--text-secondary);cursor:pointer}.nav-btn{background:none;border:none;cursor:pointer;display:flex;display:none;flex-direction:column;outline:none;z-index:5}.nav-btn span{background-color:var(--text-main);display:flex;height:2px;margin:3px;transition:.3s;width:25px}.nav-btn.open span{margin:-1px}.nav-btn.open span:first-child{transform:rotate(-45deg)}.nav-btn.open span:nth-child(2){opacity:0}.nav-btn.open span:nth-child(3){transform:rotate(45deg)}@media (max-width:768px){.navbar{padding:30px;width:100%}.nav-btn,.nav-items{display:flex}.nav-items{background-color:var(--body);flex-direction:column;height:100vh;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:.25s;width:100vw}.nav-items .nav-item{margin:10px 0}.nav-items.open{opacity:100%;pointer-events:visible;z-index:2}}.information{animation:hide 5s forwards;color:var(--text-secondary);font-size:20px}.information p{margin:10px}.information span{border:2px solid var(--text-secondary);font-size:20px!important;margin:auto .5ch;padding:3px 10px}.information span,.practice{font-family:Inconsolata,monospace}.practice{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.practice-text{margin:50px 0;max-width:120ch;padding:10px}.practice-text span{color:var(--text-secondary);font-size:29px;-webkit-user-select:none;user-select:none;white-space:pre-wrap;word-spacing:-7px}.practice .practice-input{background:none;border:none;bottom:0;color:#7c723500;cursor:default;font-size:1px;height:100%;outline:none;position:absolute;right:0;width:100%}.practice-text span.correct{color:var(--text-correct)}.practice-text span.incorrect{color:var(--text-incorrect)}.practice-text span.current:not(:first-child){box-shadow:inset 2px 0 var(--text-secondary)}.practice-text .space{border-bottom:2px solid var(--text-incorrect)}@keyframes hide{0%{opacity:100%}80%{opacity:100%}to{opacity:0;-webkit-user-select:none;user-select:none}}.loader{animation:spin 2s linear infinite;border:5px solid var(--body);border-radius:50%;border-top:5px solid var(--body);border-top-color:var(--text-secondary);height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.snackbar{grid-gap:3px;background-color:#161617;border-radius:50px;bottom:10px;color:#fff;display:grid;font-family:Inconsolata,monospace;font-size:25px;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;height:60px;left:50%;opacity:0;padding-top:3.5px;position:fixed;transform:translate(-50%,-50%);transition:opacity .3s linear;vertical-align:middle;width:350px}.snackbar span:nth-child(4){color:#1eba89}.snackbar span:nth-child(5){color:#9adff1}.snackbar span:nth-child(6){color:#d64933}#hidden{visibility:hidden}#show{animation:slideIn 7s}@keyframes slideIn{0%{bottom:-10px;opacity:0}30%{bottom:10px;opacity:60%}80%{opacity:60%}to{opacity:0}}.chart{background-color:#8683760a;margin:1rem;padding:30px;width:100%}.statistics{color:var(--text-main);font-family:Inconsolata,monospace;justify-content:center;position:absolute;top:20%;width:70%}.average-container,.statistics{align-items:center;display:flex;flex-direction:column}.average-container{border-bottom:1px solid var(--text-secondary);padding:10px;width:100%}.average-container .description{align-items:center;border-left:2px solid var(--text-secondary);display:flex;margin:5px 0;max-width:30ch;padding:0 10px;text-align:left}.average-stats{display:flex;flex-direction:row}.average{display:flex;flex-direction:column;font-size:30px;justify-content:space-evenly;margin:10px 20px}.average-wpm{color:var(--text-correct);font-size:65px}.wpm-title{font-size:20px}.statistics-list{list-style:none;padding:10px;width:100%}tbody>:first-child{border-top:1px solid var(--text-secondary)}.statistics-item{border-bottom:1px solid var(--text-secondary);color:var(--text-secondary);display:flex;font-size:18px;justify-content:space-between;padding:25px}.statistics-item .date{color:var(--text-correct);font-family:Inconsolata,monospace;font-size:20px}.average .mistakes,.statistics-item .mistakes{color:var(--text-incorrect)}.statistics-item .mistakes>span{font-family:Inconsolata,monospace;font-weight:400}@media (max-width:768px){.statistics{width:90%}.statistics-item *{font-size:14px!important}.statistics-item .mistakes>span{display:none}}.about-container{align-items:center;background-color:var(--body);color:var(--text-main);display:flex;flex-direction:column;font-family:Inconsolata,monospace;margin-top:100px;padding:40px}.about-logos{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.about-person{align-items:center;display:flex;flex-direction:column}.about-logo{transition:transform .25s;width:180px}.about-logo:hover{transform:scale(1.05)}.person-name{font-size:16px;margin-top:8px}.person-role{color:var(--text-secondary);font-size:14px;margin-bottom:30px}h1{font-size:45px;margin-bottom:50px;margin-top:50px}p{font-size:24px;line-height:1.6;margin-bottom:20px;max-width:80%;text-align:center}@media (max-width:768px){.about-container{margin-top:70px;max-width:100%;padding:20px}p{max-width:90%}}.forms-container{align-items:center;background-color:#2c2d2c;display:flex;flex-direction:row;flex-wrap:wrap;font-family:Inconsolata,monospace;justify-content:space-evenly;min-height:100vh;padding:40px;width:100%}.signup-container{margin:100px 10px 10px}.signin-container,.signup-container{align-items:center;background:linear-gradient(145deg,#525d69,#1c1d1e);border-radius:8px;display:flex;flex-direction:column;justify-content:center;max-width:400px;padding:20px;width:45%}.signin-container{margin:10px}.signin-form,.signup-form{width:100%}h2{color:#fff;font-size:28px;margin-bottom:20px}.input-group{color:#fff;margin-bottom:25px;width:100%}input[type=email],input[type=password],input[type=text]{border:1px solid #b1b1b1;border-radius:4px;box-sizing:border-box;display:block;font-size:16px;line-height:1.5;padding:12px;text-align:center;width:100%}.signin-button,.signup-button{background-color:#3376c3;border:none;border-radius:38px;color:#fff;cursor:pointer;font-size:18px;padding:14px 20px;transition:background-color .25s;width:100%}.signup-button{background-color:#1eba89}.signup-button:hover{background-color:#23805f}.signin-button:hover{background-color:#265788}.log-out-button{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .25s,transform .25s}.log-out-button:hover{background-color:#e5533b;transform:scale(1.05)}.error{color:#c00;font-size:14px;margin-bottom:10px}@media (max-width:768px){.forms-container{flex-direction:column}.signin-container,.signup-container{margin:10px 0;width:100%}}
/*# sourceMappingURL=main.d3657a19.css.map*/