@charset "utf-8";
/* CSS Document */

/*
==============================================
CSS3 ANIMATION CHEAT SHEET
==============================================

Made by Justin Aguilar

www.justinaguilar.com/animations/

Questions, comments, concerns, love letters:
justin@justinaguilar.com
==============================================
*/

/**/

.floating{
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 2.5s;	
	-webkit-animation-duration: 2.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(5%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(5%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}


.floatingII{
	animation-name: floatingII;
	-webkit-animation-name: floatingII;

	animation-duration: 3.5s;	
	-webkit-animation-duration: 3.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floatingII {
	0% {
		transform: translateX(0);	
	}
	50% {
		transform: translateX(25%);	
	}	
	100% {
		transform: translateX(0);
	}			
}

@-webkit-keyframes floatingII {
	0% {
		-webkit-transform: translateX(0);	
	}
	50% {
		-webkit-transform: translateX(25%);	
	}	
	100% {
		-webkit-transform: translateC(0);
	}			
}