@keyframes animate{
    
    0%{
        transform: translateX(-100%);
    }
    100%{
        transform: translateX(0%);
    }
    
}

@keyframes animate2{
    
    0%{
        transform: translateX(100%);
    }
    100%{
        transform: translateX(0%);
    }
    
}

@keyframes updown{
    
    0%{
        transform: translateY(-100%);
    }
    100%{
        transform: translate(0%);
    }
    
}

@keyframes downup{
    
    0%{
        transform: translateY(100%);
    }
    100%{
        transform: translate(0%);
    }
    
}