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

:root {
  /* fonts */
  --font-inter: Inter;
  --font-prompt: Prompt;

  /* font sizes */
  --font-size-xs: 12px;
  --font-size-53xl: 72px;
  --font-size-base: 16px;
  --font-size-5xl: 24px;
  --font-size-13xl-3: 32.3px;
  --font-size-5xs: 8px;
  --font-size-3xs: 10px;
  --font-size-lg: 18px;

  /* Colors */
  --color-gray-100: #787878;
  --color-gray-200: #171a1b;
  --color-gray-300: #000c16;
  --color-white: #fff;
  --color-lightseagreen-200: #2fc4b6;
  --color-lightseagreen-100: #2ec4b6;
  --color-orange: #ff9f1c;
  --color-limegreen: #27c93f;
  --color-goldenrod: #ffbd2e;
  --color-tomato: #ff5f56;
  --color-darkslategray: #4a4a4a;
  --color-red: rgba(255, 0, 0, 0);

  /* Gaps */
  --gap-5xs: 8px;
  --gap-xs: 12px;
  --gap-5xl: 24px;
  --gap-63xl: 82px;
  --gap-546xl: 565px;
  --gap-939xl: 958px;

  /* border radiuses */
  --br-mini: 15px;
  --br-3xs: 10px;
}