@keyframes alfa {
  0% { margin-left:-50px;opacity: 0; }
  100% { margin-left:0px;opacity: 1; }
}

@keyframes fadein {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


@keyframes escala {
  0% { transform: scale(0); }
  50% { transform: scale(1.5); }
  100% { transform: scale(1); }
}

.fadein-first {
    opacity: 0;
    animation: alfa 0.3s linear 0.5s 1 alternate forwards paused;
}

.fadein-second {
    opacity: 0;
    animation: alfa 0.3s linear 1s 1 alternate forwards paused;
}

.fadein-third {
    opacity: 0;
    animation: alfa 0.3s linear 1.5s 1 alternate forwards paused;
}

.fadein-fourth {
    opacity: 0;
    animation: alfa 0.3s linear 2s 1 alternate forwards paused;
}

.fadein-fifth {
    opacity: 0;
    animation: alfa 0.3s linear 2.5s 1 alternate forwards paused;
}

.escale-first {
    transform: scale(0);
    animation: escala 0.3s linear 0.5s 1 alternate forwards paused;
}

.escale-second {
    transform: scale(0);
    animation: escala 0.3s linear 1s 1 alternate forwards paused;
}

.escale-third {
    transform: scale(0);
    animation: escala 0.3s linear 1.5s 1 alternate forwards paused;
}

.escale-fourth {
    transform: scale(0);
    animation: escala 0.3s linear 2s 1 alternate forwards paused;
}

.escale-fifth {
    transform: scale(0);
    animation: escala 0.3s linear 2.5s 1 alternate forwards paused;
}