/* scrolloll fedein with transform position */
.scrollstart, .scrollup{
    opacity:0;
    transform: translateY(4rem);
    transition: transform 1s ease, opacity 1s ease;
}
.scrollstart.on, .scrollup.on{
    opacity:1;
    transform: translateY(0);
    /* transition: transform 1s ease, opacity 1s ease; */
}

.scrollin{
    opacity:0;
    transform: translateX(-5em);
    transition: transform 1s ease, opacity 1s ease;
}
.scrollin.on{
    opacity:1;
    transform: translateX(0);
}