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

:root {
  /* Common Style Variables */

  /* Color */
  --color-black: #000;
  --color-gray-100: rgba(255, 255, 255, 0.15);
  --color-gray-200: rgba(255, 255, 255, 0.4);
  --color-gray-300: rgba(255, 255, 255, 0.5);
  --color-gray-400: rgba(255, 255, 255, 0.1);
  --color-gray-500: rgba(255, 255, 255, 0.05);
  --color-gray-600: rgba(255, 255, 255, 0.06);
  --color-gray-700: rgba(255, 255, 255, 0.63);
  --color-gray-800: rgba(255, 255, 255, 0.75);
  --color-silver: #c4c4c4;
  --color-white: #fff;

  /* Padding */
  --padding-12: 12px;
  --padding-19: 19px;
  --padding-40: 40px;

  /* BorderRadius */
  --br-8: 8px;
  --br-20: 20px;
  --br-30: 30px;
  --br-50: 50%;
  --br-0_7: 0.7px;

  /* Font */
  --font-inter: Inter;
  --font-montserrat: Montserrat;
  --font-poppins: Poppins;

  /* FontSize */
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-20: 20px;
  --fs-24: 24px;
  --fs-26: 26px;
  --fs-36: 36px;

  /* Gradients */
  --gradient-1: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 0, 0, 0.3),
    rgba(255, 0, 0, 0)
  );
  --gradient-2: linear-gradient(180deg, #ff0000, rgba(255, 0, 0, 0.7));
  --gradient-3: linear-gradient(
    90deg,
    var(--color-white) 50%,
    rgba(255, 255, 255, 0.2)
  );

  /* WidthHeights */
  --height-16: 16px;
  --height-32: 32px;
  --height-40: 40px;
  --height-1053_9: 1053.9px;
  --height-24_5: 24.5px;
  --height-53_3: 53.3px;
  --height-556_8: 556.8px;
  --width-32: 32px;
  --width-1520: 1520px;
  --width-1053_9: 1053.9px;
  --width-24_5: 24.5px;

  /* LineHeights */
  --lh-30: 30px;
  --lh-38: 38px;
  --lh-40: 40px;
}