@keyframes fadeDown {
    from {transform: translateY(-5px); opacity: 0; }
    to {transform: translateY(0); opacity: 1; }
}
@keyframes fade {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes slideLeft {
    from {transform: translateX(10px); opacity: 0;}
    to {transform: translateX(0); opacity: 1;}
}
@keyframes slideRight {
    from {transform: translateX(0); opacity: 0;}
    to {transform: translateX(10px); opacity: 1;}
}
@keyframes fillProgress {
    to {background-position: 0% 0%;}
}
@keyframes nameTest {
    to {background-color: red;}
}