:root { 
  --alizarin-crimson: #d9232e;
  --black: #000000;
  --black-2: #030303;
  --french-gray: #b8bac4;
  --gray-nurse: #eaeaea;
  --heavy-metal: #2d2d2d;
  --monsoon: #898989;
  --mountain-mist: #969799;
  --white: #ffffff;
 
  --font-size-l: 20px;
  --font-size-m: 16px;
  --font-size-s: 15px;
  --font-size-xs: 12.5px;
  --font-size-xxs: 12px;
  --font-size-xxxs: 10px;
  --font-size-xxxxs: 8px;
 
  --font-family-gill_sans: "Gill Sans", Helvetica;
  --font-family-gillsans: "GillSans", Helvetica;
  --font-family-gillsans-bold: "GillSans-Bold", Helvetica;
  --font-family-gillsans-italic: "GillSans-Italic", Helvetica;
  --font-family-gillsans-regular: "GillSans-Regular", Helvetica;
  --font-family-gillsans-semibold: "GillSans-SemiBold", Helvetica;
  --font-family-optima-bold: "Optima-Bold", Helvetica;
}
.optima-bold-black-8px {
  color: var(--black);
  font-family: var(--font-family-optima-bold);
  font-size: var(--font-size-xxxxs);
  font-style: normal;
  font-weight: 700;
}

.gillsans-normal-black-16px {
  color: var(--black);
  font-family: var(--font-family-gillsans);
  font-size: var(--font-size-m);
  font-style: normal;
}

.optima-bold-black-12-5px {
  color: var(--black);
  font-family: var(--font-family-optima-bold);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

.gillsans-normal-black-12px {
  color: var(--black);
  font-family: var(--font-family-gillsans);
  font-size: var(--font-size-xxs);
  font-style: normal;
}

.gillsans-normal-black-16px-2 {
  color: var(--black-2);
  font-family: var(--font-family-gillsans);
  font-size: var(--font-size-m);
  font-style: normal;
}

.optima-bold-black-13px {
  color: var(--black);
  font-family: var(--font-family-optima-bold);
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
}

.gillsans-bold-black-20px {
  color: var(--black);
  font-family: var(--font-family-gillsans-bold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.gillsans-regular-normal-black-10px {
  color: var(--black);
  font-family: var(--font-family-gillsans-regular);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 400;
}

.gillsans-regular-normal-black-8px {
  color: var(--black);
  font-family: var(--font-family-gillsans-regular);
  font-size: var(--font-size-xxxxs);
  font-style: normal;
  font-weight: 400;
}

.gillsans-semi-bold-white-16px {
  color: var(--white);
  font-family: var(--font-family-gillsans-semibold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.gillsans-semi-bold-white-12px {
  color: var(--white);
  font-family: var(--font-family-gillsans-semibold);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 600;
}

.gillsans-bold-black-15px {
  color: var(--black);
  font-family: var(--font-family-gillsans-bold);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.gillsans-regular-normal-black-12px {
  color: var(--black);
  font-family: var(--font-family-gillsans-regular);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.gillsans-semi-bold-black-16px {
  color: var(--black);
  font-family: var(--font-family-gillsans-semibold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.gillsans-semi-bold-black-12px {
  color: var(--black);
  font-family: var(--font-family-gillsans-semibold);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 600;
}

.gillsans-bold-white-20px {
  color: var(--white);
  font-family: var(--font-family-gillsans-bold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.gillsans-italic-normal-monsoon-12px {
  color: var(--monsoon);
  font-family: var(--font-family-gillsans-italic);
  font-size: var(--font-size-xxs);
  font-style: italic;
  font-weight: 400;
}

.gillsans-semi-bold-alizarin-crimson-16px {
  color: var(--alizarin-crimson);
  font-family: var(--font-family-gillsans-semibold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.optima-bold-alizarin-crimson-16px {
  color: var(--alizarin-crimson);
  font-family: var(--font-family-optima-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.gillsans-bold-alizarin-crimson-38px {
  color: var(--alizarin-crimson);
  font-family: var(--font-family-gillsans-bold);
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
}

.optima-bold-alizarin-crimson-10px {
  color: var(--alizarin-crimson);
  font-family: var(--font-family-optima-bold);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 700;
}

.gillsans-bold-alizarin-crimson-20px {
  color: var(--alizarin-crimson);
  font-family: var(--font-family-gillsans-bold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.gillsans-semi-bold-alizarin-crimson-12px {
  color: var(--alizarin-crimson);
  font-family: var(--font-family-gillsans-semibold);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 600;
}

.gillsans-bold-black-12px {
  color: var(--black);
  font-family: var(--font-family-gillsans-bold);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 700;
}

.gillsans-normal-black-10px {
  color: var(--black-2);
  font-family: var(--font-family-gillsans);
  font-size: var(--font-size-xxxs);
  font-style: normal;
}

.gillsans-italic-normal-monsoon-10px {
  color: var(--monsoon);
  font-family: var(--font-family-gillsans-italic);
  font-size: var(--font-size-xxxs);
  font-style: italic;
  font-weight: 400;
}

.gillsans-bold-white-12px {
  color: var(--white);
  font-family: var(--font-family-gillsans-bold);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 700;
}

.gillsans-bold-black-16px {
  color: var(--black);
  font-family: var(--font-family-gillsans-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.gillsans-normal-black-12px-2 {
  color: var(--black-2);
  font-family: var(--font-family-gillsans);
  font-size: var(--font-size-xxs);
  font-style: normal;
}

.gillsans-bold-black-30px {
  color: var(--black);
  font-family: var(--font-family-gillsans-bold);
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
}

.gillsans-normal-black-8px {
  color: var(--black);
  font-family: var(--font-family-gillsans);
  font-size: var(--font-size-xxxxs);
  font-style: normal;
}

.gillsans-normal-black-6px {
  color: var(--black);
  font-family: var(--font-family-gillsans);
  font-size: 6px;
  font-style: normal;
}

.gillsans-bold-alizarin-crimson-18px {
  color: var(--alizarin-crimson);
  font-family: var(--font-family-gillsans-bold);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}

.gillsans-normal-monsoon-10px {
  color: var(--monsoon);
  font-family: var(--font-family-gillsans);
  font-size: var(--font-size-xxxs);
  font-style: normal;
}

.gillsans-bold-alizarin-crimson-10px {
  color: var(--alizarin-crimson);
  font-family: var(--font-family-gillsans-bold);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 700;
}

.gillsans-bold-black-30px-2 {
  color: var(--black-2);
  font-family: var(--font-family-gillsans-bold);
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
}

.gillsans-normal-white-8px {
  color: var(--white);
  font-family: var(--font-family-gillsans);
  font-size: var(--font-size-xxxxs);
  font-style: normal;
}

.gillsans-bold-black-14px {
  color: var(--black);
  font-family: var(--font-family-gillsans-bold);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}

.gillsans-bold-black-20px-2 {
  color: var(--black-2);
  font-family: var(--font-family-gillsans-bold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.gillsans-semi-bold-black-18px {
  color: var(--black-2);
  font-family: var(--font-family-gillsans-semibold);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
}

.gillsans-normal-black-16px-3 {
  color: var(--black-2);
  font-family: var(--font-family-gillsans);
  font-size: var(--font-size-m);
  font-style: normal;
}

.optima-bold-french-gray-16px {
  color: var(--french-gray);
  font-family: var(--font-family-optima-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.gillsans-italic-normal-black-10px {
  color: var(--black);
  font-family: var(--font-family-gillsans-italic);
  font-size: var(--font-size-xxxs);
  font-style: italic;
  font-weight: 400;
}

.gillsans-regular-normal-black-9px {
  color: var(--black);
  font-family: var(--font-family-gillsans-regular);
  font-size: 9px;
  font-style: normal;
  font-weight: 400;
}

.gillsans-semi-bold-black-10px {
  color: var(--black-2);
  font-family: var(--font-family-gillsans-semibold);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 600;
}