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

:root {
  /* fonts */
  --h4: Inter;
  --h3: "EB Garamond";
  --h1: Redressed;

  /* font sizes */
  --font-size-lg: 18px;
  --h4-size: 25px;
  --font-size-xl: 20px;
  --h3-size: 50px;
  --font-size-21xl: 40px;
  --font-size-11xl: 30px;
  --h2-size: 80px;
  --font-size-5xl: 24px;
  --h1-size: 180px;

  /* Colors */
  --primary: #fff9eb;
  --tertiary: #7e6a47;
  --color-white: #fff;
  --action: #4bbe8e;
  --color-mediumseagreen: #30a675;
  --color-black: #000;

  /* Gaps */
  --gap-35xl: 54px;
  --gap-xl: 20px;
  --gap-61xl: 80px;
  --gap-21xl: 40px;
  --gap-4xs: 9px;
  --gap-36xl: 55px;
  --gap-8xl: 27px;
  --gap-xs: 12px;

  /* Paddings */
  --padding-40xl: 59px;
  --padding-10xl: 29px;
  --padding-12xs: 1px;
  --padding-8xl: 27px;
  --padding-sm-5: 13.5px;
  --padding-21xl: 40px;
  --padding-3xs: 10px;
  --padding-8xs: 5px;
  --padding-41xl: 60px;
  --padding-11xl: 30px;
  --padding-xl: 20px;
  --padding-685xl: 704px;
  --padding-68xl: 87px;
  --padding-921xl: 940px;
  --padding-439xl: 458px;
  --padding-38xl: 57px;
  --padding-216xl: 235px;
  --padding-279xl: 298px;
  --padding-18xl: 37px;
  --padding-451xl: 470px;
  --padding-79xl: 98px;
  --padding-45xl: 64px;
  --padding-23xl: 42px;
  --padding-66xl: 85px;
}