/*****************
    ANIMATIONS
 ****************/
.animation {
    opacity: 0;
    filter: blur(0);
    transform: translateY(50%);
    transition: all .9s ease-in-out;
}

.animation[animation="true"] {
    opacity: 1;
    transform: translateX(0);
}

.animation-2 {
    opacity: 0;
    filter: blur(0);
    transform: translateY(50%);
    transition: all 1.2s ease-in-out;
}

.animation-2[animation="true"] {
    opacity: 1;
    transform: translateX(0);
}