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

:root {
  /* fonts */
  --font-inter: Inter;
  --font-inria-serif: "Inria Serif";
  --font-inika: Inika;
  --font-jim-nightshade: "Jim Nightshade";

  /* font sizes */
  --font-size-smi: 13px;
  --font-size-sm: 14px;

  /* Colors */
  --color-powderblue: #97e0f0;
  --color-black: #000;
  --color-navy-100: #1c0675;
  --color-lightsteelblue: #b0c3e8;
  --color-cornflowerblue: rgba(122, 162, 239, 0.48);
  --color-whitesmoke: #f6f6f6;
  --color-lightblue: #c9e8ff;

  /* Gaps */
  --gap-mini: 15px;
  --gap-10xs: 3px;
  --gap-9xs: 4px;

  /* Paddings */
  --padding-3xl: 22px;
  --padding-4xl: 23px;
  --padding-10xs: 3px;
  --padding-21xl: 40px;
  --padding-9xs: 4px;
  --padding-sm: 14px;
  --padding-5xs: 8px;
  --padding-11xs: 2px;
  --padding-8xs: 5px;
  --padding-6xs: 7px;
  --padding-12xs: 1px;
  --padding-6xs-1: 6.1px;
  --padding-6xs-4: 6.4px;
  --padding-7xs: 6px;

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