body {
    overflow-x: hidden;
}

[class*="fade"] {
    opacity: 0;
    transition: 1s;
}

.fade-up {
    transform: translate(0, -100px);
}

.fade-down {
    transform: translate(0, 100px);
}

.fade-left {
    transform: translate(-100px, 0);
}

.fade-right {
    transform: translate(100px, 0);
}

[class*="fade"][data-intersection="true"] {
    opacity: 1;
    transform: translate(0, 0);
}