@tailwind base;
@tailwind components;
@tailwind utilities;
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');

.spaceGrotesk{
font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
}

@keyframes appear{
  from {
    opacity: 0;
    scale: 0.5;
  }
  to {
    opacity: 1;
    scale: 1;
  }
}
.animation-appear {
  animation: appear linear;
  animation-timeline: view();
  animation-range: 0% cover 40%;
}