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

@layer utilities {
  @keyframes slide {
    0%, 20% {
      transform: translateY(0%);
    }
    25%, 45% {
      transform: translateY(-25%);
    }
    50%, 70% {
      transform: translateY(-50%);
    }
    75%, 95% {
      transform: translateY(-75%);
    }
    100% {
      transform: translateY(0%);
    }
  }

  .animate-slide {
    animation: slide 8s infinite ease-in-out;
    line-height: 2.5rem;
  }
}