:root {
  --noir: #000000;
  --gris: #211e1e;
  --lime: #80f956;
  --vertpastel: #ddfcd1;
  --blanc: #ffffff;
  --Karla: "Karla";
}

h1,
.h1 {
  font-family: var(--Karla);
  font-size: 32px;
  font-weight: 600;
  color: var(--blanc);
}

h2,
.h2 {
  font-family: var(--Karla);
  font-size: 24px;
  font-weight: 600;
  color: var(--blanc);
}

h3,
.h3 {
  font-family: var(--Karla);
  font-size: 20.8px;
  font-weight: 600;
  color: var(--blanc);
}

h4,
.h4 {
  font-family: var(--Karla);
  font-size: 16px;
  font-weight: 600;
  color: var(--blanc);
}

h5,
.h5 {
  font-family: var(--Karla);
  font-size: 12.8px;
  font-weight: 600;
  color: var(--blanc);
}

h6,
.h6 {
  font-family: var(--Karla);
  font-size: 11.2px;
  font-weight: 600;
  color: var(--blanc);
}

/*------ Styles Généraux ------*/

/*------ Section Hero ------*/