/*
 * animations.css
 *
 * Feuille de style dédiée aux animations globales du site.
 * Elle définit un effet de fondu au chargement de la page et des
 * animations d'apparition pour les éléments qui portent les classes
 * `anim-init` et `anim-active`. Ces classes sont gérées par le
 * script `animations.js`.
 */

/* Fondre la page lors du chargement */
body {
  opacity: 0;
  transition: opacity 0.6s ease;
}

body.page-loaded {
  opacity: 1;
}

/* Éléments à faire apparaître en douceur au scroll */
.anim-init {
  opacity: 0;
  transform: translateY(16px);
}

.anim-active {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.6s ease, transform 0.6s ease;
}