:root {
  --black: #000000;
  --cranberry: #e36b25;
  --daffodil: #ffed31;
  --neon-carrot: #ff9431;
  --white: #ffffff;
  --woodsmoke: #0f0f0f;
  --woodsmoke-2: #0f0e0e;

  --yellow-soft: #c8ac69;
  --yellow-epic: #fad844;
  --green: #009379;
  --green-sea: #62b4b0;
  --green-emerald: #059770;
  --green-tea: #04bc4d;
  --green-palette: #317038;
  --skin: #f2bfae;
  --blue: #3366ff;
  --skyblue: #3c95cf;
  --iceblue: #699eff;
  --red-soft: #e84e42;
  --choco: #bd6454;
  --white-milk: #fff6ef;
  --white-sand: #feffd7;
  --white-mac: #d6c9be;
  --white-antique: #f8edd9;
  --white-cream: #fff1d4;
  --dark: #39393b;

  --font-size-l: 16px;
  --font-size-m: 15px;
  --font-size-s: 14px;
  --font-size-xl: 20px;
  --font-size-xs: 11px;
  --font-size-xxl: 24px;
  --font-size-xxxl: 36px;

  --font-family-audiowide: "Audiowide", Helvetica;
  --font-family-niconne: "Niconne", Helvetica;
  --font-family-oswald: "Oswald", Helvetica;
  --font-family-helvetica-bold: "Helvetica-Bold", Helvetica;
  --font-family-helvetica-regular: "Helvetica-Regular", Helvetica;
  --font-family-nostalgic: "nostalgic", Helvetica;
  --font-family-vibur: "Vibur", Helvetica;
}
.audiowide-normal-woodsmoke-20px {
  color: var(--woodsmoke);
  font-family: var(--font-family-audiowide);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.audiowide-normal-woodsmoke-15px {
  /* color: var(--woodsmoke); */
  font-family: var(--font-family-audiowide);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.helvetica-bold-woodsmoke-15px {
  color: var(--woodsmoke);
  font-family: var(--font-family-helvetica-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

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