@tailwind base;
@tailwind components;
@tailwind utilities;

body * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body * {
  font-family: var(--font-noto);
  @apply tracking-tighter;
}

@layer base {
  html {
    scroll-behavior: smooth;
  }
}

/* Fill color for the featured stamp on opportunities page */
.fill-color {
  @apply text-black dark:text-white;
}

.emoji {
  animation: wave 2.5s infinite;
  transform-origin: 70% 70%;
  display: inline-block;
}

@keyframes wave {
  0%,
  60%,
  100% {
    transform: rotate(0deg);
  }
  10%,
  30% {
    transform: rotate(14deg);
  }
  20% {
    transform: rotate(-8deg);
  }
  40% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(10deg);
  }
}

.light-bulb {
  display: inline-block;
  animation: pulse 1.2s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .emoji {
    animation: none;
  }

  .light-bulb {
    animation: none;
  }
}