:root{--primary-color: #007bff;--secondary-color: #28a745;--background-color: #f4f4f9;--text-color: #333;height:100%}body{background-color:var(--background-color);color:var(--text-color)}button{background-color:var(--primary-color)}button:hover{background-color:var(--secondary-color)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;height:100%}.question,.start-quiz{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:2rem;width:100%;max-width:600px;text-align:center}h1,h2,h3{color:#444}button{background-color:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}button:hover{background-color:#0056b3}@media (max-width: 600px){.App{padding:1rem}.start-quiz h1{font-size:1.5rem}.question h3{font-size:1.25rem}}.questionContainer{display:flex;padding:1em;gap:4em;align-items:center}.questionSolution{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:2rem;width:100%;max-width:600px;display:flex;gap:.5em;flex-direction:column}.question{display:flex;flex-direction:column;align-items:center;width:100%}.question h3{font-size:1.5em;margin-bottom:1em}.question ul{list-style:none;width:100%;max-width:400px}.question li{margin:.5em 0}.question[isAnswered=true] button{pointer-events:none;cursor:not-allowed}.question button{width:100%;padding:1em;font-size:1em;background-color:#f8f9fa;color:#333;border:1px solid #ddd;border-radius:5px;transition:background-color .3s ease,transform .2s ease}.question button:hover{background-color:#e9ecef;transform:translateY(-2px)}.question button:active{transform:translateY(0)}.nextQues{position:absolute;bottom:2em;right:2em}.countdownTimer{position:absolute;top:4em;left:2em}.start-quiz{display:flex;flex-direction:column;align-items:center}.start-quiz h1{font-size:2rem;margin-bottom:1rem}.start-quiz button{font-size:1.25rem;padding:1rem 2rem}header{background-color:var(--text-color);color:#fff;display:flex;align-items:center;padding:.5em 1em;gap:1em;font-weight:700}.quiz{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;flex:1}.quiz-summary{display:flex;flex-direction:column;align-items:center;gap:1rem}.quiz-summary h2{font-size:1.75rem;color:#28a745}.quiz-summary p{font-size:1.25rem;color:#555}#root,.App{background-color:#f4f4f9;color:#333;height:100%}.App{display:flex;flex-direction:column}