.left {
    transition: all .3s ease-out;
    transform: translateX(-50%);
    opacity: 0;
}

.right {
    transition: all .3s ease-out;
    transform: translateX(50%);
    opacity: 0;
}


.fade div{ opacity: 0; transform: translateY(30%); transition: all .5s ease-out; }
.fade div.started  { opacity: 1; transform: none; }
.fade div:nth-child(1) {
    transition: all .5s ease-out .1s;
}
.fade div:nth-child(2) {
    transition: all .5s ease-out .3s;
}
.fade div:nth-child(3) {
    transition: all .5s ease-out .5s;
}
.fade div:nth-child(4) {
    transition: all .5s ease-out .7s;
}

.highlights-content{
    transition: all .3s ease-out;
    transform: translateX(-50%);
    opacity: 0;
}

.box p:nth-child(1){
       animation: ani 0.2s both;
}
.box p:nth-child(2){
       animation: ani 0.2s 0.2s both;
}
.box p:nth-child(3){
       animation: ani 0.2s 0.4s both;
}

.started {
    transform: none;
    opacity: 1;
}