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

/* Reveal Animation Base Styles */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
}

.reveal[data-direction="left"] {
    transform: translateX(-30px);
}

.reveal[data-direction="right"] {
    transform: translateX(30px);
}

.reveal.active {
    opacity: 1;
    transform: translate(0, 0);
}