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

:root {
  /* fonts */
  --font-noto-sans: "Noto Sans";
  --font-roboto: Roboto;

  /* font sizes */
  --font-size-base: 16px;
  --font-size-xl: 20px;
  --font-size-10xl: 29px;

  /* Colors */
  --color-gray-100: #0f0f0f;
  --glass1-stroke-carey: rgba(255, 255, 255, 0.6);
  --color-white: #fff;
  --color-dimgray: #4d4d4d;

  /* Gaps */
  --gap-xl: 20px;
  --gap-xs: 12px;
  --gap-lg: 18px;

  /* Paddings */
  --padding-11xl: 30px;
  --padding-sm: 14px;
  --padding-xl: 20px;
  --padding-xs: 12px;
  --padding-base: 16px;

  /* Border radiuses */
  --br-xs: 12px;
}