.animated
{
    animation-duration: 1.5s;
    animation-fill-mode: both;
}

@keyframes fadeInDown
{
    0%
    {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
    100%
    {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown
{
    animation-name: fadeInDown;
}

@keyframes fadeInUp
{
    0%
    {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    100%
    {
        opacity: 1;
        transform: none;
    }
}

.fadeInUp
{
    animation-name: fadeInUp;
}