@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--ff-main:"'Inter', sans-serif"}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*{margin:0;padding:0}body{background-color:#3f4757;box-sizing:border-box;color:#a59f9f}.hero-section{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-evenly}.hero-section>h1{font-family:--var(--ff-main);font-size:10vw}.hero-section>p{font-size:1.5rem;letter-spacing:4px}.hero-section .arrow img{min-width:100px;width:10vw}.hero-section img:hover{-webkit-animation:move 1s ease-in-out infinite;animation:move 1s ease-in-out infinite;cursor:pointer}@-webkit-keyframes move{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes move{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.test-section{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-evenly}.test-section>.sentence>p{font-size:2rem;height:2rem;max-width:1000px;overflow:hidden;padding:8px}.RetryBtn>img{transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease;width:50px}.RetryBtn>img:hover{-webkit-transform:rotate(1turn);transform:rotate(1turn)}.RetryBtn:hover{cursor:pointer}.highLight{color:#fff}.wrongLetter{color:red;text-decoration:underline}.write{width:100%}.write>input{background-color:#313b4f;border:none;color:#fff;font-size:1.5rem;outline:none;padding:10px;text-align:center;width:60%}.timer-section{align-items:center;display:flex;gap:6em}.option-item{background:transparent;border:none;color:#949bab;font-size:1.5rem;margin:.7em;transition:color .2s ease}.option-item:hover{color:#fff;cursor:pointer}@media only screen and (max-width:850px){.hero-section{margin-top:5em}.test-section{gap:3em;justify-content:center;padding-top:5em}.timer-section{display:block}.write>input{width:90%}}.output-container{height:80vh;padding-top:8em}.flex-div{gap:2em}.flex-div,.main-data{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.main-data{gap:5em}.speed-div{border:7px solid #949bab;border-radius:50%;color:#fff;font-size:2.5rem;height:200px;padding:1em;width:200px}.speed-div .speed{font-size:6rem;font-weight:700}.additional-info-container{background-color:#949bab;display:flex;font-size:1.3rem;font-weight:300;justify-content:space-between;margin:.5em;padding:.2em;width:250px}.additional-info-container>.type{color:#3f4757;padding:10px 0;width:60%}.additional-info-container>.data{background-color:#3f4757;color:#fff;padding:10px 0;width:40%}.retryBtn{background:transparent;border:none;color:#949bab;font-size:2rem;outline:none;padding:10px}.retryBtn>img{display:inline-block;height:30px;margin:0 10px;width:30px}.retryBtn:hover{color:#fff}.chart{margin:2em;width:500px}@media only screen and (max-width:850px){.charts{margin:1em auto;width:90%}}.loader-container>img{max-width:100px}.error-container{display:flex;flex-direction:column;font-family:--var(--ff-main);gap:3em;justify-content:space-around;padding:4em}.error-container>h1{font-size:4rem}.notFoundImage>img{width:20%}.error-container>p{font-size:1.5rem}a{color:#a59f9f;text-decoration:underline}.about-container{color:#fff;margin:10em auto;width:80%}.section1{background-color:rgba(40,40,49,.412);padding:2em}.content h1{font-size:3rem;font-weight:200;letter-spacing:3px;margin:1em}.content p{font-size:1.2rem;letter-spacing:.5px;margin:1em 0;text-align:left}.graphs-demo img{max-width:600px;width:100%}.graphs-demo{gap:1em;margin:2em 0}.flex,.graphs-demo{display:flex;flex-wrap:wrap;justify-content:center}.flex{gap:2em}.flex img{max-width:200px}.small img{width:100px}.who-part{background-color:rgba(40,40,49,.412);display:flex;flex-direction:column;font-family:cursive;justify-content:space-evenly;line-height:25px;padding:1em 2em;width:30%}.who-part img{border:5px solid #fff;border-radius:50%;height:150px;overflow:hidden;width:150px}.techstack{gap:3em;line-height:30px;margin:2em}.techstack a:hover{color:#fff}.techstack ul{list-style:none}.how-part{background-color:rgba(40,40,49,.412);padding:2em}@media only screen and (max-width:850px){.how-part,.who-part{width:100%}.who-part>.comment{margin:2em auto;width:80%}.about-container{width:100%}}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;padding:1em;width:85%}header{background-color:#3f4757;position:fixed;top:0;width:100%}.main-logo{font-size:2rem;font-weight:700}.nav-container>nav{display:flex;gap:3em}.nav-container>nav>a{transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.nav-container>nav>a:hover{color:#fff;-webkit-transform:translateY(3px);transform:translateY(3px)}.hamMenu{display:none;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.hamMenu:hover{cursor:pointer;-webkit-filter:drop-shadow(0 0 5px #000);filter:drop-shadow(0 0 5px black);-webkit-transform:scale(1.1);transform:scale(1.1)}.profile-pic>img{border-radius:50%;box-shadow:0 0 5px #000;height:40px;width:40px}.nav-dp>img{transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.nav-dp>img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}a{text-decoration:none}.login-container{background-color:#3f4757;border-radius:15px;box-shadow:0 0 5px #000;padding:1em;position:absolute;right:4em;top:5em}.login-container>.username{align-items:center;border-bottom:2px solid grey;color:#fff;display:flex;flex-direction:column;font-weight:700;gap:1em;padding:10px}.login-container>.actions{padding:10px}.login-container>.actions>.log{border-radius:10px;color:#fff;font-weight:700;margin:.5em 0;padding:10px;transition:background-color .2s ease}.login-container>.actions>.log:hover{cursor:pointer}.blue:hover{background-color:#3f6ace}.red:hover{background-color:#c51010}.signinBtn{background:transparent;border:none;color:#a59f9f;font-size:1.2rem;outline:none}.signinBtn:hover{color:#fff}@media only screen and (max-width:850px){.nav-container{width:90%}.hamMenu{display:block;margin:2em;width:30px}.navbar{background-color:#464e5f;display:flex;flex-direction:column;font-size:3.5vh;height:100vh;position:absolute;right:0;top:0;-webkit-transform:translateX(120vw);transform:translateX(120vw);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:100%}.navClicked{-webkit-transform:translateX(0);transform:translateX(0)}.main-logo{font-size:5vw}}.timeline-container{margin:8em auto 6em;width:90%}.timeline-container>.profile{align-items:center;display:flex;gap:3em;justify-content:flex-start;margin:5em 0;padding:1em}.timeline-container>.profile>img{border-radius:50%;min-width:100px;width:10vw}.timeline-container>.profile>.user-details{color:#fff;font-size:1.2rem;font-weight:lighter;text-align:left}.data_section>.toggle{text-align:left}.data_section>.toggle>button{background:none;border:none;box-shadow:0 0 5px #000;color:#fff;display:flex;font-size:1.2rem;font-weight:600;gap:10px;padding:10px;transition:box-shadow .2s ease}.data_section>.toggle>button:hover{box-shadow:0 0 2px #000;cursor:pointer}.history-data{color:#fff;margin-top:2em}.history-data>.date-selectors{align-items:center;display:flex;font-weight:700;gap:2em;margin:3em 0}select{background:none;border:none;box-shadow:0 0 5px #000;color:#fff;outline:none;padding:10px;width:100%}select:hover{cursor:pointer}select option{background-color:#3f4757;color:#fff;padding:10px}select option:active,select option:hover{background-color:#303541;cursor:pointer}select::-ms-expand{display:none}.option{padding:10px}.data-section{box-shadow:0 0 10px #000;margin:0 auto;max-height:500px;max-width:700px;overflow-y:auto}.data-section>table{width:100%}.data-section>table>thead{font-weight:700}td{padding:10px}tbody>tr:hover{background:#00000017}.dateNotSelected{margin-top:4em;padding:1em}.dateNotSelected>img{margin:3em;max-width:50vw}.dateNotSelected>h2{font-weight:lighter}@media only screen and (max-width:850px){.timeline-container>.profile{display:block}.timeline-container>.profile>.user-details{font-size:1rem;line-height:30px;margin-top:2em;text-align:center}.history-data>.date-selectors{flex-direction:column}.date-selectors>select{font-size:1rem}.chart{margin:0}.data_section>.toggle>button{margin:1em auto}}.contact-container{display:flex;justify-content:center;margin:6em auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:80%}.contact-container>.cover{background-image:url(/static/media/keyboard.008b56c211c81b164120.png);background-size:cover;display:flex;flex-direction:column;justify-content:space-around;width:50%}.contact-container>.cover>h2{color:#fff;font-family:sans-serif;font-size:2vw}.contact-form{background-color:rgba(40,40,49,.412);padding:2em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}form{display:flex;flex-direction:column;gap:1em}form .userInput{background-color:initial;border:none;border-bottom:1px solid hsla(0,0%,100%,.697);color:#fff;font-family:sans-serif;font-size:1rem;font-weight:600;padding:10px 0;resize:none}form .userInput::-webkit-input-placeholder{color:hsla(0,0%,100%,.697)}form .userInput::placeholder{color:hsla(0,0%,100%,.697)}form button{border:none;border-radius:5px;color:#fff;font-size:1.2rem;font-weight:550;margin:.5em;padding:10px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}form button:hover{-webkit-transform:scale(1.01);transform:scale(1.01)}.loadingBtn{padding:0 10px}.loadingBtn img{width:35px}.formBtns{text-align:left}.red{background-color:#d10404}.blue{background-color:#2382ff}.errorMessage{background-color:rgba(255,0,0,.359);border-radius:5px;color:#fff;font-weight:600;margin:10px;padding:10px}.errorMessage img{margin:0;padding:0}.errorDiv{position:absolute;top:0;width:450px}.confirmation{font-size:2rem;margin-top:7em}.mobileHeading{display:none}@media only screen and (max-width:850px){.contact-container{width:95%}form .userInput{width:101%}.formBtns>button{width:100%}.mobileHeading{display:block}}@media only screen and (max-width:1300px){.contact-container>.cover{display:none}form textarea{height:150px}}
/*# sourceMappingURL=main.42be821e.css.map*/