.hidden-top {
    opacity: 0;
    filter: blur(5px);
    transform: translateY(-100%);
    transition: all 2s;
}

.hidden-left {
    opacity: 0;
    filter: blur(5px);
    transform: translateX(-100%);
    transition: all 2s;
}

.hidden-right {
    opacity: 0;
    filter: blur(5px);
    transform: translateX(100%);
    transition: all 2s;
}

.hidden-bottom{
    opacity: 0;
    filter: blur(5px);
    transform: translateY(100%);
    transition: all 2s;
}


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