*{padding:0;margin:0;box-sizing:border-box}body{display:flex;justify-content:center;align-items:center;text-align:center;background-color:#6b21a8;width:100vw;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body .quiz-container .header{display:flex;justify-content:space-between;align-items:center;width:100vw;background-color:#a21caf;height:5rem;border-bottom-left-radius:1.8rem;border-bottom-right-radius:1.8rem;padding:0 1rem}body .quiz-container .header p{color:#fff;font-size:1.5rem;font-weight:600}body .quiz-container h2{text-align:left;color:#fff;padding:1rem 0 1rem 1rem}body .quiz-container .question-container{color:#fff;font-size:2rem;font-weight:500;width:90vw;margin:auto}body .quiz-container .option-container{width:90vw;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;padding:2rem 0;margin:auto;gap:1rem}body .quiz-container .option-container ul li{list-style:none;background-color:#fff;border:4px solid hsl(295,98%,49%);text-align:center;color:#6b21a8;font-size:1.5rem;font-weight:500;padding:1.5rem 0;border-top-left-radius:2rem;border-bottom-right-radius:1rem}body .quiz-container button{padding:1.5rem 3rem;margin-top:3rem;border-radius:1rem;border:4px solid hsl(295,98%,49%);font-size:2rem;font-weight:600;color:#6b21a8}body .score{background-color:#fff;font-size:3rem;font-weight:600;border:4px solid hsl(295,98%,49%);height:75vw;width:90vw;color:#6b21a8;margin:auto;margin-top:5rem}@media screen and (min-width: 1200px){body .quiz-container .question-container,body .quiz-container .option-container{width:50vw;row-gap:3rem;column-gap:5rem}body .quiz-container .option-container ul li{font-size:1.9rem;padding:1rem 0}body .quiz-container button{padding:1rem 2rem}body .score{height:25vw;width:50vw}}