*{box-sizing:border-box;font-family:Playfair Display,serif;margin:0;padding:0}body{background-color:#004b45}button{cursor:pointer;font-weight:600}a{color:#222831;text-decoration:none}option,select{background-color:#fff;color:#000}.Btn{background-color:#c9d6df;border:none;border-radius:25px;color:#222831;cursor:pointer;font-size:20px;height:50px;transition:.5s ease;width:200px}.Btn:hover{background-color:#222831;border:1px solid #c9d6df;color:#c9d6df}h1{font-family:Permanent Marker,cursive}.HomePage{background-color:#004b45;color:#fff;height:100vh;position:absolute;width:100%}.HomeTitle{font-size:2rem;margin:3rem;text-align:center}.tagline{font-size:1.5rem;margin:5rem;text-align:center}.showcase{background-color:#fff;box-shadow:inset 2px 2px 10px #000;display:flex;flex-direction:row;justify-content:center;margin:4rem auto;text-align:center;width:100%}.item{background-color:#004b45;border-radius:25px;box-shadow:2px 2px 10px #000;margin:1rem auto;max-width:250px;padding:2rem}.itemTitle{font-family:Permanent Marker;font-size:2rem;margin-bottom:1rem}.redirect{margin:2rem;text-align:center}.redirect button{background-color:initial;border:2px solid #fff;border-radius:25px;color:#fff;height:50px;transition:.3s ease;width:200px}.redirect button:hover{background-color:#fff;border:2px solid #000;color:#000}@media screen and (max-width:700px){.showcase{flex-direction:column;width:100%}}.loginPage{align-items:center;background-color:#004b45;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}.authLogo{margin:1rem auto;max-width:450px;padding:1rem;width:100%}.loginSection{background-color:#eee;border-radius:25px;max-width:450px;padding:2rem;width:85%}.loginTitle{color:#222831;margin-bottom:1rem;text-align:center}img{min-width:200px;width:100%}.centerBtn{margin:.5rem auto;max-width:100%}.facebookBtn,.googleBtn{align-items:center;background-color:#2374f2;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:15px;font-weight:400;height:50px;justify-content:center;width:240px}.googleBtn{background-color:#222831}input{border:1px solid #9ea4ad;border-radius:8px;color:#000;font-size:1rem;height:50px;margin:.5rem 0;padding:1rem}input:focus{outline:none}hr{margin:1rem 0}.StartPage{color:#fff;height:100vh;position:relative;width:100%}.Title{font-size:3rem;text-align:center}.RulesTitle{text-align:center;text-decoration:underline}.Rules{margin:2rem auto;max-width:400px;width:80%}li{font-size:18px;line-height:30px;margin:1rem auto}.categoryTitle,.selectDiv{text-align:center}.selectDiv{margin:1rem auto;width:100%}select{align-items:center;font-size:1.5rem;height:50px;text-align:center;width:250px}select:focus{outline:none}.startQuizDiv{text-align:center}.startQuizBtn{background-color:#004b45;border:2px solid #fff;color:#fff;font-size:1.5rem;height:50px;transition:.2s ease;width:250px}.logoutDiv{margin-top:2rem;text-align:center}.logoutBtn{font-size:1.5rem;height:50px;transition:.2s ease;width:250px}.logoutBtn,.logoutBtn:hover{background-color:#004b45;border:2px solid #fff;color:#fff}.leaderboardDiv{margin-top:2rem;text-align:center}.leaderboardBtn{background-color:#004b45;border:2px solid #fff;color:#fff;font-size:1.5rem;height:50px;transition:.2s ease;width:250px}.leaderboardBtn:hover,.logoutBtn:hover,.startQuizBtn:hover{background-color:#fff;color:#000}.quizContainer{left:50%;max-width:800px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%}.categoryName,.quizContainer{text-align:center}.questionNumber{font-size:30px;margin:2rem}.question{font-size:28px;margin:1rem auto 2rem}.options{display:grid;grid-template-columns:1fr 1fr}.option{border:2px solid #fff;font-size:1rem;margin:.5rem;padding:1rem;transition:.2s ease}.option:focus,.option:hover{background-color:initial;color:#fff}.skip{font-family:Permanent Marker,cursive;position:relative;top:2rem;width:200px}.QuizPage{background-color:#004b45;color:#fff;width:100%}.loading{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.timerDiv{margin:1rem;text-align:center}.timer{font-family:Audiowide,cursive;font-size:1.5rem}.ResultsPage{align-items:center;background-color:#004b45;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:3rem;width:100%}.title{font-size:3rem;margin:2rem;text-align:center}.scoreDisplay{margin:auto;max-width:400px;text-align:center}hr{background-color:#fff;height:6px;margin:15px auto;width:100%}.pTags{font-size:2rem;margin-bottom:1rem}.score{margin:6rem}.linksDiv{margin-top:2rem;text-align:center}.leaderboardLink{color:#fff;font-size:1rem}.leaderboardPage{align-items:center;background-color:#004b45;color:#fff;display:flex;flex-direction:column;height:100vh;padding:1rem;width:100%}.HomeLogo{color:#fff;cursor:pointer;margin:2rem}.leaderboardTitle{font-size:2rem}.tableContainer{max-width:950px;width:100%}.table{width:100%}table,td,th{border:1px solid #fff;padding:2px}th{text-align:left}
/*# sourceMappingURL=main.a97c4838.css.map*/