body, .fade-out {
    transition: transform 1s ease-in-out;
}

.slide-out-up {
    transform: translateY(-120%);
    transition: transform 1s ease-in-out;
    will-change: transform;
}

.slide-in-down {
    transform: translateY(120%);
    transition: transform 1s ease-in-out;
    will-change: transform;
}

.slide-out-left {
    transform: translateX(120%);
    transition: transform 1s ease-in-out;
    will-change: transform;
}

.slide-in-right {
    transform: translateX(-120%);
    transition: transform 1s ease-in-out;
    will-change: transform;
}
.fade-out {
    opacity: 0;
}