.hero {
    animation: transitionIn 1s;
}

@keyframes transitionIn {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.transisi{
    position: relative;
    transform: translateY(30px);
    opacity: 0;
    transition: all 0.7s ease;
}

.transisi.active{
    transform: translateY(0);
    opacity: 1;
}