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

:root {
  /* fonts */
  --font-poppins: Poppins;

  /* font sizes */
  --font-size-xs: 12px;
  --font-size-7xl: 26px;
  --font-size-lg: 18px;
  --font-size-33xl: 52px;
  --font-size-23xl: 42px;
  --font-size-12xl: 31px;
  --font-size-13xl: 32px;
  --font-size-lgi: 19px;
  --font-size-63xl: 82px;
  --font-size-22xl: 41px;
  --font-size-6xl: 25px;

  /* Colors */
  --color-black: #000;
  --color-wheat: #e1d9b4;

  /* Gaps */
  --gap-10xs: 3px;
  --gap-163xl: 182px;
  --gap-72xl: 91px;
  --gap-26xl: 45px;
  --gap-xl: 20px;
  --gap-xs: 12px;

  /* Paddings */
  --padding-xs: 12px;
  --padding-10xs: 3px;
  --padding-12xl: 31px;
  --padding-xl: 20px;
  --padding-204xl: 223px;
  --padding-294xl: 150px;
  --padding-18xl: 37px;
  --padding-3xl: 22px;
  --padding-mini: 15px;
  --padding-6xs: 7px;
  --padding-7xs: 6px;
  --padding-10xl: 29px;
  --padding-5xs: 8px;
  --padding-16xl: 35px;

  /* Border radiuses */
  --br-3xl: 22px;
}