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

:root {
  /* Common Style Variables */

  /* Color */
  --color-gray-100: #949494;
  --color-gray-200: #14284b;
  --color-gray-300: #252525;
  --color-gray-400: #041430;
  --color-lightgray: #cecece;
  --color-seagreen-100: #26a173;
  --color-seagreen-200: #007b4d;
  --color-slategray: #475c7d;
  --color-white: #fff;

  /* Gap */
  --gap-4: 4px;
  --gap-15: 15px;
  --gap-20: 20px;
  --gap-24: 24px;
  --gap-30: 30px;
  --gap-40: 40px;
  --gap-60: 60px;
  --gap-80: 80px;

  /* Padding */
  --padding-0: 0px;
  --padding-01: 0;
  --padding-1: 1px;
  --padding-16: 16px;
  --padding-18: 18px;
  --padding-20: 20px;
  --padding-22: 22px;
  --padding-24: 24px;
  --padding-25: 25px;
  --padding-28: 28px;
  --padding-30: 30px;
  --padding-36: 36px;
  --padding-39: 39px;
  --padding-40: 40px;
  --padding-43: 43px;
  --padding-50: 50px;
  --padding-56: 56px;
  --padding-57: 57px;
  --padding-60: 60px;
  --padding-80: 80px;
  --padding-98: 98px;
  --padding-104: 104px;
  --padding-126: 126px;

  /* BorderRadius */
  --br-0: 0px;
  --br-15: 15px;
  --br-20: 20px;
  --br-30: 30px;

  /* Font */
  --font-inter: Inter;

  /* FontSize */
  --fs-16: 16px;
  --fs-19: 19px;
  --fs-20: 20px;
  --fs-22: 22px;
  --fs-24: 24px;
  --fs-28: 28px;
  --fs-29: 29px;
  --fs-36: 36px;

  /* Borders */
  --border-1: 5px solid var(--color-seagreen-200);
  --border-2: 3px solid var(--color-lightgray);

  /* WidthHeights */
  --height-56: 56px;
  --height-73: 73px;
  --height-104: 104px;
  --height-300: 300px;
  --height-305: 305px;
  --height-407: 407px;
  --max-w-305: 305px;
  --min-h-73: 73px;
  --min-w-281: 281px;
  --min-w-403: 403px;
  --width-109: 109px;
  --width-305: 305px;
  --width-620: 620px;
  --width-1440: 1440px;

  --left-0: 0px;
  --top-0: 0px;
}