/* Animasi Utama */
@keyframes fadeInUp-sejarah {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes lineGrow-sejarah {
    from { height: 0; }
    to { height: 100%; }
}

@keyframes fadeIn-sejarah {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes fadeUp-beranda {
    from { opacity: 0; transform: translateY(40px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes bounce {
    0%, 100% { transform: translateX(-50%) translateY(0); }
    50% { transform: translateX(-50%) translateY(8px); }
}


/* Animasi munculnya konten utama */
@keyframes fadeInContent {
    to {
        opacity: 1;
    }
}


@keyframes slideInRightUp {
    0% {
        transform: rotate(-25deg) translate(0, 100%);
    }
    100% {
        transform: rotate(-25deg) translate(0, 0); /* Masuk penuh menutupi layar */
    }
}
@keyframes slideOutRightUp {
    0% {
        transform: rotate(-25deg) translate(0, 0);
    }
    100% {
        transform: rotate(-25deg) translate(0, -100%); /* Geser total ke serong kanan atas */
    }
}