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

:root {
  /* Common Style Variables */

  /* Color */
  --color-black: #000;
  --color-burlywood: #e1b168;
  --color-darkslategray-100: #343942;
  --color-darkslategray-200: #323841;
  --color-darkslategray-300: #292e36;
  --color-darkslategray-400: #0e333b;
  --color-darkslategray-500: rgba(41, 46, 54, 0.74);
  --color-dimgray-100: #5c6168;
  --color-dimgray-200: #555;
  --color-gainsboro: #dcdcdc;
  --color-gray-100: #858585;
  --color-gray-300: rgba(255, 255, 255, 0.1);
  --color-peru-100: #ad7d36;
  --color-peru-200: rgba(173, 125, 54, 0.09);
  --color-slategray: #797e89;
  --color-snow: #fff8f5;
  --color-white: #fff;

  /* Gap */
  --gap-2: 2px;
  --gap-11: 11px;
  --gap-15: 15px;
  --gap-20: 20px;

  /* Padding */
  --padding-0: 0px;
  --padding-5: 5px;
  --padding-16: 16px;
  --padding-17: 17px;
  --padding-20: 20px;

  /* BorderRadius */
  --br-100: 100px;

  /* Font */
  --font-cormorant-infant: Cormorant Infant, Arial, sans-serif;
  --font-josefin-sans: Josefin Sans, Arial, sans-serif;
  --font-display: var(--font-cormorant-infant);
  --font-body: var(--font-josefin-sans);

  /* FontSize */
  --fs-15: 15px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-19: 19px;
  --fs-20: 20px;
  --fs-22: 22px;
  --fs-24: 24px;
  --fs-25: 25px;
  --fs-30: 30px;
  --fs-32: 32px;
  --fs-36: 36px;
  --fs-40: 40px;

  /* Borders */
  --border-1: 2px solid var(--color-burlywood);
  --border-2: 20px solid var(--color-darkslategray-200);
  --border-3: 1px solid var(--color-gray-100);

  /* WidthHeights */
  --height-1: 1px;
  --height-27: 27px;
  --height-60: 60px;
  --height-70: 70px;
  --width-60: 60px;
  --width-1440: 1440px;

  /* LineHeights */
  --lh-13: 13px;
  --lh-24: 24px;
  --lh-28: 28px;
  --lh-30: 30px;
  --lh-33: 33px;
  --lh-34: 34px;
  --lh-42: 42px;
  --lh-45: 45px;
  --lh-56: 56px;
  --lh-22_5: 22.5px;
  --lh-37_5: 37.5px;

  /* LetterSpacings */
  --ls-3: 3px;
  --ls-0_2: 0.2px;
  --ls-0_25: 0.25px;
}