:root {
  --black: #000000;
  --mist-gray: #c4c4c4;
  --white: #ffffff;

  --font-size-l: 64px;
  --font-size-m: 48px;
  --font-size-s: 36px;
  --font-size-xl: 72px;
  --font-size-xs: 24px;
  --font-size-xxl: 96px;
  --font-size-xxs: 18px;
  --font-size-xxxl: 144px;

  --font-family-helvetica-bold: "Helvetica-Bold", Helvetica;
  --font-family-helvetica-light: "Helvetica-Light", Helvetica;
  --font-family-steppes_tt-regular: "Steppes TT-Regular", Helvetica;
}
.helvetica-light-black-64px {
  color: var(--black);
  font-family: var(--font-family-helvetica-light);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 300;
}
.steppestt-regular-normal-black-36px {
  color: var(--black);
  font-family: var(--font-family-steppes_tt-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}
.helvetica-light-black-48px {
  color: var(--black);
  font-family: var(--font-family-helvetica-light);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}
.steppestt-regular-normal-black-144px {
  color: var(--black);
  font-family: var(--font-family-steppes_tt-regular);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}
.helvetica-light-black-36px {
  color: var(--black);
  font-family: var(--font-family-helvetica-light);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 300;
}
.helvetica-light-black-24px {
  color: var(--black);
  font-family: var(--font-family-helvetica-light);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 300;
}
.steppestt-regular-normal-black-96px {
  color: var(--black);
  font-family: var(--font-family-steppes_tt-regular);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}