/* CSS Document */

/* Applique un fond noir à la page et centre le contenu */
body {
  background: #000; /* Fond noir */
  font: 12px Arial, Helvetica, sans-serif; /* Police et taille */
  color: #FFF; /* Texte blanc */
  display: flex; /* Centre horizontalement */
  justify-content: center; /* Centre horizontalement */
  align-items: center; /* Centre verticalement */
  height: 100vh; /* Hauteur de la page visible */
  margin: 0; /* Supprime les marges par défaut */
}

/* Conteneur du canvas */
#canvas_holder {
  width: 600px; /* Largeur réelle du canvas */
  height: 400px; /* Hauteur réelle du canvas */
  background: #000; /* Fond noir pour le conteneur */
  box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.3); /* Ombre subtile blanche */
  display: flex; /* Centrer le canvas s’il y a un espace vide */
  justify-content: center; /* Centre horizontalement le canvas */
  align-items: center; /* Centre verticalement le canvas */
  transform: scale(1.5); /* Agrandit visuellement le canvas de 1.5x */
  transform-origin: center; /* Centre le point d'agrandissement */
}

/* Canvas */
#canvas {
  width: 100%; /* Le canvas conserve ses proportions */
  height: 100%; /* Le canvas conserve ses proportions */
  display: block; /* Supprime l'espace blanc causé par le canvas inline */
  background: #000; /* Fond noir pour le canvas */
}