@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,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;font-size:16px;justify-content:center;margin:0;min-height:100vh;width:100vw}.landingPage-container,body{align-items:center;display:flex;height:100vh}.landingPage-container{flex-direction:column;overflow:hidden;width:90vw}.landingPage-navbar{left:0;padding:32px;position:absolute;top:0;width:100%}.landingPage-logo{width:4rem}.landingPage-content{align-items:center;display:flex;height:100%;justify-content:space-between;overflow:hidden;width:100%}.landingPage-content_left{display:flex;flex-direction:column;gap:16px;overflow:hidden}.landingPage-content_text{display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.landingPage-content_left h1{font-size:2.5rem}.landingPage-content_left p{font-size:1.25rem}.landingPage-content_left button{background-color:#900;background-color:var(--primary);border:.25rem solid #ffffff4d;border-radius:1rem;color:#fff;color:var(--light);cursor:pointer}.landingPage-content_left .start-quiz-button.disabled-style,.landingPage-content_left button{align-items:center;display:flex;font-size:1.25rem;font-weight:500;justify-content:center;max-width:20rem;padding:1rem 1.5rem;text-transform:uppercase}.landingPage-content_left .start-quiz-button.disabled-style{background-color:#cecece;border-radius:1rem;color:#999;cursor:not-allowed}.landingPage-content_left button:hover{background-color:#b0cb1f;background-color:var(--accent);color:#1b1c1e;color:var(--dark)}.landingPage-content_left button:focus{outline:none}.landingPage-content_left button svg{margin-right:.25rem}.landingPage-content_selection{border:1px solid #900;border:1px solid var(--primary);padding:1rem;width:80%}.landingPage-content_right{align-items:flex-start;background-color:#900;background-color:var(--primary);background-position:50% 50%;background-size:cover;border-radius:10rem 0 0 10rem;display:flex;justify-content:flex-end;max-height:100vh;overflow:hidden;position:absolute;right:0;top:0}.landingPage-content_right img{height:100%;width:auto}.landingPage-container footer{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;overflow:hidden;padding:1rem;text-align:left;width:100%;z-index:9}.landingPage-container footer a{color:#900;color:var(--primary)}.landingPage-container footer a:hover{color:#b0cb1f;color:var(--accent)}@media (min-width:320px) and (max-width:767px){.landingPage-container{height:90vh;max-height:100vh}.landingPage-content_left{height:100%;justify-content:space-between;width:100%}.landingPage-navbar{align-items:center;display:flex;justify-content:center;padding:16px}.landingPage-content_right{display:none}.landingPage-content_left h1{font-size:2rem;margin-top:3rem;text-align:center}.landingPage-content_left p{text-align:center}.landingPage-content_left button{margin-bottom:2rem;max-width:100%;width:100%}.landingPage-container footer{text-align:center}.answer-section button:active{background-color:#b0cb1f;background-color:var(--accent);color:#1b1c1e;color:var(--dark)}.landingPage-content_selection{border:1px solid #900;border:1px solid var(--primary);padding:1rem;width:100%}.landingPage-content_left .start-quiz-button.disabled-style{display:flex;max-height:4rem;max-width:100%;padding:1rem}}@media (max-width:768px){.landingPage-content_left{height:100%;justify-content:space-between;width:100%}.landingPage-navbar{align-items:center;display:flex;justify-content:center;padding:16px}.landingPage-content_right{display:none}.landingPage-content_left h1{font-size:3rem;text-align:center}.landingPage-content_left p{font-size:1rem;text-align:center}.landingPage-container footer{text-align:center}.answer-section button:active{background-color:#b0cb1f;background-color:var(--accent);color:#1b1c1e;color:var(--dark)}.landingPage-content_selection{padding:1rem;width:100%}.landingPage-content_left .start-quiz-button.disabled-style{display:flex;max-height:4rem;max-width:100%;padding:1rem}.landingPage-content_left button{margin-bottom:2rem;max-width:100%;width:100%}}@media (min-width:768px) and (max-width:1024px){.landingPage-content_left{align-items:center;height:100%;justify-content:space-between;width:100%}.landingPage-navbar{align-items:center;display:flex;justify-content:center;padding:16px}.landingPage-content_right{display:none}.landingPage-content_left h1{font-size:3rem;text-align:center;z-index:2}.landingPage-content_left p{font-size:1.5rem;text-align:center}.landingPage-content_left button{margin-bottom:2rem;max-width:100%;width:100%}.landingPage-content_left select{width:100%}.landingPage-content_left .start-quiz-button.disabled-style{display:flex;max-height:4rem;max-width:100%;padding:1rem}.landingPage-container footer{text-align:center}.answer-section button:active{background-color:#b0cb1f;background-color:var(--accent);color:#1b1c1e;color:var(--dark)}}@media (min-width:1025px) and (max-width:1365px){.landingPage-content{align-items:center;background-image:none;display:flex;height:100%;justify-content:space-between;padding:0 32px;width:100%}.landingPage-content_right{background-repeat:no-repeat;background-size:auto 60%;height:100vw;width:50vw}.landingPage-content_left h1{font-size:2.5rem;width:16ch;z-index:2}.landingPage-content_left p{font-size:1.5rem}.answer-section button:active{background-color:#b0cb1f;background-color:var(--accent);color:#1b1c1e;color:var(--dark)}}@media (min-width:1366px){.landingPage-content{align-items:center;background-image:none;display:flex;height:100%;justify-content:space-between;padding:0 32px;width:100%}.landingPage-content_right{background-repeat:no-repeat;background-size:auto 70%;height:100vw;width:50vw}.landingPage-content_left h1{font-size:2.5rem;z-index:2}.landingPage-content_left p{font-size:1.5rem}.answer-section button:active{background-color:#b0cb1f;background-color:var(--accent);color:#1b1c1e;color:var(--dark)}}@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3){select{padding:1rem;width:100%}}@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2){select{padding:1rem;width:100%}}@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2){select{padding:1rem;width:100%}}#openPopup{background-color:#900;background-color:var(--primary);border:0;border-radius:99px;color:#fff;color:var(--light);cursor:pointer;font-size:14px;font-weight:500;padding:8px}#openPopup:hover{background-color:#b0cb1f;background-color:var(--accent);color:#1b1c1e;color:var(--dark)}.popup-container{align-items:center;background:#000000b3;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.popup{background:#fff;border-radius:8px;box-sizing:border-box;max-width:500px;padding:20px;text-align:left;width:90%}.popup-title{color:#900;color:var(--primary);font-size:2rem;font-weight:600;line-height:120%}.popup-text{color:#1b1c1e;color:var(--dark);font-size:1rem;font-weight:300;line-height:161.8%;margin:12px 0}.close-popup{cursor:pointer;font-size:30px;position:absolute;right:20px;top:10px}@media (max-width:600px){.popup{width:95%}}:root{--primary:#900;--secondary:#3a519f;--accent:#b0cb1f;--dark:#1b1c1e;--light:#fff;--light-transparent:#ffffffd8}*{box-sizing:border-box;color:#1b1c1e;color:var(--dark);font-family:Poppins,sans-serif;margin:0;padding:0}.game-container{align-items:center;background-image:url(/static/media/CeciWallpaperTest.684df62ed3f932f355a8.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-grow:1;height:100%;justify-content:center;min-height:100vh;padding:2rem;width:100vw}.app,.game-container{display:flex;flex-direction:column}.app{background-color:#ffffffd8;background-color:var(--light-transparent);border:1px solid #0000001a;border-radius:1rem;box-shadow:0 1.25rem 2.5rem #0000004d;height:60vh;justify-content:space-evenly;min-height:12rem;padding:1.5rem;width:80vw}.score-section{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.score-section h2{font-size:4rem;text-align:center;width:20ch}.question-section{position:relative;width:100%}.question-count{margin-bottom:1.5rem}.question-count span{font-size:1.75rem}.question-text{font-size:2rem;font-weight:600;margin-bottom:1rem}.timer-text{background:#b0cb1f;background:var(--accent);border:.25rem solid #ffffff4d;border-radius:1rem;margin-right:1.5rem;margin-top:1.5rem;padding:1rem;text-align:center}.answer-section{display:flex;gap:2rem;justify-content:space-between;width:100%}.answer-section button,.score-section button{align-items:center;background-color:#900;background-color:var(--primary);border:.25rem solid #ffffff4d;border-radius:1rem;color:#fff;color:var(--light);cursor:pointer;display:flex;font-size:1.25rem;font-weight:500;justify-content:center;padding:1rem;text-transform:uppercase;width:100%}.correct{background-color:#b0cb1f;background-color:var(--accent)}.incorrect{background-color:#900;background-color:var(--primary)}.answer-section button:focus{outline:none}.answer-section button svg{margin-right:.25rem}.game-container footer{align-self:flex-end;background-color:#fff;background-color:var(--light);bottom:0;font-size:.8rem;left:0;padding:1rem;position:absolute;text-align:center;width:100vw;z-index:0}.game-container footer a{color:#900;color:var(--primary)}.game-container footer a:hover{color:#b0cb1f;color:var(--accent)}.reset-button{align-items:center;background-color:#900;background-color:var(--primary);border:.25rem solid #ffffff4d;border-radius:1rem;color:#fff;color:var(--light);cursor:pointer;display:flex;font-size:1.25rem;font-weight:500;justify-content:center;margin-top:15vh;padding:1.5rem;text-transform:uppercase;width:100%}.reset-button:hover{background-color:#b0cb1f;background-color:var(--accent);color:#1b1c1e;color:var(--dark)}.reset-button:focus{outline:none}@media (min-width:300px) and (max-width:369px){.game-container{gap:1rem;justify-content:center;padding:1rem}.app{height:100%;margin-top:2rem;padding:1rem}.answer-section,.app{display:flex;justify-content:space-between;width:100%}.answer-section{flex-direction:column;gap:1rem}.question-text{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.answer-section button{border-radius:1rem;font-size:1rem;font-weight:500;padding:.75rem 0;text-transform:capitalize;width:100%}.game-container footer{padding:.5rem;position:static;width:100%}.score-section{min-height:75vh;padding:1rem}.score-section h2{font-size:1.5rem;text-align:center;width:100%}.answer-section button:active{transform:scale(.8)}}@media (min-width:370px) and (max-width:767px){.game-container{gap:1rem;justify-content:center;padding:1rem}.app{height:100%;padding:1rem}.answer-section,.app{display:flex;justify-content:space-between;width:100%}.answer-section{flex-direction:column;gap:1.5rem;margin-top:4rem}.question-text{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.answer-section button{border-radius:1rem;font-size:1.25rem;font-weight:500;padding:1rem 0;text-transform:capitalize;width:100%}.game-container footer{padding:.5rem}.score-section{min-height:75vh;padding:1rem}.score-section h2{font-size:2rem;text-align:center;width:100%}.answer-section button:active{transform:scale(.8)}}@media (min-width:768px) and (max-width:1024px){.game-container{gap:1rem;justify-content:center;padding:1rem}.app{display:flex;height:100%;justify-content:space-evenly;min-height:50vh;padding:2rem;width:90vw}.answer-section{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-top:4rem;width:100%}.answer-section button{border-radius:1rem;font-size:1.75rem;font-weight:500;padding:1rem 0;text-transform:capitalize;width:48%}.game-container footer{padding:.5rem;width:100%}.score-section{min-height:75vh;padding:1rem}.answer-section button:active{transform:scale(.8)}}@media (min-width:1025px) and (max-width:1440px){.score-section{height:100%;padding:1rem}.answer-section button:hover{background-color:#900;background-color:var(--primary);color:#fff;color:var(--light)}.answer-section button:active{background-color:#b0cb1f;background-color:var(--accent);color:#1b1c1e;color:var(--dark);transform:scale(.8)}}@media (min-width:1441px){.answer-section button:hover{background-color:#900;background-color:var(--primary);color:#fff;color:var(--light)}.answer-section button:active{background-color:#b0cb1f;background-color:var(--accent);color:#1b1c1e;color:var(--dark);transform:scale(.8)}}
/*# sourceMappingURL=main.81bd3532.css.map*/