/*
.anim-left {
    opacity: 0;
    transform: translateX(-40px);
    transition-property: opacity, transform;
    transition-duration: .5s, 1s;
}

.anim-right {
    opacity: 0;
    transform: translateX(40px);
    transition-property: opacity, transform;
    transition-duration: .5s, 1s;
}

.anim-top {
    opacity: 0;
    transform: translateY(-40px);
    transition-property: opacity, transform;
    transition-duration: .5s, 1s;
}

.anim-bottom {
    opacity: 0;
    transform: translateY(40px);
    transition-property: opacity, transform;
    transition-duration: .5s, 1s;
}

.anim-fade-in {
    opacity: 0;
    transition-property: opacity;
    transition-duration: .5s, 1s;
}

.anim-right.entered {
    opacity: 1;
    transform: translateX(0);
}

.anim-left.entered {
    opacity: 1;
    transform: translateX(0);
}

.anim-top.entered {
    opacity: 1;
    transform: translateX(0);
}

.anim-bottom.entered {
    opacity: 1;
    transform: translateX(0);
}

.anim-fade-in.entered {
    opacity: 1;
}*/