html,body{ /* reset css + police sans serif */

  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: 32px;
 font-family: "Odibee Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

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{
  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% */
}