.quiz{width:100%;height:100vh;background-image:linear-gradient(#621be7,#b131f3);display:flex;justify-content:center;align-items:center}.questionCard{max-width:700px;width:100%}.questionCard-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1rem}.questionCard button{width:100%;height:50px;background-color:#bb41f8;color:#fff;font-size:18px;border:1px solid transparent;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-top:1rem;transition:all .3s ease-in-out}.questionCard button:hover{background-color:#5679c47e;transform:scale(1.02)}.questionCard-timer{width:45px;height:45px;font-size:1.5rem;font-weight:600;color:#fff;background-color:#bb41f8;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem;margin-bottom:1rem}.modal-btn{width:350px;height:50px;font-size:1.5rem;background:#621be7;color:#fff;border:none;border-radius:5px;display:flex;justify-content:center;align-items:center;margin-top:1.5rem;cursor:pointer;transition:all .3s ease-in-out}.modal-btn:hover{background:#fff;color:#621be7}.modal-btn:focus{outline:none}.modal{text-align:center}.modal-title{font-size:2rem;font-weight:700;color:#fff}.dropdown select{width:350px;height:50px;border:1px solid lightgray;border-radius:10px}.introduce{width:100%;height:100vh;background-image:linear-gradient(#621be7,#b131f3);display:flex;justify-content:center;align-items:center}.introduce-container{max-width:700px;width:100%;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;border:1px solid transparent;border-radius:10px}.introduce-btn{width:350px;height:50px;background-color:#b131f3;color:#fff;font-size:18px;border:1px solid transparent;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-top:1rem}body{background-color:#f5f5f5;font-family:Roboto,sans-serif;font-size:16px;color:#333;margin:0;padding:0;box-sizing:border-box}