:root { 
  --big-stone: #1c2340;
  --black: #000000;
  --blue: #151722;
  --crimson: #e8141b;
  --dove-gray: #707070;
  --flesh: #ffd0a0;
  --grey: #f5f2f0;
  --light-orange: #fff5ea;
  --mirage: #1c1d28;
  --primary: #ffd1a3;
  --robins-egg-blue: #00c8d5;
  --white: #ffffff;
 
  --font-size-14px: 14px;
  --font-size-l: 18px;
  --font-size-m: 16px;
  --font-size-s: 12px;
  --font-size-xl: 20px;
  --font-size-xxl: 24px;
  --font-size-xxxl: 32px;
  --font-size-xxxxl: 48px;
 
  --font-family-roboto: "Roboto", Helvetica;
  --font-family-roboto-bold: "Roboto-Bold", Helvetica;
  --font-family-roboto-medium: "Roboto-Medium", Helvetica;
  --font-family-roboto_condensed: "Roboto Condensed", Helvetica;
  --font-family-segoeui-regular: "SegoeUI-Regular", Helvetica;
}
.subtitle {
  font-family: var(--font-family-roboto-bold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.body-1 {
  font-family: var(--font-family-roboto-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.body--4 {
  font-family: var(--font-family-roboto-medium);
  font-size: var(--font-size-14px);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

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

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

.robotocondensed-bold-mirage-48px {
  color: var(--black);
  font-family: var(--font-family-roboto_condensed);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 700;
}

.robotocondensed-bold-mirage-24px {
  color: var(--black);
  font-family: var(--font-family-roboto_condensed);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

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

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

.robotocondensed-normal-mirage-18px {
  color: var(--black);
  font-family: var(--font-family-roboto_condensed);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

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

.robotocondensed-bold-white-12px {
  font-family: var(--font-family-roboto_condensed);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.robotocondensed-bold-mirage-32px {
  color: var(--black);
  font-family: var(--font-family-roboto_condensed);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

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

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

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

.segoeui-regular-normal-dove-gray-20px {
  color: var(--dove-gray);
  font-family: var(--font-family-segoeui-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}