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

:root {
  /* Common Style Variables */

  /* Color */
  --Bright-White: #edf9fd;
  --color-black: #000;
  --color-darkslategray: rgba(8, 58, 74, 0.79);
  --color-gray-100: #211d1b;
  --color-gray-200: #001720;
  --color-palegoldenrod: #c8d690;
  --color-powderblue: #baefff;
  --color-seashell: #fff6f1;
  --color-sienna: #895941;
  --Halite-Blue: #083a4a;
  --Midnight-Blue: #00222e;
  --Pale-Rust-Red: #894141;
  --Papaya: #f07070;
  --Prickly-Pear: #cff070;
  --Sky-Blue: #70d2f0;

  /* Gap */
  --gap-4: 4px;
  --gap-20: 20px;

  /* Padding */
  --padding-0: 0px;
  --padding-5: 5px;
  --padding-16: 16px;
  --padding-20: 20px;
  --padding-21: 21px;
  --padding-22: 22px;
  --padding-24: 24px;
  --padding-28: 28px;
  --padding-32: 32px;
  --padding-36: 36px;
  --padding-40: 40px;
  --padding-64: 64px;

  /* BorderRadius */
  --br-28: 28px;
  --br-50: 50%;

  /* Font */
  --font-bukhari-script: Bukhari Script;
  --font-century-gothic: Century Gothic;
  --font-genty: Genty;
  --font-istok-web: Istok Web;
  --font-kodchasan: Kodchasan;
  --font-manjari: Manjari;
  --font-special-gothic-expanded-one: Special Gothic Expanded One;

  /* FontSize */
  --fs-16: 16px;
  --fs-19: 19px;
  --fs-20: 20px;
  --fs-24: 24px;
  --fs-26: 26px;
  --fs-29: 29px;
  --fs-32: 32px;
  --fs-36: 36px;
  --fs-38: 38px;
  --fs-48: 48px;
  --fs-51: 51px;
  --fs-64: 64px;

  /* Shadows */
  --shadow-drop: 15px 23px 27.5px -12px rgba(0, 0, 0, 0.2);
  --shadow-drop-1: 18px 18px 25px rgba(0, 0, 0, 0.15);
  --shadow-drop-2: 18px 18px 11.9px rgba(0, 0, 0, 0.25);
  --text-shadow-1: 12px 0 0 #fbfbfb, 0 12px 0 #fbfbfb, -12px 0 0 #fbfbfb,
    0 -12px 0 #fbfbfb;

  /* WidthHeights */
  --height-5: 5px;

  /* LineHeights */
  --lh-28: 28px;
  --lh-42: 42px;
  --lh-56: 56px;
  --lh-74: 74px;

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