:root { 
  --black: #000000;
  --gray--100: #f3f4f6;
  --gray--300: #d1d5db;
  --gray--600: #4b5563;
  --main-green: #d2f500;
  --transparent: transparent;
  --white: #ffffff;
  --white-2: #ffffff33;
 
  --font-size-50px: 50px;
  --font-size-l: 32px;
  --font-size-m: 24px;
  --font-size-s: 20px;
  --font-size-xl: 62px;
  --font-size-xs: 18px;
  --font-size-xxl: 128px;
  --font-size-xxs: 16px;
 
  --font-family-clash_grotesk-bold: "Clash Grotesk-Bold", Helvetica;
  --font-family-clash_grotesk-medium: "Clash Grotesk-Medium", Helvetica;
  --font-family-clash_grotesk-regular: "Clash Grotesk-Regular", Helvetica;
  --font-family-clash_grotesk-semibold: "Clash Grotesk-Semibold", Helvetica;
  --font-family-inter: "Inter", Helvetica;
  --font-family-montserrat: "Montserrat", Helvetica;
  --font-family-roboto_condensed: "Roboto Condensed", Helvetica;
}
.h2 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-50px);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

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

.robotocondensed-normal-white-24px {
  color: var(--white);
  font-family: var(--font-family-roboto_condensed);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

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

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

.clashgrotesk-normal-white-128px {
  color: var(--white);
  font-family: var(--font-family-clash_grotesk-semibold);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.clashgrotesk-medium-white-58px {
  color: var(--white);
  font-family: var(--font-family-clash_grotesk-medium);
  font-size: 58px;
  font-style: normal;
  font-weight: 500;
}

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

.montserrat-normal-mischka-18px {
  color: var(--gray--300);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

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

.inter-semi-bold-white-32px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.montserrat-normal-scarpa-flow-16px {
  color: var(--gray--600);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.inter-medium-white-32px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.clashgrotesk-regular-normal-black-62px {
  color: var(--black);
  font-family: var(--font-family-clash_grotesk-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.clashgrotesk-medium-white-38px {
  color: var(--white);
  font-family: var(--font-family-clash_grotesk-medium);
  font-size: 38px;
  font-style: normal;
  font-weight: 500;
}

.montserrat-normal-wild-sand-18px {
  color: var(--gray--100);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

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

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