globals.css

@import 'tailwindcss';

@keyframes grow {
    0% {
        transform: scaleY(0);
        opacity: 0;
    }
    100% {
        transform: scaleY(1);
        opacity: 1;
    }
}

h1 {
    @apply text-2xl font-bold;
}

.bar {
    transform-origin: bottom;
    animation: grow 0.4s ease-out forwards;
    opacity: 0;
    transform: scaleY(0);
}