/* Animasi fade standard */
.fade-in {
    opacity: 0;
}

.fade-in.visible{
    animation: fadeIn 1s ease-in forwards;
}

.fade-in2 {
    opacity: 0;
}

.fade-in2.visible {
    animation: fadeIn 2s ease-out forwards;
}

@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

/* Animasi zoom in dari bawah */
.zoom-in-bottom {
    transform: translateY(50px) scale(0.8);
    opacity: 0;
    transition: transform 1s ease-out, opacity 1s ease-out;
}

.zoom-in-bottom.visible {
    transform: translateY(0) scale(1);
    opacity: 1;
}