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

Made by Justin Aguilar

www.justinaguilar.com/animations/

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

/*
==============================================
pulse
==============================================
*/

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

	animation-duration: .5s;	
	-webkit-animation-duration: .5s;

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

@keyframes pulse {
	0% {
		transform: scale(1.1);
		opacity: 0.7;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(1.1);
		opacity: 0.7;	
	}			
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1.05);
		opacity: 0.7;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(1.05);
		opacity: 0.7;	
	}			
}

/*! * * * * * * * * * * * * * * * * * * * *\  
CSShake :: shake-slow
v1.5.0
CSS classes to move your DOM
(c) 2015 @elrumordelaluz
http://elrumordelaluz.github.io/csshake/
Licensed under MIT
\* * * * * * * * * * * * * * * * * * * * */
.shake-slow {
	display: inherit;
	transform-origin: center center; }

.shake-slow {
	animation-play-state: running; }

@keyframes shake-slow {
	2% {
	transform: translate(2px, 1px) }
	4% {
	transform: translate(-5px, 9px) }
	6% {
	transform: translate(5px, 3px) }
	8% {
	transform: translate(5px, 4px) }
	10% {
	transform: translate(-4px, 8px) }
	12% {
	transform: translate(-2px, 9px) }
	14% {
	transform: translate(0px, 6px) }
	16% {
	transform: translate(8px, 2px) }
	18% {
	transform: translate(-4px, 1px) }
	20% {
	transform: translate(10px, 2px) }
	22% {
	transform: translate(-2px, 4px) }
	24% {
	transform: translate(-8px, 5px) }
	26% {
	transform: translate(-3px, 5px) }
	28% {
	transform: translate(6px, 2px) }
	30% {
	transform: translate(-5px, 2px) }
	32% {
	transform: translate(5px, 6px) }
	34% {
	transform: translate(5px, 7px) }
	36% {
	transform: translate(3px, 9px) }
	38% {
	transform: translate(6px, 2px) }
	40% {
	transform: translate(-4px, 2px) }
	42% {
	transform: translate(7px, 8px) }
	44% {
	transform: translate(-4px, 10px) }
	46% {
	transform: translate(-3px, 8px) }
	48% {
	transform: translate(3px, 6px) }
	50% {
	transform: translate(4px, 1px) }
	52% {
	transform: translate(1px, 5px) }
	54% {
	transform: translate(-3px, 7px) }
	56% {
	transform: translate(3px, 3px) }
	58% {
	transform: translate(-8px, 5px) }
	60% {
	transform: translate(1px, 9px) }
	62% {
	transform: translate(0px, 3px) }
	64% {
	transform: translate(4px, 2px) }
	66% {
	transform: translate(4px, 10px) }
	68% {
	transform: translate(1px, 2px) }
	70% {
	transform: translate(-9px, 10px) }
	72% {
	transform: translate(-5px, 8px) }
	74% {
	transform: translate(-3px, 8px) }
	76% {
	transform: translate(-1px, 8px) }
	78% {
	transform: translate(-5px, 4px) }
	80% {
	transform: translate(-6px, 1px) }
	82% {
	transform: translate(-5px, 7px) }
	84% {
	transform: translate(1px, 6px) }
	86% {
	transform: translate(-8px, 4px) }
	88% {
	transform: translate(-6px, 7px) }
	90% {
	transform: translate(9px, 6px) }
	92% {
	transform: translate(9px, 8px) }
	94% {
	transform: translate(3px, 3px); }
	96% {
	transform: translate(-6px, 7px); }
	98% {
	transform: translate(5px, 2px); }
	0%, 100% {
	transform: translate(0, 0) } }

.shake-slow, .shake-slow.shake-constant {
	animation-name: shake-slow;
	animation-duration: 60s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite; }