/* Custom Jiggle Animation */
@keyframes jiggle {
  0% { transform: rotate(-2deg); }
  50% { transform: rotate(2deg); }
  100% { transform: rotate(-2deg); }
}

.animate-jiggle {
  /* This ensures the animation runs */
  animation: jiggle 0.3s infinite ease-in-out;
}

/* Stops the jiggling when hovering so the user can click easily */
.animate-jiggle:hover {
  animation-play-state: paused;
}

:root {
  --font-heading: "Space Grotesk", "Arial Narrow", sans-serif;
  --font-body: "Space Grotesk", "Arial Narrow", sans-serif;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
a,
.text-2xl,
.text-3xl,
.text-4xl,
.text-5xl,
.text-6xl {
  font-family: var(--font-heading);
}