.hidden {
    opacity: 0;
    transition: all 1.5s ease-in-out;
    transform: translateX(100%);
}

.hidden2 {
    opacity: 0;
    transition: all 1.5s ease-in-out;
    transform: translateX(-100%);
}

.hidden3 {
    opacity: 0;
    transition: all 1.5s ease-in-out;
}

.hidden4 {
    opacity: 0;
    transition: all 1.5s ease-in-out;
    transform: translateX(-100%);
    transition-delay: 1s;
}

.hidden5 {
    opacity: 0;
    transition: all 1.5s ease-in-out;
    transform: translateX(-100%);
    transition-delay: 2s;
}

.hidden6 {
    opacity: 0;
    transition: all 1.5s ease-in-out;
    transform: translateX(100%);
    transition-delay: 1s;
}

.hidden7 {
    opacity: 0;
    transition: all 1.5s ease-in-out;
    transform: translateX(100%);
    transition-delay: 2s;
}

.hidden8 {
    opacity: 0;
    transition: all 1.5s ease-in-out;
    transform: translateY(100%);
}

.hidden9 {
    opacity: 0;
    transition: all 1.5s ease-in-out;
    transform: translateY(-100%);
    z-index: 0;
}

.hidden10 {
    opacity: 0;
    transition: all 1.5s ease-in-out;
    transform: translateY(-100%);
}

.hidden11 {
    opacity: 0;
    transition: all 1.5s ease-in-out;
    transform: translateY(50%);
}

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