body {
  margin: 0;
  line-height: normal;
}

:root {
  /* fonts */
  --font-asap: Asap;
  --font-american-lemon-sans: "American Lemon Sans";

  /* font sizes */
  --font-size-xl: 20px;
  --font-size-91xl: 110px;
  --font-size-6xl: 25px;
  --font-size-13xl: 32px;
  --font-size-8xl: 27px;
  --font-size-mini: 15px;
  --font-size-16xl: 35px;
  
  --font-size-l: 40px;
  --font-size-m: 20px;
  --font-size-big: 110px;

  /* Colors */
  --color-gray-100: #252630;
  --color-gray-200: #111318;
  --color-gray-300: rgba(255, 255, 255, 0.1);
  --color-black: #000;
  --color-white: #fff;
  --color-brown-100: #b51345;
  --color-brown-200: #ac1141;
  --color-slategray: #7d7c94;
  --color-lightslategray: #9296ae;
  --white: #fff;
  --nevada: #66697a;

  /* Gaps */
  --gap-6xs: 7px;

  /* border radiuses */
  --br-11xs: 2px;
}