body {
  background-color: #8AC3C3;
  color: #2C1242;


  font-family: "Afacad", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: clamp(1rem, 0.8765rem + 0.3953vw, 1.25rem);
}

.titre {
  padding-right: calc(100vh / 6);
  padding-left: calc(100vh / 6);
  background-color: #6F167A;
  padding-top: 25px;
  padding-bottom: 25px;
  margin: -10px;
}
.box1 {
  font-size: 41px;
  color: #8AC3C3;
}
.box2 {
   font-size: 32px;
   margin: 0;
   margin-bottom: 25px;
   background-color: #8AC3C3;
   padding: 12px;
   border-radius: 12px;
}
  .grid-container {
    display: grid;
    grid-template-columns: auto 2fr; /* Colonne gauche fixe à 100px, droite flexible */
    gap: 1em; /* Espacement entre les colonnes */
    align-items: baseline; /* Alignement vertical des items */
    margin-bottom: 25px; /* Espacement entre les phrases */
    margin-top: 25px;
  }
#combinaisons{
  margin-left: calc(100vh / 6);
  margin-right: calc(100vh / 6);
}
  .numero {
   color: #6F167A;
  }
  p{
   margin: 0;
  }

  .phrase {
   font-size: 20px;
   margin-left: calc(100vh / 6);
   margin-right: calc(100vh / 6);
 
  }
  #ensemble-title {
  
  }

  button {
    color: #8AC3C3;
    background-color: #6F167A;
    border-radius: 10px;
    padding: 16px;
    font-size: 20px;
    border-color: #2C1242;
    margin-left:32px ;
  }
  h1{
    margin-top: 41px;
    margin-bottom: 32px;
   
  }