/* scroll fedein with transform position */
@keyframes sclupanim{
    0%{
       transform: translateY(4em);
    }
    100%{
        transform: translateY(0);
    }
}
.sclup,
.sclstart{
    opacity:0;
    transform: translateY(4em);
}
.sclup.on,
.sclstart.on{
    opacity:1;
    transform: translateY(0);
    transition: transform 1s ease, opacity 1s ease;
}
.scup{
    opacity:0;
    transform: translateY(4em);
    transition: transform 1s ease, opacity 1s ease;
}
.scup.on{
    opacity:1;
    transform: translateY(0em);
    transition: transform 1s 0.2s ease, opacity 1s 0.2s ease;
}