html,
body {
  margin: 0;
  padding: 0;
}
canvas {
  display: block;
}

#main-page {
  background-image: url("assets/images/bg.png") !important;
  background-size: cover;
}

.black-ops-one-regular {
  font-family: "Black Ops One", system-ui;
  font-weight: 400;
  font-style: normal;
}

.wallpoet-regular {
  font-family: "Wallpoet", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.russo-one-regular {
  font-family: "Russo One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.bai-jamjuree-semibold {
  font-family: "Bai Jamjuree", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.bungee-spice-regular {
  font-family: "Bungee Spice", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.tilt-prism {
  font-family: "Tilt Prism", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "XROT" 0, "YROT" 0;
}

.bai-jamjuree-regular {
  font-family: "Bai Jamjuree", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* Style pour le panneau de configuration */
#game-config {
  transition: transform 0.3s ease-in-out;
  transform: translateX(100%); /* Cache le panneau à droite */
}

#game-config.show {
  transform: translateX(0); /* Affiche le panneau en le faisant glisser */
}

/* Style pour le bouton d'affichage et de fermeture */
#show-config-btn,
#close-config-btn {
  transition: background-color 0.2s ease;
}

#show-config-btn:hover,
#close-config-btn:hover {
  background-color: #4b5563; /* Change la couleur au survol */
}