:root{--body_background:#fff;--text_color:#000}[data-theme=dark]{--body_background:#000;--text_color:#fff}*{transition:all .1s ease-in-out}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--body_background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;margin:0;padding:.2vmin 2vmin}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100%}.align-ctr{text-align:center}.align-rt{text-align:right}.smaller{font-size:smaller}.flex-ctr-ctr{align-items:center;display:flex;justify-content:center}.flex-col{flex-direction:column}.flex-j-end{justify-content:flex-end}.scroll-y{overflow-y:scroll}.section-heading{align-items:center;color:var(--text-dark);display:flex;font-size:2vmin;justify-content:space-around;padding:.6vmin;text-align:center}.form-container,.section-heading{background-color:var(--tan-1);border:.1vmin solid var(--tan-3);border-radius:1vmin}.form-container{padding:3vmin}p.error-message{color:var(--orange);text-align:center}form{grid-gap:1.25vmin;color:var(--text-light);display:grid;gap:1.25vmin;grid-template-columns:1fr 3fr}label{align-items:center;display:flex}input,label{font-size:2vmin}input{background-image:none!important;border:.1vmin solid var(--tan-3);border-radius:.5vmin;color:var(--text-dark);outline:none;padding:1vmin}input:focus{border-color:var(--orange)}a.button,button{background-color:var(--orange);border:.1vmin solid var(--tan-2);border-radius:.5vmin;color:var(--white);cursor:pointer;font-size:2vmin;font-weight:700;margin:1vmin;outline:none;padding:1vmin;text-align:center;text-decoration:none}button.btn-sm{font-size:1.5vmin;padding:.6vmin .8vmin}button.btn-xs{font-size:1vmin;padding:.4vmin .5vmin}button:disabled,form:invalid button[type=submit]{background-color:red;border:3px solid #000;color:#000;cursor:not-allowed}button[type=submit]{grid-column:span 2;margin:1vmin 0 0}.dark_mode{margin-left:10px;margin-top:-20px}.dark_mode_label{background:#ebebeb;border-radius:200px;box-shadow:inset 0 5px 15px rgba(0,0,0,.4),inset 0 -5px 15px hsla(0,0%,100%,.4);cursor:pointer;display:block;height:30px;position:relative;transition:.3s;width:65px}.dark_mode_label:after{background:linear-gradient(180deg,#ffcc89,#d8860b);border-radius:180px;box-shadow:0 5px 10px rgba(0,0,0,.2);content:"";height:25px;left:3px;position:absolute;top:3px;transition:.3s;width:25px}.dark_mode_input{height:0;visibility:hidden;width:0}.dark_mode_input:checked+.dark_mode_label{background:#242424}.dark_mode_input:checked+.dark_mode_label:after{background:linear-gradient(180deg,#777,#3a3a3a);left:62px;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.dark_mode_label:active:after{width:30px}.dark_mode_label svg{position:absolute;top:5px;width:20px;z-index:100}.dark_mode_label svg.sun{fill:#fff;left:5px;transition:.3s}.dark_mode_label svg.moon{fill:#7e7e7e;left:40px;transition:.3s}.dark_mode_input:checked+.dark_mode_label svg.sun{fill:#7e7e7e}.dark_mode_input:checked+.dark_mode_label svg.moon{fill:#fff}@media (max-width:480px){.dark_mode{margin-left:5px;margin-top:-20px}}.NavBar{align-items:center;display:flex;justify-content:space-between}.NavBar,.NavBar a{color:red;font-family:New Super Mario Font U,sans-serif}.NavBar a{font-size:25px;text-decoration:none;transition:all .3s ease-in}.NavBar span{align-items:center;display:flex;font-size:25px}.DarkMode{margin-right:10px}.NavBar a:hover{color:#f9da5d;font-family:New Super Mario Font U,sans-serif;text-decoration:none}.hamburger{background:none;border:none;color:red;cursor:pointer;display:none;font-size:30px;margin:0;padding:0}.menu{display:flex}@media (max-width:480px){.hamburger{display:block}.NavBar a,.NavBar span{font-size:15px}.menu{border-bottom:1px solid red;border-top:1px solid red;display:none;flex-direction:row;left:0;position:absolute;top:40px;width:100%}.menu.open{display:flex;flex-wrap:wrap;justify-content:space-around}}@media (min-width:481px) and (max-width:767px){.hamburger{display:block}.menu{border-bottom:1px solid red;border-top:1px solid red;display:none;flex-direction:row;left:0;position:absolute;top:40px;width:100%}.menu.open{display:flex;justify-content:space-around}.NavBar a{margin:5px 0}.NavBar a,.NavBar span{font-size:15px}}@media (min-width:768px) and (max-width:991px){.hamburger{display:block}.menu{border-bottom:1px solid red;border-top:1px solid red;display:none;flex-direction:row;left:0;position:absolute;top:40px;width:100%}.menu.open{display:flex;justify-content:space-around}}@media (min-width:992px) and (max-width:1199px){.menu{display:flex;justify-content:space-between}.NavBar a{padding:0 15px}}@media (min-width:1200px) and (max-width:1919px){.menu{display:flex;justify-content:space-between}.NavBar a{padding:0 15px}}@media (min-width:1920px){.menu{display:flex;justify-content:space-between}.NavBar a{padding:0 15px}}.HelpPage{font-family:New Super Mario Font U,sans-serif}.HelpPage h1{-webkit-text-stroke:.5px #38c05f;color:#6742d5;font-size:65px;padding:1vh 0}.HelpPage ol{color:#38c05f;flex-direction:column;font-size:40px;list-style-position:inside;padding:0;text-align:center}.HelpPage li{padding:15px}.HelpPage button{background-color:#000;border:3px solid #6742d5;border-radius:10px;color:#6742d5;font-family:New Super Mario Font U,sans-serif;font-size:30px;transition:all .3s ease-in}.HelpPage button:hover{background-color:#6742d5;color:#000}.HelpPage .click{background:linear-gradient(red 0 0) no-repeat 200% 100% /200% .08em;background:linear-gradient(red 0 0) no-repeat var(--p,200%) 100% /200% var(--p,.08em);color:red;text-decoration:none;transition:.3s 0s,background-position .3s .3s;transition:.3s var(--t,0s),background-position .3s calc(.3s - var(--t, 0s))}.HelpPage .click:hover{--p:100%;--t:.3s;color:#000}@media (max-width:480px){.HelpPage h1{font-size:40px}.HelpPage ol{font-size:30px}}@media (min-width:481px) and (max-width:767px){.HelpPage h1{font-size:40px;padding:2vh 0 0}}.WelcomePage{display:flex;flex-direction:column;font-family:New Super Mario Font U,sans-serif;justify-content:center}.WelcomePage h1{font-size:65px}.WelcomePage h1,.WelcomePage h2{-webkit-text-stroke:.5px #38c05f;color:red}.WelcomePage h2{font-size:40px}.WelcomePage img{height:200px}.WelcomePage h3{color:#6742d5;font-size:38px}.WelcomePage h3:hover{-webkit-text-stroke:.5px #fff}.select-characters{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.single-characters{margin:50px;transition:all .2s ease-in}.single-characters:hover{-webkit-text-stroke:.4px #fff;color:linear-gradient(270deg,red 50%,blue 0) right;cursor:pointer}.select-characters a{text-decoration:none}@media (max-width:480px){.single-characters{margin:10px 50px}.WelcomePage h1{font-size:50px}.WelcomePage h2{font-size:35px}}.QuestionDisplay{background-color:#38c05f;border:2px solid #6742d5;border-radius:20px;height:auto;margin:0 auto;padding:20px;width:80%}.tracking{color:var(--text_color);font-size:32px}.QuestionDisplay h3{color:#6742d5;font-size:30px}.QuestionDisplay ul{list-style:none;padding:0}.QuestionDisplay li{border:3px solid #6742d5;border-radius:20px;color:#6742d5;font-size:30px;margin-top:8px;padding:16px}.QuestionDisplay li:hover{background-color:#fff;color:#38c05f;cursor:pointer}@media (max-width:480px){.QuestionDisplay li,.tracking{font-size:25px}.QuestionDisplay h3{color:#6742d5;font-size:27px}}@media (min-width:481px) and (max-width:767px){.tracking{font-size:25px}}.FinalResult{background-color:#38c05f;border:2px solid #6742d5;border-radius:20px;height:auto;margin:0 auto;padding:20px;width:80%}.FinalResult h2{font-size:65px}.FinalResult h2,.FinalResult h3{-webkit-text-stroke:.4px #fff;color:red}.FinalResult h3{font-size:40px}.FinalResult a{background-color:#f9da5d;border:3px solid red;border-radius:10px;color:#000;margin:30px;padding:10px 20px;text-align:center;text-decoration:none;transition:all .4s ease-in}.FinalResult a:hover{background-color:#000;border:3px solid red;color:#f9da5d}.FinalResult .links{display:flex;justify-content:center;width:auto}@media (max-width:480px){.FinalResult{width:90%}.FinalResult h2{font-size:40px}.FinalResult h3{font-size:30px;margin:10}.FinalResult a{font-size:20px;margin:5px}}@media (min-width:481px) and (max-width:767px){.FinalResult{width:90%}.FinalResult h2{font-size:40px}.FinalResult h3{font-size:30px;margin:10}.FinalResult a{font-size:20px;margin:5px}}.QuizPage{font-family:New Super Mario Font U,sans-serif}.QuizPage h1{-webkit-text-stroke:.5px #fff;color:#6742d5;font-size:80px}@media (max-width:480px){.QuizPage h1{font-size:40px}}@media (min-width:481px) and (max-width:767px){.QuizPage h1{font-size:40px;padding:2vh 0 0}}.StartQuizPage,.StartQuizPage h1{color:red;font-family:New Super Mario Font U,sans-serif}.StartQuizPage h1{-webkit-text-stroke:.5px #fff;font-size:80px;padding:1vh 0}.StartQuizPage img{height:200px}.StartQuizPage a{background-color:#000;border:3px solid #6742d5;border-radius:10px;color:#6742d5;display:inline-block;font-size:30px;margin:30px;padding:10px 20px;text-align:center;text-decoration:none;transition:all .3s ease-in}.StartQuizPage a:hover{background-color:#6742d5;border:3px solid #6742d5;color:#000}@media (max-width:480px){.StartQuizPage h1{font-size:40px}}@media (min-width:481px) and (max-width:767px){.StartQuizPage h1{font-size:40px;padding:2vh 0 0}}.SelectQuiz{color:red;font-family:New Super Mario Font U,sans-serif}.SelectQuiz select{background-color:#38c05f;border-radius:10px;color:#fff;height:50px}.SelectQuiz button,.SelectQuiz select{font-family:New Super Mario Font U,sans-serif;font-size:25px}.SelectQuiz button{background-color:#000;border:3px solid #38c05f;border-radius:10px;color:#38c05f;transition:all .3s ease-in}.SelectQuiz button:hover{background-color:#38c05f;border:3px solid #fff;color:#000;font-family:New Super Mario Font U,sans-serif}.SelectQuiz button:disabled{background-color:red;border:3px solid #fff;color:#000}.LeaderBoardPage{font-family:New Super Mario Font U,sans-serif;padding:10px;text-align:center}.LeaderBoardPage h1{-webkit-text-stroke:.5px #38c05f;color:red;font-size:65px;padding:1vh 0}.LeaderBoardPage select{background-color:#38c05f;border-radius:10px;color:#fff;font-family:New Super Mario Font U,sans-serif;font-size:25px;height:50px;margin-bottom:15px;text-align:center}.LeaderBoardPage table{color:#f9da5d;font-size:4vw;overflow-x:auto;text-align:center;width:100%}.custom-table{border:1px solid #ccc;border-collapse:collapse;border-radius:20px;margin:0 auto;width:100%}.custom-table th{background-color:red;color:#000}.custom-table td,.custom-table th{border:2px solid red;padding:2vw;text-align:center}.custom-table td{-webkit-text-stroke:.8px red;border-radius:10px}.LeaderBoardPage .click{background:linear-gradient(red 0 0) no-repeat 200% 100% /200% .08em;background:linear-gradient(red 0 0) no-repeat var(--p,200%) 100% /200% var(--p,.08em);color:red;font-size:4vw;text-decoration:none;transition:.3s 0s,background-position .3s .3s;transition:.3s var(--t,0s),background-position .3s calc(.3s - var(--t, 0s))}.LeaderBoardPage .click:hover{--p:100%;--t:.3s;color:#000}@media (max-width:480px){.LeaderBoardPage h1{font-size:40px}.LeaderBoardPage table{font-size:3vw}.custom-table td,.custom-table th{padding:1vw}}@media (min-width:481px) and (max-width:767px){.LeaderBoardPage h1{font-size:40px}.LeaderBoardPage table{font-size:3.5vw}.custom-table td,.custom-table th{padding:1.5vw}}.MyPastQuizPage{font-family:New Super Mario Font U,sans-serif;text-align:center}.MyPastQuizPage h1{-webkit-text-stroke:.5px #38c05f;color:red;font-size:65px;padding:1vh 0}.MyPastQuizPage h3{-webkit-text-stroke:.5px #fff;color:#38c05f;font-size:50px}.MyPastQuizPage .past-quiz-display{align-items:center;display:flex;justify-content:center}.MyPastQuizPage p{-webkit-text-stroke:1px #fff;color:#38c05f;font-size:30px}.MyPastQuizPage table{color:#f9da5d;font-family:New Super Mario Font U,sans-serif;font-size:30px;text-align:center}.MyPastQuizPage .click{background:linear-gradient(red 0 0) no-repeat 200% 100% /200% .08em;background:linear-gradient(red 0 0) no-repeat var(--p,200%) 100% /200% var(--p,.08em);color:red;text-decoration:none;transition:.3s 0s,background-position .3s .3s;transition:.3s var(--t,0s),background-position .3s calc(.3s - var(--t, 0s))}.MyPastQuizPage .click:hover{--p:100%;--t:.3s;color:#000}@media (max-width:480px){.MyPastQuizPage h1{font-size:40px;font-size:30px}}@media (min-width:481px) and (max-width:767px){.MyPastQuizPage h1{font-size:40px;padding:2vh 0 0}}.AuthPage{color:red;font-family:New Super Mario Font U,sans-serif}.AuthPage h1{-webkit-text-stroke:.5px #38c05f;font-size:80px}.AuthPage h2{font-size:40px}.AuthPage button{background-color:#000;color:#6742d5;transition:all .3s ease-in}.AuthPage button,.AuthPage button:hover{border:3px solid #6742d5;font-family:New Super Mario Font U,sans-serif}.AuthPage button:hover{background-color:#6742d5;color:#000}.AuthPage button:disabled{background-color:red;border:3px solid #fff;color:#000}@media (max-width:480px){.AuthPage h1{font-size:50px;margin:10px}.AuthPage h2{font-size:30px;margin:0 0 5px}.AuthPage button{font-size:25px}}.App{display:flex;flex-direction:column;min-height:100vh;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:var(--body_background);color:var(--text_color);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)}}.content-center,.form-container{align-items:center;display:flex;justify-content:center}.form-container{background-color:#38c05f;border:3px solid #6742d5;max-width:600px;width:80%}.form-container label{color:#6742d5}.form-container input{background-color:#000;border:3px solid #6742d5;color:#6742d5;font-family:New Super Mario Font U,sans-serif}.form-container button{background-color:#000;color:#6742d5;transition:all .3s ease-in}footer{color:var(--text_color);font-family:New Super Mario Font U,sans-serif;font-size:25px;margin-top:auto;text-align:center}@media (max-width:480px){.form-container label{font-size:25px}.form-container input{font-size:20px}.form-container{width:97%}}
/*# sourceMappingURL=main.c169f0f4.css.map*/