body {
  background-image: linear-gradient(to right, #d4fc79 0%, #96e6a1  100%); 
  padding: 15px 45px;
  text-align: center;
  background-size: 100% auto;
  color: #000000;        
}

.titre {
font-size: clamp(1.4375rem, 1.3352rem + 0.5455vw, 1.8125rem);
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

}

.box2 {
font-size: clamp(1rem, 0.8807rem + 0.6364vw, 1.4375rem);
}
#ensemble-id{
  color: rgb(36, 129, 31);

}
  .grid-container {
    display: grid;
    grid-template-columns: auto 1fr; /* Colonne gauche fixe à 100px, droite flexible */
    gap: 1em; /* Espacement entre les colonnes */
    align-items: baseline; /* Alignement vertical des items */
    margin-bottom: 1em; /* Espacement entre les phrases */
  }

  .numero {
    font-size: clamp(1rem, 0.6932rem + 1.6364vw, 2.125rem);
    color: rgb(107, 111, 36);
  }

  .phrase {
     font-size: clamp(1rem, 0.8636rem + 0.7273vw, 1.25rem);
     font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  }

  button {
    cursor: pointer;
    color: rgb(0, 61, 25);
    padding: 10px;
    border: solid 2px #89d005;
    border-radius: 50px;
    background-image: linear-gradient(to right, #d4fc79 0%, #96e6a1  100%);
    transition: ease 0.2s;
  }
  button:hover{
    box-shadow: 0px 0px 10px rgba(21, 56, 0, 0.296);
  }