:root { 
  --bay-of-many: #243c9a;
  --bianca: #fcfaf5;
  --orchid-white: #fffcf2;
 
  --font-size-666px: 666px;
  --font-size-l: 30px;
  --font-size-m: 25px;
  --font-size-s: 18px;
  --font-size-xl: 36px;
  --font-size-xs: 16px;
  --font-size-xxl: 70px;
  --font-size-xxxl: 80px;
 
  --font-family-millimetre: "Millimetre", Helvetica;
  --font-family-millimetre-bold: "Millimetre-Bold", Helvetica;
  --font-family-millimetre-extrablack: "Millimetre-Bold", Helvetica;
  --font-family-vollkorn: "Vollkorn", Helvetica;
  --font-family-work_sans: "Work Sans", Helvetica;
}
.desktop-h1---vollkorn--80pt {
  font-family: var(--font-family-vollkorn);
  font-size: 80%;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.desktop-h3--millimetre--36pt {
   color: var(--bay-of-many);
   font-family: var(--font-family-millimetre-extrablack);
   font-size: var(--font-size-xl);
   font-style: normal;
   font-weight: 450;
   letter-spacing: 0;
}

.desktop-h2---millimetre--70pt {
  font-family: var(--font-family-millimetre-extrablack);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 950;
  letter-spacing: 0;
}

.desktop-p--vollkorn--25pt {
  font-family: var(--font-family-vollkorn);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.desktop-p--vollkorn--18pt {
  font-family: var(--font-family-vollkorn);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.x404-p---millimetre--666pt {
  font-family: var(--font-family-millimetre-extrablack);
  font-size: var(--font-size-666px);
  font-style: normal;
  font-weight: 950;
  letter-spacing: 0;
}

.desktop-p-blau-vollkorn-bold--25pt {
  font-family: var(--font-family-vollkorn);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.millimetre-bold-bay-of-many-16px {
  color: var(--bay-of-many);
  font-family: var(--font-family-millimetre-bold);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

.vollkorn-normal-bianca-18px {
  color: var(--bianca);
  font-family: var(--font-family-vollkorn);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.millimetre-extra-black-bianca-30px {
  color: var(--bianca);
  font-family: var(--font-family-millimetre-extrablack);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 950;
}

.millimetre-extra-black-bianca-25px {
  color: var(--bianca);
  font-family: var(--font-family-millimetre-extrablack);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 950;
}

.vollkorn-normal-bianca-36px {
  color: var(--bianca);
  font-family: var(--font-family-vollkorn);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.millimetre-normal-bianca-30px {
  color: var(--bianca);
  font-family: var(--font-family-millimetre);
  font-size: var(--font-size-l);
}

.millimetre-bold-bay-of-many-16px-2 {
  color: var(--bay-of-many);
  font-family: var(--font-family-millimetre);
  font-size: var(--font-size-xs);
}

.millimetre-extra-black-bay-of-many-30px {
  color: var(--bay-of-many);
  font-family: var(--font-family-millimetre-extrablack);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 950;
}

.millimetre-extra-black-bianca-70px {
  color: var(--bianca);
  font-family: var(--font-family-millimetre-extrablack);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 950;
}

.vollkorn-normal-bay-of-many-25px {
  color: var(--bay-of-many);
  font-family: var(--font-family-vollkorn);
  font-size: var(--font-size-m);
}
