.animate_in {
    animation: transitionIn .6s;
    animation-timing-function: ease;
}
.animate_nav_in {
    animation: transitionNavIn 0.4s;
    animation-timing-function: ease;
}
.animate_in_slow {
    animation: transitionInSlow .9s;
    animation-timing-function: ease;
}
.animate_in_to_left {
    animation: transitionInToLeft 1s;
    animation-timing-function: ease;
}

@keyframes transitionIn {
    from {
        opacity: 0;
        transform: translateY(1rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes transitionNavIn {
    from {
        opacity: 0;
        margin-top: -30px;
    }
    to {
        opacity: 1;
        margin-top: 0;
    }
}
@keyframes transitionInSlow {
    from {
        opacity: 0;
        transform: translateY(2rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes transitionInToLeft {
    from {
        opacity: 0;
        transform: translateX(2rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}