@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);*{box-sizing:border-box;color:#fff;font-family:Roboto,sans-serif;margin:0;padding:0}.start{background:linear-gradient(180deg,transparent,#020230),url(/static/media/background.c137ccd722d64133b4df.jpg) no-repeat;background-size:cover;height:100vh;justify-content:center;width:100vw}.start,.start-container{align-items:center;display:flex}.start-container{flex-direction:column;height:65%;min-width:260px;padding:16px;width:25%}.logo{height:250px;margin-bottom:32px;width:250px}.start-btn{background-color:#020230;border:3px solid #fff;border-radius:16px;cursor:pointer;font-size:36px;margin-top:58px;padding:16px 64px;transition:.3s}.start-btn:hover{background-color:#161680;border:3px solid #59599e}.quiz-main{display:flex;height:100vh;overflow:hidden;width:100vw}.question-side{background:linear-gradient(180deg,transparent,#020230),url(/static/media/background.c137ccd722d64133b4df.jpg) 50% no-repeat;background-size:cover;width:75%}.money-tree{background-color:#020230;border-left:.5px solid #59599e;display:flex;flex-direction:column-reverse;justify-content:flex-end;padding:32px 24px;width:25%}.money-bar{align-items:center;border-radius:8px;display:flex;margin:3px 0;padding:12px 24px;width:100%}.money-active{background-color:#161680}.text-muted{color:#f5f5f5;font-size:25px;font-weight:100;margin-right:64px;width:32px}.money-amount{font-size:25px;font-weight:400}.result-main{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%}.result-cong{font-size:48px;margin-bottom:16px}.result-text{font-size:64px;margin-bottom:16px}.record{font-size:28px;font-weight:300;margin-bottom:64px}.result-btn{background-color:#020230;border:3px solid #161680;border-radius:16px;cursor:pointer;font-size:36px;font-weight:700;padding:16px 32px;transition:.2s}.result-btn:hover{background-color:#161680;border:3px solid #59599e}.timer-area{height:50vh;position:relative;width:100%}.timer{border:3px solid #fff;border-radius:50%;bottom:0;font-size:64px;height:120px;left:32px;padding:16px;position:absolute;text-align:center;width:120px}.question-area{display:flex;flex-direction:column;height:50vh;padding:32px;width:100%}.question{align-items:center;background-color:#020230;border:1px solid #59599e;border-radius:16px;display:flex;font-size:24px;height:25vh;justify-content:center;margin:32px 0;padding:16px}.answers{grid-gap:32px;display:grid;gap:32px;grid-template-columns:auto auto}.answer{align-items:center;background-color:#020230;border:1px solid #59599e;border-radius:16px;cursor:pointer;display:flex;font-size:24px;justify-content:center;min-height:64px;transition:.2s;width:100%}.active,.answer:hover{background-color:#161680;border:1px solid #161680}.correct-answer{background-color:#00d100}.correct{-webkit-animation:correct 3s ease forwards;animation:correct 3s ease forwards}.wrong{-webkit-animation:wrong 3s ease forwards;animation:wrong 3s ease forwards}@-webkit-keyframes wrong{0%,22%,42%{background-color:#161680}20%,40%,60%{background-color:#020230}62%,to{background-color:#dc143c}}@keyframes wrong{0%,22%,42%{background-color:#161680}20%,40%,60%{background-color:#020230}62%,to{background-color:#dc143c}}@-webkit-keyframes correct{0%,22%,42%{background-color:#161680}20%,40%,60%{background-color:#020230}62%,to{background-color:#00d100}}@keyframes correct{0%,22%,42%{background-color:#161680}20%,40%,60%{background-color:#020230}62%,to{background-color:#00d100}}@media (max-width:400px){.question{margin:16px 0}.answer{min-height:48px}.answers{gap:16px}.timer{font-size:36px;height:80px;left:25%;width:80px}}@media (max-width:600px){.start-container{justify-content:center}.result-text{font-size:48px}.result-cong{font-size:36px}.answers{display:flex;flex-direction:column}.timer-area{align-items:center;display:flex;height:15vh;justify-content:center}.timer{left:0;position:relative;text-align:center}.question-area{height:85vh;padding:10px}}@media (max-width:1050px){.money-tree{display:none}.question-side{width:100vw}.question-area{height:90vw}.timer-area{height:25vh}.start-container{height:100%;width:100%}.start-btn{margin-top:36px}}@media (max-width:1300px){.money-tree{padding:16px}.money-bar{margin:2px;padding:8px}}
/*# sourceMappingURL=main.95479761.css.map*/