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}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@-webkit-keyframes grow{to{-webkit-transform:scale(100000%);transform:scale(100000%)}}@keyframes grow{to{-webkit-transform:scale(100000%);transform:scale(100000%)}}.start-page{display:flex;flex-direction:column;height:100vh;width:100vw}.start-page .title-box{color:#efc519;font-family:ccsignlanguage,sans-serif;font-size:45pt;font-weight:400;margin:-2% auto 0;text-align:center;text-shadow:9px 7px #262f6a}.start-page .description-box{color:#262f6a;font:30pt Brevia;margin:-2% auto 0;text-align:center;width:45%}.start-page .icon-box{display:flex;justify-content:center;margin:auto 0}.start-page .icon-box p{font-size:21pt;font-weight:700;max-width:195px;text-align:center}.start-page .icon-box img{-webkit-animation:rotate 6s linear infinite;animation:rotate 6s linear infinite;width:100%;will-change:transform}.start-page .icon{display:flex;flex-direction:column;padding-left:2.5%;padding-right:2.5%;width:10%}.start-page .icon:hover{-webkit-animation:grow 2s ease-in 1 forwards;animation:grow 2s ease-in 1 forwards;will-change:transform}@-webkit-keyframes wrong{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}20%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}30%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}50%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}60%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}70%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}80%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}90%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes wrong{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}20%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}30%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}50%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}60%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}70%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}80%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}90%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.question-page{background-image:url(/static/media/background.cfcdaf92b1791c8d157f.png);height:100vh;width:100vw}.question-page .title-box{color:#efc519;font-weight:400;font:75pt ccsignlanguage;margin:0;text-shadow:4px 7px #262f6a}.question-page .question-box{color:#262f6a;font:18pt Brevia;font-weight:500;padding-top:3%}.question-page .button-box{display:flex;flex-wrap:wrap;height:50%;padding-top:5%;width:60%}.question-page .incorrectButton{-webkit-animation:wrong 1s ease-in-out;animation:wrong 1s ease-in-out;background-color:#ee7526}.question-page .defaultButton{background-color:#52c5d8}.question-page .correctButton{background-color:#6fcf97}.question-page .button-box-none{display:none}.question-page button{background-color:#52c5d8;border:none;border-radius:20px;color:#fff;font:30px Brevia;font-weight:600;height:14vh;margin:0 100px 60px 0;vertical-align:top;width:20vw}.question-page .nextButton{bottom:100px;position:absolute;right:66px}.question-page .incorrect-response-box{background-color:#ee7526}.question-page .correct-response-box,.question-page .incorrect-response-box{border-radius:50px;bottom:150px;color:#fff;font:32px Brevia;font-weight:400;padding:45px 50px;position:absolute;width:1000px}.question-page .correct-response-box{background-color:#6fcf97}.question-page .content-container{padding:5% 0 0 5%}.question-page .pun,.question-page .question-box .category-tag{font-weight:600!important}.question-page video{pointer-events:none;position:absolute;width:150px;z-index:2}.question-page .video-bottom-right{bottom:-18px;right:19px}.question-page .video-top-left{left:-65px;top:-93px}.question-page .button-div{position:relative}.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)}}html{background:#fff;width:100%}.App,html,root{height:100%}.App{touch-action:none}body{height:100%}.results-page{background-image:url(/static/media/background.cfcdaf92b1791c8d157f.png);display:flex;flex-direction:column;height:100vh;justify-content:space-evenly;width:100vw}.results-page .title-box{color:#efc519;font-family:ccsignlanguage,sans-serif;font-size:45pt;font-weight:400;margin:0!important;padding-top:0;text-align:center;text-shadow:9px 7px #262f6a}.results-page h2{color:#262f6a;font:48pt Brevia;font-weight:500;text-align:center;width:60%}.results-page .response-box{display:flex;justify-content:center;margin:40px 40px 0}.results-page a{text-decoration:none}.results-page .home-button{background-color:#52c5d8;border-radius:40px;color:#fff;display:flex;font:52px Brevia;font-weight:500;margin:0 auto;padding:30px;text-align:center;width:47vw}.results-page video{pointer-events:none;position:absolute;width:300px;z-index:2}.results-page .sparkle-left{left:10%;top:40%}.results-page .sparkle-right{right:10%;top:40%}
/*# sourceMappingURL=main.3f699581.css.map*/