body, html {
  height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f0f0f0;
}
#wheelOfFortune {
  position: relative;
  text-align: center;
  background: white;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
#indicator {
  position: absolute;
  top: 50%; /* Centré verticalement par rapport au canvas */
  right: calc(50% - 250px - 20px); /* Ajustez cette valeur pour positionner le repère correctement */
  transform: translateY(-50%) rotate(-90deg); /* Rotation de 90 degrés pour pointer vers la droite */
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid black; /* La pointe du repère */
}
#spinButton {
  margin-top: 20px;
}
#wheelCanvas {
  margin: 0 auto;
  display: block; /* Center the canvas */
}