@keyframes anim-up1 { 
	from { opacity: 0; transform: translateY(100px); } 
	to { opacity: 1; transform: translateY(0px); }  
}		

@keyframes anim-up1a { 
	from { opacity: 0; transform: translateY(100px); } 
	to { opacity: 1; transform: translateY(0px); }  
}		

@keyframes anim-up2 { 
	from { opacity: 0; transform: translateY(400px); } 
	to { opacity: 1; transform: translateY(0px); }  
}		

@keyframes anim-up3 { 
	from { opacity: 0; } 
	to { opacity: 1; }  
}		

.anim-up1 {
	animation-duration: 1s; /* la animacion dura X segundos */
	animation-delay: 0.5s; /* esperamos X segundos antes de hacer la animacion */			
	animation-fill-mode: both; /* aplica estilos de la animacion antes y despues de reproducirla */
}

.anim-up1a {
	animation-duration: 1s; /* la animacion dura X segundos */
	animation-delay: 1s; /* esperamos X segundos antes de hacer la animacion */			
	animation-fill-mode: both; /* aplica estilos de la animacion antes y despues de reproducirla */
}

.anim-up2 {
	animation-duration: 1s; /* la animacion dura X segundos */
	animation-delay: 1.5s; /* esperamos X segundos antes de hacer la animacion */			
	animation-fill-mode: both; /* aplica estilos de la animacion antes y despues de reproducirla */
}

.anim-up3 {
	animation-duration: 1s; /* la animacion dura X segundos */
	animation-delay: 3s; /* esperamos X segundos antes de hacer la animacion */			
	animation-fill-mode: both; /* aplica estilos de la animacion antes y despues de reproducirla */
}

.anim-up1 { animation-name: anim-up1; }
.anim-up1a { animation-name: anim-up1a; }
.anim-up2 { animation-name: anim-up2; }
.anim-up3 { animation-name: anim-up3; }

/* todas las animaciones pausadas */
.paused * { 
	animation-play-state: paused;
}