:root {
  --black: #000000;
  --black-2: #00000080;
  --candy-corn: #ffef63;
  --citrine: #902f09;
  --eerie-black: #1e1e1ecc;
  --grenadier: #cf3c00;
  --indian-tan: #501a05;
  --peridot: #b1a644;
  --shingle-fawn: #705432;
  --star-dust: #9a9a9a;
  --sun: #ffae11;
  --sycamore: #a3993c;
  --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: 26px;
  --font-size-xxxl: 46px;

  --font-family-arial-bold: 'Arial-Bold', Helvetica;
  --font-family-arial-regular: 'Arial-Regular', Helvetica;
  --font-family-bungee: 'Bungee', Helvetica;
  --font-family-inter: 'Inter', Helvetica;
  --font-family-pixelmplus12-bold: 'PixelMplus12-Bold', Helvetica;
}
.arial-regular-normal-white-20px {
  color: var(--white);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

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

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

.bungee-normal-indian-tan-46px {
  color: var(--indian-tan);
  font-family: var(--font-family-bungee);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

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

.arial-regular-normal-white-24px {
  color: var(--white);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.arial-regular-normal-shingle-fawn-28px {
  color: var(--shingle-fawn);
  font-family: var(--font-family-arial-regular);
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
}

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

.inter-normal-indian-tan-24px {
  color: var(--indian-tan);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.inter-normal-indian-tan-16px {
  color: var(--indian-tan);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.inter-normal-indian-tan-20px {
  color: var(--indian-tan);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}