main{
    overflow-x: hidden;
}

.from-right{
    transform: translateX(100px);
}

.from-left{
    transform: translateX(-100px);
}

.from-right, .from-left{
    opacity: 0;
    transition: opacity 350ms ease-in, transform 450ms ease-in;
}

.from-left.appear, .from-right.appear{
    transform: translateX(0px);
    opacity: 1;
}