/* @link https://utopia.fyi/type/calculator?c=360,18,1.125,1240,24,1.25,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.8889rem, 0.8598rem + 0.1293vw, 0.96rem);
  --step--1: clamp(1rem, 0.9182rem + 0.3636vw, 1.2rem);
  --step-0: clamp(1.125rem, 0.9716rem + 0.6818vw, 1.5rem);
  --step-1: clamp(1.2656rem, 1.0163rem + 1.108vw, 1.875rem);
  --step-2: clamp(1.4238rem, 1.0475rem + 1.6726vw, 2.3438rem);
  --step-3: clamp(1.6018rem, 1.0586rem + 2.4143vw, 2.9297rem);
  --step-4: clamp(1.802rem, 1.0411rem + 3.382vw, 3.6621rem);
  --step-5: clamp(2.0273rem, 0.984rem + 4.637vw, 4.5776rem);
}

body {
    margin: 0;
    padding: clamp(1.4238rem, 1.0475rem + 1.6726vw, 2.3438rem) clamp(2.0273rem, 0.984rem + 4.637vw, 4.5776rem);
    font-family: "Google Sans", sans-serif;
    background-color: #63458A;
    color:#E4B7E5 ;
}

h1{
  font-size: clamp(2.0273rem, 0.984rem + 4.637vw, 4.5776rem);
}

#combinaisons {
    position: relative;
    width: 100%;
}

.grid-container {
    position: absolute;
    display: flex;
    gap: 0.5em;
    max-width: 600px;
}

.numero {
    font-weight: bold;
    opacity: 0.5;
}

.phrase {
    margin: 0;
    font-size: clamp(0.8889rem, 0.8598rem + 0.1293vw, 0.96rem);
    font-family: "SN Pro", sans-serif;
}