.newquiz-wrap { text-align:center; margin:18px auto; max-width:640px; }
.newquiz-question { font-size:20px; margin-bottom:12px; }
.newquiz-options { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }

.newquiz-option {
  display:inline-block;
  border:none;
  background:#fff;
  padding:6px;
  cursor:pointer;
  border-radius:8px;
  box-shadow:0 1px 3px rgba(0,0,0,0.12);
  width:140px;
}

.newquiz-opt-img { width:100px; height:auto; display:block; margin:0 auto 6px; }
.newquiz-opt-label { font-size:16px; }

.newquiz-correct { outline:3px solid #37b24d; }
.newquiz-wrong { outline:3px solid #e03131; }

.newquiz-controls { margin-top:14px; display:flex; justify-content:center; gap:10px; }
.newquiz-btn { padding:8px 14px; border-radius:6px; border:none; cursor:pointer; }
.newquiz-menu { background:#f44336; color:#fff; }
.newquiz-next { background:#4caf50; color:#fff; }

/* Style for option buttons */
.newquiz-option {
  display: inline-block;
  background: #fff;
  padding: 15px 25px;
  margin: 10px;
  font-size: 20px;
  cursor: pointer;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  transition: background 0.2s;
}

.newquiz-option:hover {
  background: #f0f0f0;
}

/* Style for control buttons (Start, Next, Back to Menu) */
#newquiz-controls button,
#newquiz-start {
  padding: 12px 24px;
  margin: 8px;
  font-size: 18px;
  border-radius: 6px;
  cursor: pointer;
}
.newquiz-option {
  display: inline-block;
  background-color: #e6f2ff;   /* light blue */
  padding: 15px 25px;
  margin: 10px;
  font-size: 20px;
  cursor: pointer;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  transition: background 0.2s;
  text-align: center;
}

.newquiz-option:hover {
  background-color: #cce6ff;   /* darker blue on hover */
}

.newquiz-opt-img {
  width: 100px; 
  height: auto;
  display: block;
  margin: 0 auto 8px; /* centers image and adds space below */
}
/* Control buttons: Start, Next, Back to Menu */
#newquiz-controls button,
#newquiz-start {
  background-color: #4CAF50;   /* green */
  color: #fff;
  padding: 12px 24px;
  margin: 8px;
  font-size: 18px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  transition: background 0.2s;
}

#newquiz-controls button:hover,
#newquiz-start:hover {
  background-color: #45a049;   /* darker green on hover */
}

#newquiz-question {
  font-size: 24px;     /* bigger */
  font-weight: bold;   /* bolder */
  color: #0073e6;      /* blue */
  margin-bottom: 15px; /* spacing below question */
  text-align: center;  /* centered */
  line-height: 1.9;   /* increases space between lines */
}

.newquiz-title {
  text-align: center;
  font-size: 25px !important;
   font-weight: bold;  
  color: #2a5bd7 !important;
  margin-bottom: 15px;
   line-height: 1 !important;
}

.newquiz-instruction {
  text-align: center;
  font-size: 20px;
  color: #e63946;
  margin-bottom: 15px;
}