:root { 
  --black: #000000;
  --black-haze: #f6f6f6;
  --bon-jour: #e2e2e2;
  --cararra: #ebebeb;
  --celeste: #cecece;
  --concord: #7c7d7e;
  --concord-2: #7d7d7d;
  --concrete: #f2f2f2;
  --dove-gray: #707070;
  --dove-gray-2: #70707012;
  --eerie-black: #1a1a1a;
  --eerie-black-2: #1c1a1a;
  --gravel: #4a4b4d;
  --gray: #808080;
  --heavy-metal: #2d2d2d;
  --iron: #d8d8d8;
  --log-cabin: #222222;
  --macaroni-cheese: #ffbc81;
  --mercury: #e6e6e6;
  --mercury-2: #e5e5e5;
  --mexican-red: #98222e;
  --mist-gray: #c4c4c4;
  --nobel: #b2b2b2;
  --quick-silver: #a8a8a8;
  --quill-gray: #d4d4d4;
  --red: #ff0000;
  --sazerac: #fff3df;
  --silver: #c1c1c1;
  --silver-chalice: #ababab;
  --star-dust: #a1a1a1;
  --white: #ffffff;
  --white-2: #ffffff45;
  --yellow-orange: #fbb03b;
  --yellow-sunshine: #ffee00;
 
  --font-size-l: 14px;
  --font-size-m: 13px;
  --font-size-s: 12px;
  --font-size-xl: 16px;
  --font-size-xxl: 20px;
  --font-size-xxxl: 29px;
  --font-size-xxxxl: 66px;
 
  --font-family-bahnschrift-regular: "Bahnschrift-Regular", Helvetica;
  --font-family-campton: "Campton", Helvetica;
  --font-family-campton-medium: "Campton-Medium", Helvetica;
  --font-family-mazzardh-semicondensedlight: "MazzardH-SemiCondensedLight", Helvetica;
  --font-family-metropolis-medium: "Metropolis-Medium", Helvetica;
  --font-family-poppins: "Poppins", Helvetica;
}
.poppins-semi-bold-black-14px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.poppins-semi-bold-black-13px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.poppins-normal-black-13px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.poppins-light-black-16px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 300;
}

.poppins-normal-gray-13px {
  color: var(--gray);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

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

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

.poppins-semi-bold-black-16px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

.poppins-normal-black-20px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.poppins-normal-quick-silver-12px {
  color: var(--quick-silver);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.poppins-light-black-14px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 300;
}

.poppins-normal-black-14px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.poppins-normal-black-16px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.metropolis-medium-concord-14px {
  color: var(--concord);
  font-family: var(--font-family-metropolis-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.poppins-semi-bold-black-12px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

.poppins-normal-white-29px {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.poppins-light-black-29px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 300;
}

.poppins-bold-white-66px {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 700;
}

.poppins-semi-bold-black-22px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
}

.poppins-normal-concord-13px {
  color: var(--concord-2);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.poppins-normal-silver-chalice-13px {
  color: var(--silver-chalice);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

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

.poppins-normal-gray-10px {
  color: var(--gray);
  font-family: var(--font-family-poppins);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
}

.poppins-normal-silver-14px {
  color: var(--silver);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.poppins-normal-red-16px {
  color: var(--red);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.poppins-normal-celeste-16px {
  color: var(--celeste);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.poppins-normal-mist-gray-14px {
  color: var(--mist-gray);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
}

.poppins-normal-mist-gray-14px-2 {
  color: var(--mist-gray);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.poppins-semi-bold-macaroni-cheese-13px {
  color: var(--macaroni-cheese);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.poppins-normal-red-20px {
  color: var(--red);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.poppins-normal-celeste-20px {
  color: var(--celeste);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.poppins-light-white-16px {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 300;
}

.poppins-normal-white-20px {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.poppins-normal-nobel-13px {
  color: var(--nobel);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.poppins-light-black-13px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}

.poppins-normal-white-25px {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
}

.metropolis-medium-gravel-15px {
  color: var(--gravel);
  font-family: var(--font-family-metropolis-medium);
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
}

.metropolis-medium-heavy-metal-13px {
  color: var(--heavy-metal);
  font-family: var(--font-family-metropolis-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.bahnschrift-regular-normal-white-66px {
  color: var(--white);
  font-family: var(--font-family-bahnschrift-regular);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 400;
}