@charset "utf-8";
/* CSS Document */

	html {
		background-image: url("spiral.gif");
		background-position: center;
		background-size: cover;
}
	body {
		background-color: #FFADFC;
		min-width: 320px;
		max-width: 1290px;
		margin: 0px auto;
		border-radius: 0px 0px 20px 20px;
		box-shadow:  1px 0px 15px 5px rgb(51, 51, 51), -1px 0px 15px 5px rgb(51, 51, 51);
}
	header, footer {
		background-color: rgb(75, 76, 76);
	}

	

	footer {
		border-radius: 0px 0px 10px 10px;
	}

	p#next {
		display: flex;
		display: -webkit-flex;
		flex-flow: row nowrap;
		justify-content: space-around;
		}

	p#next a {
		border-radius: 10px;
		padding: 5px;
		text-decoration: none;
		color: white;
		background-color: #6D0FD5;
	}


	nav.horizontal li {
		text-decoration: none;
		list-style: none;
		padding-bottom: 2px;
		list-style-type: none;	
		width: 100%;
		padding-top: 2px;
		padding: 2px 0px;
		
	}

	nav.horizontal ul {
		display: -webkit-flex;
		display: flex;
		flex-flow: row nowrap;
		background-color: rgb(89, 96, 106);
		height: 30px;
		padding: 2px;
		
	}

	nav li a:hover, a:active{
		border: 2px solid #6D0FD5;
		background-color: #C761FB;
		text-decoration: none;
		color: black;
		padding: 2px 0px;
		border-radius: 10px;
	}

	blockquote {
		background-color: #FFE1FE;
		padding: 5px;
		border-radius: 40px ;
		border: dashed thick rgba(201,133,199,1.00)
	}
	nav.horizontal li a {
		display: block;
		width: 100%;
		padding: 2px 0px;
		color: #F9F9F9;
		text-decoration: none;
	}
	nav.bottom {
		background-color: rgb(89, 96, 106);
		color: white;
	}

	nav.horizontal ul li {
		flex-grow: 1;
		flex-shrink: 1;
		flex-basis: auto;
	}
	ul.mainmenu {
		height: 50px;
	}
section img:nth-of-type(1) {
		display: block;
    	width: 50%;
		height: 50%;
		border-radius: 20px 20px 0px 0px;
}
article.sonic img {
	width: 40%;
	padding: 3px 5px;
}

article.Fusions img {
	width: 10%;
}

article.other img {
	width: 40%;
}

section.pvzheader {
	background-image: url("pea.svg");
	background-size: 10%;
	animation: pan 90s linear infinite;
	opacity: 25%;
}	

section.artheader {
	background-image: url("brush.svg");
	background-size: 10%;
	animation: pan 90s linear infinite;
	opacity: 25%;
}	

section.homeheader {
	background-image: url("home.svg");
	background-size: 10%;
	animation: pan 90s linear infinite;
	opacity: 25%;
}	

@keyframes pan {
	0% {background-position: 0% 0%}
		100% {background-position: 100% 0%;}
}

section.pvzheader img {
	visibility: hidden; 
}

section.artheader img {
	visibility: hidden; 
}

section.homeheader img {
	visibility: hidden; 
}