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

:root {
  /* fonts */
  --font-inter: Inter;
  --font-impact: Impact;
  --font-inknut-antiqua: "Inknut Antiqua";
  --font-lilita-one: "Lilita One";
  --font-roboto: Roboto;

  /* font sizes */
  --font-size-sm: 0.88rem;
  --font-size-5xl: 1.5rem;
  --font-size-smi: 0.81rem;
  --font-size-77xl: 6rem;
  --font-size-31xl: 3.13rem;
  --font-size-base: 1rem;
  --font-size-mini: 0.94rem;
  --font-size-xl: 1.25rem;
  --font-size-3xs: 0.63rem;
  --font-size-13xl: 2rem;
  --font-size-17xl: 2.25rem;

  /* Colors */
  --color-white: #fff;
  --color-dimgray-100: #666;
  --color-dimgray-200: #535353;
  --color-darkorange: #ff5800;
  --color-black: #000;
  --color-palevioletred: #ff5800;
  --color-darkslategray-100: #474747;
  --color-darkgrey: #292A2C;
  --color-gray-100: #3b2d2d;

  /* Gaps */
  --gap-31xl: 3.13rem;
  --gap-8xs: 0.31rem;
  --gap-3xs: 0.63rem;
  --gap-mini: 0.94rem;
  --gap-24xl: 2.69rem;
  --gap-21xl: 2.5rem;
  --gap-29xl: 3rem;
  --gap-28xl: 2.94rem;
  --gap-xs: 0.75rem;

  /* Paddings */
  --padding-11xl: 1.88rem;
  --padding-181xl: 12.5rem;
  --padding-81xl: 6.25rem;
  --padding-31xl: 3.13rem;
  --padding-xl: 1.25rem;
  --padding-139xl: 9.88rem;
  --padding-25xl: 2.75rem;
  --padding-3xs: 0.63rem;
  --padding-331xl: 21.88rem;
  --padding-51xl: 4.38rem;

  /* border radiuses */
  --br-8xs: 5px;
}