:root { 
  --black: #000000;
  --blanc: #fafafa;
  --encre: #50607e;
  --fond: #eceff5;
 
  --font-size-l: 16px;
  --font-size-m: 13px;
  --font-size-xl: 22px;
  --font-size-xxl: 30px;
  --font-size-xxxl: 40px;
 
  --font-family-fredoka: "Fredoka", Helvetica;
}
.gros-titre {
  font-family: var(--font-family-fredoka);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
}

.titre {
  font-family: var(--font-family-fredoka);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
}

.sous-titre {
  font-family: var(--font-family-fredoka);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
}

.gros-corps {
  font-family: var(--font-family-fredoka);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.corps {
  font-family: var(--font-family-fredoka);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.lger-corps-secondaire {
  font-family: var(--font-family-fredoka);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}