.faded-out,
.faded-right,
.faded-up {
    opacity: 0;
    transition: opacity 1.5s cubic-bezier(0.165, 0.84, 0.44, 1), transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);;
}

.faded-out {
    transform: translate3d(0, 100px, 0);
}

.faded-up {
    transform: translate3d(0, -190px, 0);
}

.faded-right {
    transform: translate3d(100px, 0, 0);
}

.fade-in {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* Add some background color while the is-transitioning class is set to make it visible */
.is-transitioning {
    background-color: darksalmon;
}