@import"https://fonts.googleapis.com/css2?family=Happy+Monkey&display=swap";body{background-image:url(/assets/wallpaper-C3VfXDGI.jpg);background-repeat:no-repeat;background-position:center;margin:0;overflow:hidden;font-family:Happy Monkey,system-ui}.question-container{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#99a125cc;max-width:60%;padding:30px;margin:40px auto;border-radius:15px;box-shadow:0 8px 16px #0003;position:relative;transition:transform .3s,box-shadow .3s}.question-container:hover{transform:translateY(-5px);box-shadow:0 16px 32px #0000004d}.question{border-radius:10px;max-width:30ch;word-wrap:break-word;color:#323232}.main-options{font-size:2em;color:#50720c;margin-top:20px}.answer-one:hover,.answer-two:hover,.answer-three:hover,.answer-four:hover{color:#9acd32;cursor:pointer;transition:color .3s}.feedback{margin-top:20px;font-size:1.2em;font-weight:700;color:green}.feedback.wrong{color:red}.results-container{text-align:center;margin-top:50px}.results-heading{font-size:1.8em;font-weight:700;color:#3c3c3c}.results-text{font-size:1.2em;margin:10px 0}.success-card{background-color:#fffae5;border-radius:15px;padding:20px;display:inline-block;box-shadow:0 8px 16px #0003;transition:transform .3s,box-shadow .3s}.success-card:hover{transform:translateY(-5px);box-shadow:0 16px 32px #0000004d}.success-card h1{font-size:2.2em;color:#006400;margin-bottom:10px}.success-card p{font-size:1.5em;color:green}.confetti-container{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;overflow:hidden;z-index:9999;display:none}.confetti{position:absolute;width:12px;height:12px;background-color:#ff0000b3;opacity:0;animation:confetti-fall 1.5s forwards}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.confetti:nth-child(odd){background-color:#00ff00b3}.confetti:nth-child(2n){background-color:#0000ffb3}@media (max-width: 768px){.question-container{max-width:90%;padding:20px;margin:20px auto}.main-options,.results-heading{font-size:1.5em}.results-text{font-size:1em}.success-card{padding:15px}.success-card h1{font-size:1.8em}.success-card p{font-size:1.2em}}