/*google ai a proposé de utilisé ce code basée sur des reference de w3 schools*/
.button-jeopardy {
  background-color: #1a1aff;
  color: #ffcc00;
  border: 2px solid #ffcc00;
  font-family: "Arial Black", Gadget, sans-serif;
  font-size: 32px;
  font-weight: bold;
  padding: 20px 40px;
  text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: all 0.2s ease; /* Smooth hover transition */
}

/* Hover Effect: brighten the tile */
.button-jeopardy:hover {
  background-color: #030BA3;
  box-shadow: 0px 0px 30px #ffcc00;
}

/* Active State: simulate being "clicked" */
.button-jeopardy:active {
  transform: scale(0.95);
  background-color:  #1a1aff;
}