.fade {
    animation-name: fade;
    animation-duration: 1s;
}

.fadecapabilities {
    animation-name: fadetransformright;
    animation-timing-function: ease-in-out;
    animation-duration: .5s;
}
@keyframes fade {
    from {opacity: 0}
    to {opacity: 1}
}

@keyframes fadetransformright{
    from {
        opacity: 0.8;
        transform: translate3d(-2.5%, 0, 0);

    }
    to {opacity: 1;
        transform: translate3d(0, 0, 0);
        
    }
}


@keyframes fadetransformleft{
    from {
        opacity: 0.8;
        transform: translate3d(2.5%, 0, 0);
    }
    to {opacity: 1;
        transform: translate3d(0, 0, 0);

        
    }
}