.forms-container{align-items:center;display:flex;flex-direction:row;height:80%;justify-content:space-evenly;width:auto}.formTitle{color:#a2a2a2;margin-left:13px}.login,.register{display:flex;flex-direction:column;gap:7px;height:100%;justify-content:center;width:-webkit-max-content;width:max-content}.submit,input{background-color:#101212;border-radius:5px;border-style:none;color:#a2a2a2;font-size:.6em;font-weight:400;margin:5px;outline:none;padding:5px}input{padding-left:15px}.submit{background-color:rgba(208,139,1,.742);color:#101212;font-size:1rem}.submit:hover{background-color:#fff;color:#101212;transition:all .3s ease}p{font-size:14px;text-align:center}.linkLogin,.linkRegister{background-color:inherit;width:auto}.have-account-register{background-color:inherit;margin-bottom:7px;margin-top:15px;text-decoration:none}.login-register-link{background-color:inherit;color:#d08b01;font-size:17px;font-weight:700;transition:.5s}.login-register-link:hover{background-color:inherit;color:green;transition:.5s}body{background-color:#373639}.Main-container{align-items:center;background-color:#1a1a1a;display:flex;flex-direction:column;justify-content:flex-start}.typing-container{border:1px #000;border-radius:2px;height:-webkit-max-content;height:max-content;margin-bottom:20px;margin-top:30px;min-height:156.773px;overflow:hidden;padding:5px 5px 5px 10px;position:relative;width:100%;z-index:999}.typing-container,p,span{background-color:#373639}p{color:#fff;position:relative}.resetButton{height:70px;margin:0;padding-left:10px;padding-right:10px;width:-webkit-max-content;width:max-content}.inputBar{background-color:#121111;border-color:#fff;color:#fff;font-size:30px;height:100%;margin-top:10px;padding-left:10px;width:94%}.correct{color:green}.incorrect{color:red}.neutral{color:#a9a9a9}span{flex-direction:row;gap:1px}#textArea .active:after{-webkit-animation:blink 1.25s ease-in-out infinite;animation:blink 1.25s ease-in-out infinite;background:#d1d0c5;border-radius:5px;content:"";display:inline-block;height:40px;opacity:1;position:relative;top:5px;width:3px}@-webkit-keyframes blink{50%{opacity:0}}@keyframes blink{50%{opacity:0}}.author{bottom:4px;color:#8c8c8c;font-size:20px;height:auto;height:20px;position:absolute;right:4px;width:-webkit-max-content;width:max-content}.inputDiv{align-items:center;display:flex;gap:20px;height:80px;margin-top:20px;width:100%}.timer{align-self:flex-start;color:#fff;margin-bottom:-10px}.choiceBar{background-color:#2c2e31;display:flex;height:-webkit-max-content;height:max-content;min-height:75px;padding-right:15px;width:auto}.choiceBar,.fadeIn{align-items:center;border-radius:15px;justify-content:space-evenly;overflow:hidden;transition:.25s}.fadeIn{-webkit-animation:fadeInAnimation .5s ease-in-out;animation:fadeInAnimation .5s ease-in-out;background-color:inherit;background-color:#2c2e31;display:inherit}@-webkit-keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}button{background-color:#2c2e31;border:none;color:#fff;font-size:30px;margin-left:20px;margin-right:10px;transition:.5s}button:hover{background-color:#fff;color:green;cursor:pointer;transition:.5s}.spacer{background:#1a1a1a;border-radius:.25rem;height:1rem;margin-left:.2rem;transition:.25s;width:.25rem}.choiceSection{align-items:center;background-color:initial;display:flex;justify-content:center;padding:10px 0}@media only screen and (max-width:1200px){.spacer{display:none}.choiceBar{flex-direction:column}}.statsContainer{align-items:center;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;justify-content:space-evenly}.stats{background-color:#1a1a1a;color:#d08b01;font-size:70px;position:relative}.description{background-color:inherit;color:grey;font-size:30px}.otherTime{background-color:#1a1a1a;color:grey;font-size:15px;position:absolute;right:0}img{transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out;width:29px}img:hover{cursor:pointer;-webkit-transform:rotate(1turn) scale(1.2);transform:rotate(1turn) scale(1.2)}.loginMessage{background-color:inherit;color:grey;font-size:30px;position:absolute;right:10vw}.linkLogin{color:#d08b01;font-size:30px;text-decoration:underline}.linkLogin:visited{color:#d08b01;text-decoration:none}.linkCenter{display:flex;justify-content:center}@media only screen and (max-width:1600px){.statsContainer{grid-template-columns:1fr 1fr}}@media only screen and (max-width:900px){.statsContainer{grid-template-columns:1fr}}.chartContainer{height:-webkit-max-content;height:max-content;padding-top:100px;width:100%}.chart{min-height:500px}.profileContainer{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;width:100%}.NoMatches{color:#d1d0c5;margin-top:100px}.names{display:inline-block;margin-left:200px;margin-top:25px}h1{color:#646669;font-weight:100;margin-left:30px;margin-top:5px}.userInfo,h1{background-color:inherit}.userInfo{border-radius:1.5rem;height:-webkit-max-content;height:max-content;padding:20px;width:100%}.typed-out{-webkit-animation:typing 5s forwards;animation:typing 5s forwards;background-color:inherit;border-right:.1em solid orange;color:#d1d0c5;font-size:85px;overflow:hidden;white-space:nowrap;width:0}.trainingHistory{display:block;margin-top:100px}.totalStats,.trainingHistory{height:-webkit-max-content;height:max-content;width:100%}.totalStats{grid-gap:1em;background-color:inherit;color:#d1d0c5;display:grid;gap:1em;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;margin-top:150px;min-height:200px}.bottomSpacer{border-bottom:5px solid #646669;margin-top:20px;width:100%}@-webkit-keyframes typing{0%{width:0}10%{width:100%}to{border-right:.1em solid #1a1a1a;width:100%}}@keyframes typing{0%{width:0}10%{width:100%}to{border-right:.1em solid #1a1a1a;width:100%}}.averageAccuracy,.averageRaw,.averageWPM,.history,.totalLettersTyped,.totalTests,.totalTimeTyped{background-color:inherit;color:#d1d0c5;font-size:40px}.groupedStats{display:flex;flex-direction:column;gap:5px;justify-content:flex-start}.title{color:#646669;font-size:30px}.val{font-size:2em;line-height:3.5rem}.history{font-size:50px;margin-bottom:20px;margin-top:-90px;width:-webkit-max-content;width:max-content}.tablelol{border-collapse:collapse;font-size:.5em;margin:25px 0;width:100%}.tablelol thead tr th{color:#646669;font-size:30px;font-weight:light;text-align:left}.tablelol td,.tablelol th{padding:1px 30px 10px}.tablelol tbody td{color:#d1d0c5;font-size:30px}.tablelol tbody tr:nth-of-type(2n) td{background-color:#252525}.socket-typing{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.socketContainer{align-items:center;background-color:#1a1a1a;display:flex;flex-direction:column;height:inherit;justify-content:flex-start;width:inherit}.roomCode{color:#fff;font-size:30px}.word{background-color:inherit;color:#fff;height:55px;margin:0;width:-webkit-max-content;width:max-content}.current{background:#222;color:#eee}.wrong{background-color:red}.countdownMessage{color:rgba(208,139,1,.742);font-size:35px;left:20px;position:absolute}.gameTimerMessage{color:rgba(208,139,1,.742);font-size:50px}.WPMMessage{top:30%;z-index:100}.WPMMessage,.progress{color:rgba(208,139,1,.742);left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.progress{align-items:flex-start;display:flex;flex-direction:column;font-size:35px;gap:20px;height:50%;justify-content:center;top:70%;width:80vw}.playerName{background-color:inherit;font-size:40px}.bodyProgress{align-items:center;border-radius:2rem;box-shadow:0 0 5px #e76f51;display:flex;gap:4px;height:2rem;overflow:hidden;position:relative;transition:all .5s;width:100%;will-change:transform}.currentProgress{background:rgba(208,139,1,.742);border-radius:50px;box-shadow:1px 10px 15px -7px rgba(194,132,8,.742);height:20px;transition:all .5s}*{background-color:#1a1a1a;box-sizing:initial;font-family:Consolas;font-size:1.7rem;margin:0;padding:0}.wholeContainer{height:100vh;margin-left:auto;margin-right:auto;max-width:80vw}@media only screen and (max-width:1200px){*{font-size:1.6rem}}@media only screen and (max-width:900px){*{font-size:1.4rem}}.navContainer{background-color:#1a1a1a;color:#fff;display:flex;gap:20px;height:100px;padding-top:20px;width:100%}.link{color:#fff;text-decoration:none}.logIn{justify-self:flex-start}.logIn,.raceButton{background-color:#1a1a1a;flex-grow:5}.raceButton{align-self:flex-start}.buttons{margin-left:auto}.logIn:hover{color:green}.logIn:hover,.profile,.profile:hover,.raceButton:hover{background-color:#1a1a1a}.profile{left:84%;top:34.6px}.wrapper{display:grid;height:48%;place-items:center}.tagline{-webkit-animation:typing 10s steps(22),blink2 .5s step-end infinite alternate;animation:typing 10s steps(22),blink2 .5s step-end infinite alternate;border-right:2px solid;font-family:monospace;font-size:20px;overflow:hidden;white-space:nowrap;width:21.5ch}.group{align-items:start;display:grid;grid-template-columns:1fr 1fr}@media only screen and (max-width:1000px){.group{grid-template-columns:1fr}}@-webkit-keyframes blink2{50%{border-color:transparent}}@keyframes blink2{50%{border-color:transparent}}.choiceContainer{display:flex;flex-direction:row;height:100%;width:100%}.joinRoom{height:100%;width:50%}.inputContainer{width:-webkit-min-content;width:min-content}.raceSpacer{background-color:#bebebe;height:100%}.roomContainer{width:100%}.inviteFriend,.roomContainer{align-items:center;display:flex;height:80%;justify-content:center}.inviteFriend{flex-direction:column;width:50%}.makeSubmit:disabled,.makeSubmit:disabled:hover{background-color:#ccc;color:#666}.makeSubmit:disabled:hover{cursor:default}
/*# sourceMappingURL=main.70b851eb.css.map*/