/* Animation pour changer la couleur du texte */
@keyframes colorChange {
    0%, 16.666% { color: red; }
    33.333% { color: blue; }
    50% { color: green; }
    66.666% { color: yellow; }
    83.333% { color: pink; }
    100% { color: purple; }
}

@keyframes bg_colorChange {
    0%, 16.666% { background-color: red; }
    33.333% { background-color: blue; }
    50% { background-color: green; }
    66.666% { background-color: yellow; }
    83.333% { background-color: pink; }
    100% { background-color: purple; }
}

@keyframes bg_colorChange_alpha {
  0%, 16.666% { background-color: rgba(255, 0, 0, 0.63); }
  33.333% { background-color: rgba(0, 0, 255, 0.668); }
  50% { background-color: rgba(0, 128, 0, 0.706); }
  66.666% { background-color: rgba(255, 255, 0, 0.685); }
  83.333% { background-color: rgba(255, 192, 203, 0.638); }
  100% { background-color: rgba(128, 0, 128, 0.643); }
}


@keyframes dropdown {
    from {
      transform: translateY(-100%);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }

@keyframes slidy {
    0% { left: 0%; }
    20% { left: 0%; }
    25% { left: -100%; }
    45% { left: -100%; }
    50% { left: -200%; }
    70% { left: -200%; }
    75% { left: -300%; }
    95% { left: -300%; }
    100% { left: -400%; }
}

/*----------------_FONTS------------*/

@font-face {
    font-family: 'ERROR 441'; /* Nom de la police (vous pouvez choisir le nom que vous voulez) */
    src: url('fonts/ENSADLED-Regular.woff2') format('woff2'); /* Spécifiez le chemin vers votre fichier de police */
    /* Vous pouvez également spécifier d'autres formats de police ici, par exemple, woff, ttf, etc. */
}

@font-face {
  font-family: 'D-DIN-Bold'; /* Nom de la police (vous pouvez choisir le nom que vous voulez) */
  src: url('fonts/D-DIN-Bold.woff2') format('woff2'); /* Spécifiez le chemin vers votre fichier de police */
  /* Vous pouvez également spécifier d'autres formats de police ici, par exemple, woff, ttf, etc. */
}

@font-face {
  font-family: 'D-DIN'; /* Nom de la police (vous pouvez choisir le nom que vous voulez) */
  src: url('fonts/D-DIN.woff2') format('woff2'); /* Spécifiez le chemin vers votre fichier de police */
  /* Vous pouvez également spécifier d'autres formats de police ici, par exemple, woff, ttf, etc. */
}

@font-face {
  font-family: 'D-DIN-Con'; /* Nom de la police (vous pouvez choisir le nom que vous voulez) */
  src: url('fonts/D-DINCondensed-Bold.woff2') format('woff2'); /* Spécifiez le chemin vers votre fichier de police */
  /* Vous pouvez également spécifier d'autres formats de police ici, par exemple, woff, ttf, etc. */
}