html{box-sizing:border-box;font-size:62.5%}*,:after,:before{box-sizing:inherit}body{color:#333;font-family:sans-serif;font-size:1.6rem;margin:0;padding:0}ol,ul{list-style:none}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer}section{padding:1rem}h1,h2,h3,h4,h5,h6{margin:0;padding:0}.quiz-container{height:100vh}.quiz-question-block{align-items:center;display:grid;grid-template-columns:1fr 1fr;height:100%;width:100%}.question_header{background:#e2f8fe;border-radius:15px;color:#74b3cd;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;padding:0 50px}.question_header h2{color:#0b7faa}.quiz-choices{padding:0 50px;width:100%}.quiz-choices button{border:1px solid #0b7faa;border-radius:5px;color:#0b7faa;margin-bottom:25px;padding:15px 10px;text-align:start;transition:background .2s ease-in-out,color .2s ease-in-out;width:100%}.quiz-choices button:hover{background:#0b7faa;color:#fff}.quiz-choices img{margin-bottom:50px;max-height:100px;object-fit:contain;width:100%}@media screen and (max-width:768px){.quiz-question-block{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto}.quiz-choices img{margin-top:50px;max-height:50px}.question_header{padding:25px}.quiz-choices{padding:0 25px}.question_header h2{font-size:2rem}}.quiz-start{align-items:center;color:#0b7faa;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}.quiz-start button{border-radius:5px;color:#0b7faa;margin-top:25px;overflow:hidden;padding:15px 25px;position:relative}.quiz-start button:before{background:#e2f8fe;left:0}.quiz-start button:after,.quiz-start button:before{content:"";height:100%;position:absolute;top:0;width:100%;z-index:-1}.quiz-start button:after{background:#a6f2ff;left:-100%;rotate:45deg;transform-origin:center;transition:left .6s ease-in-out}.quiz-start button:hover:after{left:100%}.quiz-results{align-items:center;display:flex;flex-direction:column;width:100%}@keyframes appear{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}.quiz-result-item{--correct:attr(data-is-correct);border:2px solid if(style(--correct:"correct"):green; else:crimson;);border-radius:5px;margin-bottom:25px;padding:25px}.quiz-result-item:not(:last-child){animation-timeline:view();animation-range:entry 25% cover 50%;animation:appear ease-in-out}.quiz-restart-button{background:#e2f8fe;border-radius:5px;color:#0b7faa;margin-bottom:200px;padding:15px 25px;transition:all .3s ease-in-out}.quiz-restart-button:hover{background:#0b7faa;color:#fff}.success_anim{align-items:center;animation:animSucess 3s ease-in-out forwards;background:#fff;color:#0b7faa;display:flex;flex-direction:column;gap:25px;height:100vh;justify-content:center;position:fixed;width:100%;z-index:99999}@keyframes animSucess{0%{opacity:1}to{display:none;opacity:0;visibility:hidden}}.quiz-intro{text-align:center}.quiz-results-title{margin-top:50px}
/*# sourceMappingURL=main.ba625c02.css.map*/