body
{
	margin: 0;
	padding: 0;
	font-family: arial;
}
.loader
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.loader h1
{
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 10em;
	letter-spacing: -4px;
	color: rgba(255, 255, 255, .01);
	background-image: url(text-wave.png);
	background-repeat: repeat-x;
	-webkit-background-clip: text;
	animation: animates 15s linear infinite;
}
.loader h2
{
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: -3px;
	text-align: center;
	color: rgba(1, 41, 95, 1.0);
	animation: skew-x-shaking 1s linear infinite;
}
.image_01
{
	margin: 0;
	padding: 0;
	position: absolute;
	left: 7%;
	top: 25%;
	animation: squishy_02 6s linear infinite;
}
.image_02
{
	margin: 0;
	padding: 0;
	position: absolute;
	left: 69%;
	top: 25%;
	animation: squishy 6s linear infinite;
}
@keyframes animates
{
	0% { background-position: left 0px top 140px;}
	40% { background-position: left 800px top 0px;}
	80% { background-position: left 1800px top 0px;}
	100% { background-position: left 2400px top 140px;}
}
@keyframes skew-x-shaking {
 0% { transform: skewX(-15deg); }
 5% { transform: skewX(15deg); }
 10% { transform: skewX(-15deg); }
 15% { transform: skewX(15deg); }
 20% { transform: skewX(0deg); }
 100% { transform: skewX(0deg); }
}
@keyframes squishy {
				0%		{transform: scale(1);}
				25%		{transform: scale(1.03);}
				50%		{transform: scale(1);}
				75%		{transform: scale(1.03);}
				100%	{transform: scale(1);}
			}	
@keyframes squishy_02 {
				0%		{transform: scale(1.03);}
				25%		{transform: scale(1);}
				50%		{transform: scale(1.03);}
				75%		{transform: scale(1);}
				100%	{transform: scale(1.03);}
			}