*{box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f4f4f4;margin:0;padding:20px;display:flex;flex-wrap:wrap;justify-content:center}.quiz-container{width:100%;max-width:700px;background:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px rgb(0 0 0 / .1);margin-bottom:20px}h1{text-align:center;color:#036}#timer{font-size:18px;font-weight:700;color:red;margin-bottom:15px;text-align:center}.question{font-size:20px;font-weight:700;color:#036;margin-bottom:15px;text-align:left}.options{display:flex;flex-direction:column;gap:10px}.options button{display:flex;align-items:center;padding:12px 16px;font-size:16px;border:1px solid #ccc;border-radius:6px;background-color:#f2f2f2;color:#000;cursor:pointer;text-align:left;transition:background-color 0.3s ease}.options button:hover{background-color:#e6f7ff;border-color:#91d5ff}.correct{background-color:#28a745!important;color:white!important;border-color:#28a745!important}.wrong{background-color:#dc3545!important;color:white!important;border-color:#dc3545!important}#nextBtn,#restartBtn{margin-top:15px;padding:10px 20px;font-size:16px;border:none;border-radius:5px;background-color:#060;color:#fff;cursor:pointer}#result{font-size:18px;margin-top:20px;font-weight:700;text-align:center}.sidebar{width:250px;background:#fff;margin-left:20px;padding:20px;border-radius:10px;box-shadow:0 0 10px rgb(0 0 0 / .1);font-size:16px;line-height:1.8}.sidebar span{font-weight:700}@media (max-width:768px){body{flex-direction:column;align-items:center}.sidebar{width:90%;margin-top:10px}.quiz-container{margin-bottom:10px}}