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

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

  /* font sizes */
  --font-size-sm: 14px;
  --font-size-mini: 15px;
  --font-size-smi: 13px;
  --font-size-mid: 17px;
  --font-size-40xl: 59px;

  /* Colors */
  --color-whitesmoke-100: #f8f8f4;
  --color-whitesmoke-200: #f0f0f0;
  --color-black: #000;
  --color-darkslateblue-200: #002a5e;
  --color-darkslategray-200: #333;

  /* Paddings */
  --padding-3xs-7: 9.7px;
  --padding-10xs: 3px;
  --padding-smi-3: 12.3px;
  --padding-12xs: 1px;
  --padding-11xl: 30px;
}