html,body{ /* reset css + police sans serif */
  background-image: url(assets/img/ep_naturalblack.png);
  font-family: sans-serif; /* police sans serif utilisee */
  margin: 0; /* supprime les marges par défaut du navigateur */
  box-sizing: border-box; /* modèle de boite avec les bordures */
  scroll-behavior: smooth!important; /* scroll progressif pour les ancres */
  font-size: 16px;
}

h1,
header img,
svg{
  text-align: center; /* centre le texte */
  display: block; /* force le svg en block */
  margin-left: auto; /* centre les balises */
  margin-right: auto; /* centre les balises
  width: min(28rem,90%); /* taille min à 28rem ou 90% */
}
h1{color: rgba(202, 225, 245, 0.831);
  font-size: 1.3em; /* ajuste la taille du h1 */
  font-weight: normal; /* enlève le bold */
  margin-top: 0; /* annule la marge */
  text-transform: uppercase; /* en majuscule */
}
main{
  margin-top: 5vw; /* marge en haut pour la partie principale */
  max-width:900px; /* largeur max */
  margin-left: auto; /* centre */
  margin-right: auto; /* centre */
  display: flex; /* positionnement flex pour les enfants */
  flex-wrap:wrap; /* passeront à la ligne si pas assez de place */
  gap:1em; /* espacement entre les éléments */
}
figure{ 
  margin: 0; /* pas de marges */
  flex-basis:calc(33.32% - .7em); /* largeur de l'enfant flex 33% - 7.em */
}
figure img{
  max-width:100%; /* image forcée à 100% */
}