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


:root {
  /* fonts */
  --font-lexend: Lexend;
  --font-audiowide: Audiowide;
  --font-roboto-flex: "Roboto Flex";

  /* font sizes */
  --font-size-base: 16px;
  --font-size-21xl: 40px;
  --font-size-lg: 18px;
  --font-size-5xl: clamp(12px, 2vw,20px);
  --font-size-xl: 20px;
  --font-size-13xl: clamp(17px, 2vw, 32px);
  --font-size-29xl: 48px;
  --font-size-19xl: 38px;
  --font-size-17xl: 36px;
  --font-size-11xl: 30px;

  /* Colors */
  --color-white: #fff;
  --e5e5e: #5e5e5e;
  --color-goldenrod: #cebe2f;
  --color-darkslateblue-100: #3a2a64;
  --color-darkslateblue-200: rgba(58, 42, 100, 0.05);
  --color-lavender: #f3edfb;
  --color-3: #0b1519;

  /* Gaps */
  --gap-3xs: 10px;

  /* Paddings */
  --padding-5xl: 24px;
  --padding-13xl: 32px;

  /* Border radiuses */
  --br-11xs: 2px;
  --br-39xl: 58px;
  --br-base: 16px;
  --br-4xs-8: 8.8px;
  --br-31xl: 50px;
  --br-2xs: 11px;
  --br-9xl: 28px;
}