body{
	background-color: red;
}

h1{
	font-family: Impact, medium;
	font-size:150;
	color: lightyellow;
	font-style: italic;
	text-shadow: 10px 10px 30px black;,0px 0px 30px yellow,0px 0px 30px black;,0px 0px 10px #553300,0px 0px 10px #553300;
}

h2{
	font-family: futura;
	font-size:10;
	color: lightgoldenrodyellow;
	text-shadow: 0px 0px 30px red,10px 10px 50px white,10px 10px 30px darkred;,0px 0px 10px #553300,0px 0px 10px #553300;
}

h3{
	font-family: Courier;
	color:lightyellow;
	font-size: 20;
	text-shadow: 0px 0px 30px red;,0px 0px 30px white,0px 0px 30px darkred;,0px 0px 10px #553300,0px 0px 10px #553300;
}

a:link{color:lightyellow;}
a:hover{color: black;}
a:visited{color:lightyellow;}

section{
	width:100vw;
	height:60px;
	transition: transform 20s;
	display:inline-flex;
	background-color: darkred;

}


article{width:200px;
	height:250px;
	border-radius: 20%;
	box-shadow: 0px 5px 50px darkred;
	background-color: pink;



}

@keyframes grow-and-shrink {
	0%		{transform: scale(1) skew(-5deg)}
	100%	{ transform: scale(0.2) skew(5deg)}
}
 


article:nth-child(even){
	animation-name: grow-and-shrink;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-direction: alternate;
}

article:nth-child(odd){
	animation-name: grow-and-shrink;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-direction: alternate;
}
section:nth-child(odd){
	animation-name: grow-and-shrink;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-direction: alternate;
}