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

@layer base {
    .animate-on-scroll {
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.8s ease-out;
    }

    .animate-on-scroll.visible {
        opacity: 1;
        transform: translateY(0);
    }
}

@layer components {
    /* Custom components if needed later */
}