@import "tailwindcss";
@plugin "daisyui";
@plugin "@tailwindcss/typography";

@keyframes shake {
  0%, 100% { transform: translateX(0); }
  20%, 60% { transform: translateX(-5px); }
  40%, 80% { transform: translateX(5px); }
}

.animate-shake {
  animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) both;
}

html {
  scroll-behavior: smooth;
}

#hero {
  scroll-margin-top: 100px; /* Adjust this value based on your header height */
}