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

:root {

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

  --clr-gray-50: hsla(0, 0%, 94%, 1);
  --bg-clr-gray-50: hsla(0, 0%, 94%, 1);


  --bg-clr-white: #fff;
  --clr-white: #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: 1.25rem;
  --hs-grid-space: 1.25rem;
  --hs-flow-space: 1rem;
  --hs-space: 1rem;
}


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

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