body {
   font-family: Arial, sans-serif;
   background: #f4f4f4;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100vh;
   margin: 0;
}

.quiz-container {
   background: white;
   padding: 20px;
   border-radius: 10px;
   width: 400px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

h1 {
   text-align: center;
}

#question {
   margin-bottom: 20px;
}

ul {
   list-style: none;
   padding: 0;
}

li {
   margin: 10px 0;
}

button {
   margin-top: 15px;
   padding: 10px;
   width: 100%;
   background: seagreen;
   color: white;
   border: none;
   border-radius: 6px;
   cursor: pointer;
}

button:disabled {
   background: gray;
   cursor: not-allowed;
}

#timer {
   margin-top: 10px;
   font-weight: bold;
   color: #333;
}