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

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

:root {
  /* Common Style Variables */

  /* Color */
  --color-black: #000;
  --color-gainsboro: #e0ddd6;
  --color-gray-100: #888880;
  --color-gray-200: #1a1a1a;
  --color-gray-300: #181819;
  --color-gray-400: #0d0d0d;
  --color-gray-500: rgba(136, 136, 128, 0.55);
  --color-gray-600: rgba(0, 0, 0, 0.55);
  --color-linen: #f0ede6;
  --color-white: #fff;

  /* Gap */
  --gap-0: 0px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-24: 24px;
  --gap-32: 32px;

  /* Padding */
  --padding-24: 24px;
  --padding-32: 32px;
  --padding-51: 51px;
  --padding-64: 64px;
  --padding-78: 78px;

  /* Font */
  --font-inter: Inter, Arial, sans-serif;
  --font-times-new-roman: Times New Roman, Arial, sans-serif;
  --font-roboto: 'Roboto', Arial, sans-serif;

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

  /* WidthHeights */
  --height-24: 24px;
  --height-68: 72px;
  --nav-height: 106px;

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

  /* LetterSpacings */
  --ls-6: 6px;
}