:root { 
  --black: #000000;
  --coconut: #fdfdfdb8;
  --coconut-2: #fdfdfd52;
  --coconut-3: #fdfdfd29;
  --coconut-4: #fdfdfd0a;
  --eerie-black: #191919b8;
  --eerie-black-2: #191919;
  --primary-color-blue500-primary: #40748f;
  --primary-color-green50: #f4f7f7;
  --red-ribbon: #e40040;
  --wit50-wit: #fdfdfd;
 
  --font-size-l: 16px;
  --font-size-m: 14px;
  --font-size-xl: 18px;
  --font-size-xxl: 24px;
  --font-size-xxxl: 36px;
  --font-size-xxxxl: 48px;
  --font-size-xxxxxl: 80px;
 
  --font-family-noto_sans-extralight: "Noto Sans-ExtraLight", Helvetica;
  --font-family-noto_sans-regular: "Noto Sans-Regular", Helvetica;
  --font-family-poppins: "Poppins", Helvetica;
}
.headingsh1 {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
}

.headingsh2 {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
}

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

.textregular-body-text {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.textsmall-body-text {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.buttonbutton {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
}

.navigatienavigatie-secundair {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0;
}

.poppins-semi-bold-coconut-14px {
  color: var(--wit50-wit);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.poppins-semi-bold-white-88px {
  font-family: var(--font-family-poppins);
  font-size: 88px;
  font-style: normal;
  font-weight: 600;
}

.notosans-regular-normal-coconut-18px {
  color: var(--wit50-wit);
  font-family: var(--font-family-noto_sans-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.poppins-semi-bold-white-80px {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 600;
}

.poppins-semi-bold-eerie-black-80px {
  color: var(--eerie-black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 600;
}

.poppins-semi-bold-eerie-black-80px-2 {
  color: var(--eerie-black-2);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 600;
}