/* @link https://utopia.fyi/type/calculator?c=360,16,1.667,1240,22,1.667,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

:root {
  --step--2: clamp(0.3599rem, 0.3047rem + 0.2454vw, 0.4948rem);
  --step--1: clamp(0.5999rem, 0.5079rem + 0.409vw, 0.8248rem);
  --step-0: clamp(1rem, 0.8466rem + 0.6818vw, 1.375rem);
  --step-1: clamp(1.667rem, 1.4113rem + 1.1366vw, 2.2921rem);
  --step-2: clamp(2.7789rem, 2.3526rem + 1.8947vw, 3.821rem);
  --step-3: clamp(4.6324rem, 3.9218rem + 3.1585vw, 6.3696rem);
  --step-4: clamp(7.7222rem, 6.5376rem + 5.2652vw, 10.6181rem);
  --step-5: clamp(12.8729rem, 10.8981rem + 8.777vw, 17.7003rem);
}

body {
  margin:clamp(2.7789rem, 2.3526rem + 1.8947vw, 3.821rem);
  background-color: #f2ebea;
  color: #303631;
  font-family: 'SN Pro';
  line-height: 140%;
}

.titre {
  font-size:clamp(4.6324rem, 3.9218rem + 3.1585vw, 6.3696rem);
  line-height: 125%;
}
.box1 {

}
.box2 {

}
  .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 {

  }

  .phrase {

  }
  #ensemble-title {

  }
  button {
    background-color: #303631;
    color: #f2ebea;
    padding: clamp(0.3599rem, 0.3047rem + 0.2454vw, 0.4948rem) clamp(0.5999rem, 0.5079rem + 0.409vw, 0.8248rem);
    position: fixed;
    bottom:clamp(1.667rem, 1.4113rem + 1.1366vw, 2.2921rem);
    right: clamp(1.667rem, 1.4113rem + 1.1366vw, 2.2921rem);

    border-radius: 8px;
    border: none;
  }

  button:hover{
    padding: clamp(0.5999rem, 0.5079rem + 0.409vw, 0.8248rem)clamp(1rem, 0.8466rem + 0.6818vw, 1.375rem);
  }