body {
    overflow-x: hidden
}

[slide-delay="200"] {
    transition-delay: .2s;
}

[slide-delay="400"] {
    transition-delay: .4s;
}

[slide-delay="600"] {
    transition-delay: .6s;
}

[data-direction=fade] {
    opacity: 0;
    transition-duration: 1s;
}

[data-direction=slideLeft] {
    opacity: 0;
    transform: translateX(150px);
    transition-duration: 1s;
}

[data-direction=slideTop] {
    opacity: 0;
    transform: translateY(100px);
    transition-duration: 1s;
}

[data-direction=slideRight] {
    opacity: 0;
    transform: translateX(-80px);
    transition-duration: 1s;
}

.fade {
    opacity: 1
}

.slideLeft {
    opacity: 1;
    transform: translateX(0)
}

.slideTop {
    opacity: 1;
    transform: translateY(0)
}

.slideRight {
    opacity: 1;
    transform: translateX(0)
}