*{box-sizing:border-box;margin:0;padding:0}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}.flex_std{align-items:center;display:flex;justify-content:center}.navContainer{background-color:#62249c;padding:1rem 0}.navContainer h1{color:#fff;font-style:italic}.quiz_block{padding-top:4rem}.quiz_container{background-color:#62249c;border-radius:20px;box-shadow:0 0 20px #a95bc9;color:#fff;max-width:500px;min-height:300px;padding:2rem;text-align:center;width:500px}.quiz_start_btn{all:unset;background-color:#6b86e6;border-radius:10px;cursor:pointer;font-size:16px;margin-top:3rem;padding:15px 50px;transition:.3s}.next_question_btn:hover,.quiz_start_btn:hover{background-color:#fff;color:#1d8bbe}.flex_col{align-items:center;display:flex;flex-direction:column;gap:1rem}.options_btn{all:unset;background-color:#a95bc9;border:1px solid #a95bc9;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;min-width:150px;padding:10px}.transparent{background-color:initial;-webkit-transform:scale(.9);transform:scale(.9)}.not_allowed{cursor:not-allowed;opacity:.5}.question{margin-bottom:1rem}.next-question-block{margin-top:2rem}.next_question_btn{background-color:#6b86e6;border:1px solid #6b86e6}.selectedBtn{background-color:#fff;color:#a95bc9}.error_text{color:red;margin-top:1rem}.flex_col>p{color:#fff;font-size:1.1rem}.quiz_score{color:#6b86e6;font-size:1.5rem}.selected_option{background:transparent;color:#fff;-webkit-transform:scale(.9);transform:scale(.9)}.display_content{-webkit-animation:display_text .3s ease-in;animation:display_text .3s ease-in}@-webkit-keyframes display_text{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes display_text{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (min-width:320px) and (max-width:580px){.quiz_container{width:80%}.display_content h2{font-size:20px}.quiz_start_btn{font-size:16px;margin-top:2rem;padding:10px 30px}.options_btn{font-size:15px;padding:8px}}
/*# sourceMappingURL=main.0c8e39dd.css.map*/