:root { 
  --amber: #ffbf00;
  --bianca: #fbfaf4;
  --black: #000000;
  --black-2: #01010126;
  --black-3: #0101010d;
  --cardinal: #d02028;
  --cotton-seed: #bfbcb8;
  --crocodile: #766d59;
  --double-pearl-lusta: #fbf5cf;
  --dune: #3a362b;
  --lightning-yellow: #f8bb18;
  --mercury: #e4e4e4;
  --mikado: #2a210d;
  --sunglow: #ffc732;
  --white: #ffffff;
 
  --font-size-l: 22px;
  --font-size-m: 20px;
  --font-size-s: 18px;
  --font-size-xl: 24px;
  --font-size-xs: 16px;
  --font-size-xxl: 30px;
  --font-size-xxs: 14px;
 
  --font-family-inter: "Inter", Helvetica;
  --font-family-montserrat: "Montserrat", Helvetica;
}
.montserrat-normal-white-18px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.montserrat-medium-mercury-20px {
  color: var(--mercury);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: italic;
  font-weight: 500;
}

.montserrat-normal-mercury-16px {
  color: var(--mercury);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xs);
  font-style: italic;
  font-weight: 400;
}

.montserrat-medium-lightning-yellow-20px {
  color: var(--lightning-yellow);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: italic;
  font-weight: 500;
}

.inter-black-white-26px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
}

.montserrat-normal-lightning-yellow-16px {
  color: var(--lightning-yellow);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xs);
  font-style: italic;
  font-weight: 400;
}

.montserrat-bold-mercury-18px {
  color: var(--mercury);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.montserrat-bold-lightning-yellow-36px {
  color: var(--lightning-yellow);
  font-family: var(--font-family-montserrat);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
}

.montserrat-black-sunglow-30px {
  color: var(--sunglow);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 900;
}

.montserrat-bold-lightning-yellow-24px {
  color: var(--lightning-yellow);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

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

.montserrat-normal-white-14px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.montserrat-bold-mercury-22px {
  color: var(--mercury);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.montserrat-black-bianca-28px {
  color: var(--bianca);
  font-family: var(--font-family-montserrat);
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
}

.montserrat-medium-cotton-seed-24px {
  color: var(--cotton-seed);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.montserrat-black-amber-40px {
  color: var(--amber);
  font-family: var(--font-family-montserrat);
  font-size: 40px;
  font-style: normal;
  font-weight: 900;
}

.montserrat-black-sunglow-32px {
  color: var(--sunglow);
  font-family: var(--font-family-montserrat);
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
}

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

.montserrat-black-bianca-23px {
  color: var(--bianca);
  font-family: var(--font-family-montserrat);
  font-size: 23px;
  font-style: normal;
  font-weight: 900;
}

.montserrat-medium-cotton-seed-20px {
  color: var(--cotton-seed);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.montserrat-black-amber-30px {
  color: var(--amber);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 900;
}

.montserrat-medium-white-20px {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.montserrat-medium-double-pearl-lusta-20px {
  color: var(--double-pearl-lusta);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.montserrat-medium-double-pearl-lusta-18px {
  color: var(--double-pearl-lusta);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.montserrat-normal-white-16px {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}