:root {
  --barberry: #d8d81d;
  --black: #000000;
  --black-2: #040404;
  --black-pearl: #061e23;
  --bright-turquoise: #06d8f9;
  --eerie-black: #1a191c;
  --gallery: #f1eeee;
  --lumber: #fee5cf;
  --orange-yellow: #f8d864;
  --red-berry: #950000;
  --ripe-lemon: #f6dc1e;
  --sea-pink: #f2949a;

  --font-size-l: 23px;
  --font-size-m: 19px;
  --font-size-s: 15px;
  --font-size-xl: 29px;
  --font-size-xs: 12px;
  --font-size-xxl: 39px;
  --font-size-xxxl: 50px;

  --font-family-comic_neue: "Comic Neue", Helvetica;
  --font-family-rubik: "Rubik", Helvetica;
}
.rubik-bold-black-pearl-50px {
  color: var(--black-pearl);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}
.rubik-medium-gallery-19px {
  color: var(--gallery);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}
.rubik-medium-orange-yellow-12px {
  color: var(--orange-yellow);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}
.rubik-medium-red-berry-29px {
  color: var(--red-berry);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}
.rubik-medium-orange-yellow-29px {
  color: var(--orange-yellow);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}
.comicneue-bold-black-19px {
  color: var(--black-2);
  font-family: var(--font-family-comic_neue);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}
.comicneue-bold-black-15px {
  color: var(--black-2);
  font-family: var(--font-family-comic_neue);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}
.rubik-medium-orange-yellow-32px {
  color: var(--orange-yellow);
  font-family: var(--font-family-rubik);
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
}
.rubik-medium-orange-yellow-15px {
  color: var(--orange-yellow);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}
.rubik-medium-red-berry-39px {
  color: var(--red-berry);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
}
.rubik-medium-orange-yellow-39px {
  color: var(--orange-yellow);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
}
.rubik-medium-gallery-23px {
  color: var(--gallery);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}
.rubik-medium-red-berry-48px {
  color: var(--red-berry);
  font-family: var(--font-family-rubik);
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
}
.rubik-medium-orange-yellow-48px {
  color: var(--orange-yellow);
  font-family: var(--font-family-rubik);
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
}
.rubik-medium-red-berry-36px {
  color: var(--red-berry);
  font-family: var(--font-family-rubik);
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
}
.rubik-medium-orange-yellow-36px {
  color: var(--orange-yellow);
  font-family: var(--font-family-rubik);
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
}
.rubik-normal-ripe-lemon-18px {
  color: var(--ripe-lemon);
  font-family: var(--font-family-rubik);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}
.border-1px-black {
  border: 1px solid var(--black);
}
.border-2px-eerie-black {
  border: 2px solid var(--eerie-black);
}
.border-1px-bright-turquoise {
  border: 1px solid var(--bright-turquoise);
}
.border-1px-eerie-black {
  border: 1px solid var(--eerie-black);
}
.border-1px-barberry {
  border: 1px solid var(--barberry);
}