:root{--white:#fff;--marine-blue:#2f527b;--yellow:#f9a826;--purple:rgba(96,102,208,.8);--red:#ea8282;--green:#60bf88;--font-lg:28px;--font-md:20px;--font-sm:16px;--font-xsm:12px;--font-poppins:"Poppins",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;font-family:var(--font-poppins);height:100%}.App,body{width:100%}.App{align-items:center;background-image:url(/static/media/background.41dbc5504a105eae7176.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.main{padding:72px 8px}.highscore-container{align-items:center;background:#fff;background:var(--white);border-radius:14px;color:green;display:flex;justify-content:flex-start;margin:0 auto}.score-container{align-items:center;display:flex;font-size:18px;font-weight:700;justify-content:space-around;padding:6px 32px}.highscore-label{color:#f9a826;color:var(--yellow);margin-right:24px}.player-score{font-size:24px}.quiz-type-container{align-items:flex-start;background:#fff;background:var(--white);border-radius:24px;display:flex;flex-direction:column;justify-content:center;margin-top:72px;min-height:300px;padding:32px;width:464px}.quiz-type-header1{color:#f9a826;color:var(--yellow);font-size:24px}.quiz-type-header2{color:rgba(96,102,208,.8);color:var(--purple);font-size:18px;margin-top:24px}.quiz-type-options{width:100%}.quiz-type-option{background:#f9a826;background:var(--yellow);border-radius:24px;box-shadow:0 0 5px #f9a826;box-shadow:0 0 5px var(--yellow);color:#fff;cursor:pointer;font-weight:700;margin:12px 0;padding:12px 24px;transition:.3s ease-in}.quiz-type-option:hover{-webkit-transform:scale(1.01);transform:scale(1.01)}.quiz-container{color:#fff;color:var(--white);margin:72px auto auto;width:464px}.quiz-header{font-size:28px;font-size:var(--font-lg);font-weight:700;margin-bottom:12px}.quiz-content{align-items:flex-start;background:#fff;background:var(--white);border-radius:24px;display:flex;flex-direction:column;justify-content:center;min-height:450px;padding:50px 32px 32px;position:relative;width:464px}.top-img{position:absolute;right:0;top:-15%}.quiz-question{color:#2f527b;color:var(--marine-blue);font-size:20px;font-size:var(--font-md);font-weight:700}.quiz-question-img{margin-top:12px;width:72px}.quiz-options{color:rgba(96,102,208,.8);color:var(--purple)}.quiz-option{align-items:center;border:2px solid rgba(96,102,208,.8);border:2px solid var(--purple);border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-size:var(--font-sm);justify-content:flex-start;margin:12px 0;padding:12px;width:400px}.quiz-option span{font-size:20px;font-size:var(--font-md);font-weight:500;margin-right:36px}.quiz-option-item:nth-child(2n){margin-right:auto}.next-btn{align-self:flex-end;background:#f9a826;background:var(--yellow);border:none;border-radius:12px;box-shadow:0 2px 4px rgba(252,168,47,.4);color:#fff;color:var(--white);cursor:pointer;font-size:20px;font-size:var(--font-md);font-weight:700;height:56px;margin:12px 0;width:116px}.quiz-score-container{align-items:center;background:#fff;background:var(--white);border-radius:24px;display:flex;flex-direction:column;justify-content:center;margin:24px auto 0;min-height:300px;padding:24px;width:350px}.quiz-score_label{color:rgba(96,102,208,.8);color:var(--purple);font-size:24px;font-weight:700;margin-top:24px}.quiz-score_score{color:#60bf88;color:var(--green);font-size:50px;font-weight:700}.quiz-score-btns{align-items:center;display:flex;justify-content:center;margin-top:24px}.quiz-score-btn{border:none;border-radius:12px;color:#fff;color:var(--white);cursor:pointer;font-size:16px;font-weight:700;padding:14px 28px}.quiz-score-btn:first-child{background:#f9a826;background:var(--yellow);box-shadow:0 0 4px #f9a826;box-shadow:0 0 4px var(--yellow)}.footer{align-items:center;color:#60bf88;color:var(--green);display:flex;font-weight:700;justify-content:center;padding-bottom:24px;width:100%}.footer a{color:#f9a826;color:var(--yellow);margin-right:12px}.quiz-option:hover{-webkit-transform:scale(1.01);transform:scale(1.01)}.option-active{background:rgba(96,102,208,.8);background:var(--purple);border:2px solid rgba(96,102,208,.8);border:2px solid var(--purple)}.correct,.option-active{color:#fff;color:var(--white)}.correct{background:#60bf88;background:var(--green);border:2px solid #60bf88;border:2px solid var(--green)}.wrong{background:#ea8282;background:var(--red);border:2px solid #ea8282;border:2px solid var(--red);color:#fff;color:var(--white)}.hidden{display:none}@media screen and (max-width:500px){.highscore-container{width:300px}.score-container{padding:6px 24px}.quiz-container,.quiz-type-container{width:300px}.quiz-header{font-size:20px;font-size:var(--font-md)}.quiz-content{padding:24px 24px 0;width:300px}.top-img{top:-24px;width:80px}.quiz-question{font-size:16px;font-size:var(--font-sm)}.quiz-question-img{width:40px}.quiz-options{width:100%}.quiz-option{font-size:12px;font-size:var(--font-xsm);width:100%}.next-btn,.quiz-option span{font-size:16px;font-size:var(--font-sm)}.next-btn{height:36px;width:80px}.quiz-score-container{width:300px}}
/*# sourceMappingURL=main.0f5f5721.css.map*/