body {
	margin:0px;
	padding:0px;
	width:100%;
	background-color:#cccccc;
	background-size: cover;
	min-height:1000px;
}

.break {
	clear:both;
}

#mcaHeader {
	margin:0px;
	padding:5px 5px 5px 20px;
	color:#f1f1f1;
	font-family:"Lucida Console", monospace;
	font-size:20px;
	text-shadow:3px 3px 3px  red, -3px -3px 3px blue;
	letter-spacing:3px;
	background-color:transparent;
}
#mcaHeader h1 {
	margin:10px 0px 10px 0px;
}
#poo {
	float:right;
	height:60px;
}


#mainBody {
	width:100%;
	min-width:900px;
	height:1000px;
	border: 5px solid gray;
}

.pArticle {
	text-shadow: -3px 0px 4px #ffffff, 0px -3px 4px #ffffff, 3px 0px 4px #ffffff, 0px 3px 4px #ffffff;
	color:#000000;
	width:600px;
	height:300px;
	
	margin:20px;
	padding:0px 25px 50px 25px;
	display:block;
	float:left;
	text-shadow: 0px 25px 0px gray;
	-webkit-animation: shadowWtf linear infinite;
	-webkit-animation-duration: 2.67s;
}

@-webkit-keyframes shadowWtf {
	0%	{padding:0px 25px 50px 25px; text-shadow: 0px -16px 5px gray, 0px 0px 0px black;}
	12%		{text-shadow: 10px -10px 6px gray;}
	25%		{text-shadow: 16px 00px 7px gray;}
	33%		{text-shadow: 0px 0px 5px black:}
	35%		{text-shadow: 10px 10px 6px gray;}
	50%		{text-shadow: 0px 16px 5px gray, 0px 0px 0px black;}
	62%		{text-shadow: -10px 10px 4px gray;}
	66%		{text-shadow: 0px 0px 5px black;}
	75%		{text-shadow: -16px 0px 5px gray;}
	87%		{text-shadow: -10px -10px 6px gray;}
	100%	{text-shadow: 0px -16px 5px gray;}	
}
	
	/*   original code
	
	0%	{padding:0px 25px 50px 25px;
		text-shadow: 0px 25px 0px gray;}
	25% {padding: 25px 50px 25px 0px;
		text-shadow: 25px 0px 0px gray;}
    50% {padding:50px 25px 0px 25px;
		text-shadow: 0px -25px 0px gray;}
    75% {padding: 25px 0px 25px 50px;
		text-shadow: -25px 0px 0px gray;}
		*/ 

	

.pArticle p {
	text-indent:10px;
	font-size:1em;
	/*font resize*/
   
}
#mainFoot {
	float:bottom;
}