:root {

  --clr-black: hsl(0, 0%, 0%);

  --bg-clr-black: hsl(0, 0%, 0%);

  --bg-clr-variable: #fff;
  --bg-clr-variable-100: #fff;

  --gradient-blue-180: linear-gradient(180deg, #00C8FF 0%, #15ACD6 100%);

  --body-family: "Inter", Arial, Helvetica, sans-serif;
  --title-family: "Inter" Arial, Helvetica, sans-serif;

  --hs-flex-space: 1rem;
  --hs-flow-space: 1rem;
  --hs-space: 1rem;
}


h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--title-family);
}

body {
  font-family: var(--body-family);
}