@keyframes flowDown {
    0% {
        transform: translateY(-30px);
        opacity: 0;
    }
    75% {
        opacity: 1;
    }
    100% {
        transform: translateY(0);
       }
}
@keyframes flowUp {
    0% {
        transform: translateY(17px);
        opacity: 0;
    }
    75% {
        opacity: 1;
    }
    100% {
        transform: translateY(0);
    }   
}

@keyframes movingFileLeft {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(25px);
    }
    100% {
        transform: translateX(0);
    }
}
@keyframes movingFileRight {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-25px);
    }
    100% {
        transform: translateX(0);
    }
}