body {
  background:#F5EFE8;
  color:#2F2F2F;
}

.hero {
  padding:60px 20px;
  background:#7FAF9B;
  color:white;
}

.quiz-card {
  cursor:pointer;
  border-radius:12px;
  transition:transform .2s;
}
.quiz-card:hover { transform:scale(1.05); }

.debutant { background:#e6f4ea; }
.medium { background:#F4A261; color:white; }
.intermediaire { background:#7FAF9B; color:white; }

#map {
  height:450px;
  border-radius:12px;
}