.quiz-container{margin:0 auto;max-width:900px;padding:20px}form#quizForm{background:transparent;border:0;padding:0}.quiz-container h1{color:#562e8d;font-size:34px;margin-bottom:18px;text-align:center}.quiz-container .question{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.16);margin-bottom:20px;padding:20px}.quiz-container .question h3{color:#000;font-size:21px;margin-bottom:15px}.quiz-container .option{border:1px solid #ddd;border-radius:8px;cursor:pointer;display:block;margin-bottom:8px;padding:10px 15px;transition:.3s}.quiz-container .option:hover{background:#f0ebfa;border-color:#562e8d}.quiz-container input[type=radio]{margin-right:10px}.quiz-container .submit-btn{background:#e07425;border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:18px;padding:15px;width:100%}.quiz-container .submit-btn:hover{background:#c95f1d}.quiz-container .result{background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.08);display:none;margin-top:30px;padding:25px}.quiz-container .result h2{color:#562e8d;font-size:26px}div#result p{margin-bottom:12px}.quiz-container .result ul{margin:0 0 13px;padding-left:8px}.quiz-container .result ul li p{margin-bottom:0!important}.quiz-container .result ul li{margin:0 8px}.quiz-container .tag{color:#e07425;font-weight:700}@media(max-width:768px){.quiz-container{padding:5px}.quiz-container .question{padding:10px}}