:root { 
  --amber: #ffbe00;
  --black: #000000;
  --black-2: #00000080;
  --black-3: #00000099;
  --black-4: #00000040;
  --blaze-orange: #ff6800;
  --bon-jour: #e0e0e0;
  --cloud: #c4c4c41a;
  --cloud-2: #c4c4c40d;
  --deluge: #735ca9;
  --gray: #828282;
  --java: #17c2ec;
  --moonstone: #37a0cf;
  --pampas: #f2f0ed;
  --sushi: #71ac46;
  --teal-blue: #11b0b4;
  --tundora: #444444;
  --valentino: #351242;
  --vermilion: #ff4100;
  --white: #ffffff;
  --white-2: #ffffff80;
 
  --font-size-l: 32px;
  --font-size-m: 28px;
  --font-size-s: 24px;
  --font-size-xl: 48px;
  --font-size-xs: 20px;
  --font-size-xxs: 18px;
  --font-size-xxxs: 16px;
 
  --font-family-inter: "Inter", Helvetica;
  --font-family-montserrat: "Montserrat", Helvetica;
  --font-family-montserrat-extrabold: "Montserrat-ExtraBold", Helvetica;
  --font-family-montserrat-medium: "Montserrat-Medium", Helvetica;
  --font-family-montserrat-regular: "Montserrat-Regular", Helvetica;
  --font-family-montserrat-semibold: "Montserrat-SemiBold", Helvetica;
  --font-family-rubik: "Rubik", Helvetica;
}
.subheading {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.body-text {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.small-text {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.rubik-medium-valentino-20px {
  color: var(--valentino);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

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

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

.rubik-normal-tundora-28px {
  color: var(--tundora);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.rubik-bold-valentino-48px {
  color: var(--valentino);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.rubik-bold-valentino-32px {
  color: var(--valentino);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.rubik-bold-white-48px {
  color: var(--white);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.rubik-bold-vermilion-28px {
  color: var(--vermilion);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.rubik-normal-valentino-32px {
  color: var(--valentino);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

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

.rubik-normal-tundora-20px {
  color: var(--tundora);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.rubik-bold-valentino-16px {
  color: var(--valentino);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 700;
}

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

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

.montserrat-medium-black-18px {
  color: var(--black-3);
  font-family: var(--font-family-montserrat-medium);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 500;
}

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

.rubik-bold-vermilion-20px {
  color: var(--vermilion);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

.rubik-normal-valentino-16px {
  color: var(--valentino);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 400;
}

.montserrat-semi-bold-white-20px {
  color: var(--white-2);
  font-family: var(--font-family-montserrat-semibold);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 600;
}

.montserrat-bold-java-20px {
  color: var(--java);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

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

.montserrat-medium-black-20px {
  color: var(--black-4);
  font-family: var(--font-family-montserrat-medium);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}