.scroll_element {
    opacity: 0
}

.scroll_on0 {
    animation: scroll_on0 .5s ease-in-out .5s forwards
}

@keyframes scroll_on0 {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.scroll_on1 {
    animation: scroll_on1 .6s ease-in-out .5s forwards
}

@keyframes scroll_on1 {
    0% {
        opacity: 0;
        transform: translateY(30px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.scroll_on2 {
    animation: scroll_on2 .7s ease-in-out .5s forwards
}

@keyframes scroll_on2 {
    0% {
        opacity: 0;
        transform: translateY(30px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.scroll_on3 {
    animation: scroll_on3 .8s ease-in-out .5s forwards
}

@keyframes scroll_on3 {
    0% {
        opacity: 0;
        transform: translateY(50%) rotateX(-90deg)
    }
    100% {
        opacity: 1;
        transform: translateY(0) rotateX(0)
    }
}

.scroll_on4 {
    animation: scroll_on4 .5s ease-in-out .5s forwards
}

@keyframes scroll_on4 {
    0% {
        transform: scale(.5)
    }
    100% {
        transform: scale(1)
    }
}

.scroll_off0 {
    animation: scroll_off0 .5s ease-in-out .5s forwards
}

@keyframes scroll_off0 {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.scroll_off1 {
    animation: scroll_off1 .5s ease-in-out .5s forwards
}

@keyframes scroll_off1 {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(15px)
    }
}

.scroll_off2 {
    animation: scroll_off2 .5s ease-in-out .5s forwards
}

@keyframes scroll_off2 {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(20px)
    }
}

.scroll_off3 {
    animation: scroll_off3 .5s ease-in-out .5s forwards
}

@keyframes scroll_off3 {
    0% {
        opacity: 1;
        transform: translateY(0) rotateX(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-50%) rotateX(90deg)
    }
}

.scroll_off4 {
    animation: scroll_off4 .5s ease-in-out .5s forwards
}

@keyframes scroll_off4 {
    0% {
        transform: scale(1)
    }
    100% {
        transform: scale(.5)
    }
}