/* HERO LEFT ANIMATION */
.hero-left-anim {
    animation: slideFromLeft 1s ease forwards;
}

/* FEATURE FROM TOP */
.from-top {
    animation: dropFromTop 0.9s ease forwards;
}

@keyframes slideFromLeft {
    from {
        transform: translateX(-40px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

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