@keyframes slideRight {
    0%{
        transform: translateX(-100px);
        opacity:0;
    }
    100% {
        transform: translateX(0px);
        opacity:1;
    }
}
@keyframes slideLeft {
    0%{
        transform: translateX(100px);
        opacity:0;
    }
    100% {
        transform: translateX(0px);
        opacity:1;
    }
}
@keyframes slideTop {
    0%{
        transform: translateY(100px);
        opacity:0;
    }
    100% {
        transform: translateY(0px);
        opacity:1;
    }
}

@keyframes slide {
    100% {
        opacity: 1;
    }
}
@keyframes showText {
    100% {
        opacity: 1;
    }
}