@-webkit-keyframes anim{to{-webkit-transform:none;transform:none;opacity:1}}@keyframes anim{to{-webkit-transform:none;transform:none;opacity:1}}@-webkit-keyframes anim2{to{-webkit-transform:none;transform:none;opacity:.75}}@keyframes anim2{to{-webkit-transform:none;transform:none;opacity:.75}}*{margin:0;padding:0;overflow-x:hidden}body #root{width:100vw;height:100vh}.main-text{font-size:1.8rem}.landing-container{display:-webkit-flex;display:flex;height:100vh;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.logo{display:block}.play-button{font-size:2.5rem;width:10rem;padding:1%;background-color:#d3f1d2;border-radius:5px}.play-button:hover{background-color:#abeca8;cursor:pointer}.main-body{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.p{margin:2.5vh 0;max-width:45ch;cursor:default}.footer,.p{text-align:center}.footer{height:3rem;font-size:1.3rem;position:absolute;bottom:1vh}.x-spacing{margin:0 10px}.main-div{width:40vw}.bottom-spacing{margin-bottom:10px}.metric-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;margin:20px 0}.main-metric-text{font-size:1.3rem;opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px);-webkit-animation:anim 1s cubic-bezier(.165,.84,.44,1) 1 forwards;animation:anim 1s cubic-bezier(.165,.84,.44,1) 1 forwards}.metric-bar{height:1.6vh;background-color:#7bd85f;border-radius:50px;-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-animation:anim 1s cubic-bezier(.075,.82,.165,1) .2s 1 forwards;animation:anim 1s cubic-bezier(.075,.82,.165,1) .2s 1 forwards}.gen-score-title{font-size:2rem;font-weight:700}#main-title,.score-main-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.score-main-container{-webkit-flex-direction:column;flex-direction:column;margin-top:4vh}.score-statistics{margin-bottom:10vh}.score-body{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-top:2vh}.score-space{margin:5px 0}.main-score{font-size:4rem}.para-score,.percent-score{font-size:1.2rem}.disclosure-text{font-size:1.3rem}.tips-container{max-width:49vw;margin-top:6vh}.tip-text{font-size:1.3rem;margin:20px 0}#question{position:absolute;bottom:10vh;left:5vw;box-sizing:border-box;width:90vw;background-color:#1f1f1f;opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;color:#fff;text-align:center;padding:1.5em 2% 4%;-webkit-animation:anim2 1s cubic-bezier(.075,.82,.165,1) .2s 1 forwards;animation:anim2 1s cubic-bezier(.075,.82,.165,1) .2s 1 forwards}.outer-question-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;background-position:50%;background-repeat:no-repeat;height:100vh;width:100vw}.question-text{padding-top:1.5em;border-top:2px solid #fff;text-align:center;width:60%;position:relative;left:20%;font-size:1.1rem;font-family:Roboto;margin-bottom:2rem}button.MuiButton-containedPrimary{position:absolute;bottom:4%;display:block;margin-left:45%}
/*# sourceMappingURL=main.dc08347a.chunk.css.map */