html,body{ /* reset css + police sans serif */
  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;
   background-color: rgb(40, 27, 27); /* clem*/
}
header{
   background-image: url("fancy-cushion.avif");/* clem*/
   padding: 3rem 0; 
}

h1,
header,
img,
svg path{
  fill: #fceddb; /*clem*/
  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: 1; /* annule la marge */ /* 1 clem */
  text-transform: uppercase; /* en majuscule */
  color: #fceddb;
}
main{
  margin-top: 5vw; /* marge en haut pour la partie principale */
  max-width:68rem; /*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% */
}
figcaption{
  padding-top: 2rem;
}
figcaption a{
  color: #fceddb;
  text-decoration: none;
}