@keyframes left-slide {
    0%{
        transform: scaleX(0%);
    }
    100%{
        transform: scaleX(100%);
    }
}

@keyframes float {
    0%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(10%);
    }
    100%{
        transform: translateY(0);
    }
}


@keyframes float1 {
    0%{
        transform: translateY(0);
    }
    60%{
        transform: translateY(10%);
    }
    100%{
        transform: translateY(0);
    }
}

@keyframes float2 {
    0%{
        transform: translateY(0);
    }
    60%{
        transform: translateY(5%);
    }
    100%{
        transform: translateY(0);
    }
}

@keyframes text-reveal {
    0%{
        transform: translateX(10%);
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}