/* CSS Document */
body {
	background: linear-gradient(0deg, red, black);
	background-size: 500% 500%;
	animation: gradient 5s ease infinite;
	
}

@keyframes gradient {
	0% {
		background-position: 0% 00%;
	}
	50% {
		background-position: 0% 10%;
	}
	100% {
		background-position: 0% 00%;
	}
}



a:link { color:red; }
a:visited { color:red; }
a:hover{color:#DCF9FF;
        letter-spacing:3px;}
a:active { color:#FFC096; }

a {
	transition:color ease-in-out 0.2s, letter-spacing ease-in-out 0.5s;
}


img {
  animation: terror 5s;
  animation-iteration-count: infinite;
	
}

@keyframes terror {
  0% { transform: translate(0px, 0px);}
  
  50% { transform: translate(0px, 15px); }
  
  100% { transform: translate(0px, 0px); }
}

.mainnav {
	width:800px;
	background-color:black;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	text-align:center;
	
	padding-top:10px;
	padding-bottom:10px;
}