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

:root {
  /* Common Style Variables */

  /* Color */
  --color-darkslateblue: #2f3e6b;
  --color-darkslategray: #243a4a;
  --color-gainsboro: #dbdbdb;
  --color-steelblue: #546391;
  --color-whitesmoke-100: #f4f4f4;
  --color-whitesmoke-200: rgba(244, 244, 244, 0.5);

  /* Gap */
  --gap-19: 19px;
  --gap-20: 20px;
  --gap-30: 30px;

  /* Padding */
  --padding-0: 0px;
  --padding-1: 1px;
  --padding-2: 2px;
  --padding-3: 3px;
  --padding-4: 4px;
  --padding-6: 6px;
  --padding-8: 8px;
  --padding-11: 11px;
  --padding-15: 15px;
  --padding-16: 16px;
  --padding-20: 20px;
  --padding-24: 24px;
  --padding-36: 36px;

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

  /* Font */
  --font-normal-tm: Normal TM;

  /* FontSize */
  --fs-19: 19px;
  --fs-24: 24px;
  --fs-26: 26px;
  --fs-32: 32px;
  --fs-40: 40px;
  --fs-64: 64px;

  /* Borders */
  --border-1: 1px solid var(--color-whitesmoke-100);

  /* Shadows */
  --shadow-drop: 0px 4px 4px rgba(0, 0, 0, 0.25);
  --text-shadow-1: 0px 4px 4px rgba(0, 0, 0, 0.25);

  /* WidthHeights */
  --height-1: 1px;
  --width-150: 150px;

  /* LineHeights */
  --lh-32: 32px;

  --top-0: 0px;
}