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

:root {
  /* fonts */
  --h4-heading: Sen;
  --font-inherit: inherit;

  /* font sizes */
  --fine-print-size: 12px;
  --h4-heading-size: 22px;
  --h1-heading-size: 36px;
  --small-body-text-size: 16px;
  --body-text-size: 18px;
  --body-text-highlighted-size: 20px;
  --h3-heading-size: 26px;
  --h2-heading-size: 30px;

  /* Colors */
  --color-white: #fff;
  --color-darkslategray: #373737;
  --color-lightgray-100: #d6d6d6;
  --color-lightgray-200: #d4d4d4;
  --color-lightgray-300: #d3d3d3;
  --color-black: #000;
  --color-ghostwhite: #f5f7fe;
  --color-gray-100: #8f8f8f;
  --color-gray-200: #212120;
  --color-silver: #bababa;

  /* Gaps */
  --gap-11xl: 30px;
  --gap-21xl: 40px;
  --gap-3xs: 10px;
  --gap-8xs: 5px;
  --gap-xl: 20px;

  /* Paddings */
  --padding-221xl: 240px;
  --padding-81xl: 100px;
  --padding-116xl: 135px;
  --padding-3xs: 10px;
  --padding-11xl: 30px;
  --padding-5xl: 24px;
  --padding-3xl: 22px;
  --padding-31xl: 50px;
  --padding-8xs: 5px;
  --padding-xl: 20px;
  --padding-24xl: 43px;
  --padding-30xl: 49px;
  --padding-6xl: 25px;
  --padding-9xs: 4px;

  /* Border radiuses */
  --br-xl: 20px;
  --br-37xl: 56px;
  --br-8xs: 5px;
}