.fadeLeft
{
    animation: fadeLeft 0.5s forwards ease-in-out;
}
@keyframes fadeLeft {
    from
    {
        opacity: 0;
        transform: translateX(-100px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
.fadedown
{
    animation: fadedown 0.5s forwards ease-in-out;
}
@keyframes fadedown {
    from
    {
        opacity: 0;
        transform: translatey(-100px);
    }
    to
    {
        opacity: 1;
        transform: translatey(0);
    }
}
.delay-100ms
{
    animation-delay: 100ms;
}
.delay-200ms
{
    animation-delay: 200ms;
}
.delay-300ms
{
    animation-delay: 300ms;
}
.delay-400ms
{
    animation-delay: 400ms;
}
.delay-500ms
{
    animation-delay: 500ms;
}
.delay-600ms
{
    animation-delay: 600ms;
}
.delay-700ms
{
    animation-delay: 700ms;
}
.delay-800ms
{
    animation-delay: 800ms;
}