body{
		background:linear-gradient(to bottom right,white,#bcbdc4);
	
}

.headerx{
	position:fixed;
	width:100%;
	height:10%;
	top:0;
	left:0;
	background-color:pink;
	color:white;
	z-index:7;
	font-family:verdana;
	-webkit-box-shadow:0 3px 8px rgba(0,0,0,.25);
}
.header{
	position:fixed;
	width:100%;
	height:10%;
	background:blue;
	top:0;
	left:0;
	color:white;
	z-index:7;
	font-family:verdana;
}

.bodyx{
		position:absolute;
		left:0;
		top:10%;
		width:100%;
		height:80%;
		background:black;
}


#left{
	  margin:0;
	  color:black;
	  font-size:8;
	  background:pink;
	
	
	
}
#intro{
		position:fixed;
		top:10%;
		left:0;
		color:;
		height:80%;
		width:15%;
		background:red;
}

#cent{
		
   position:fixed;
		top:10%;
		left:15%;
		color:;
		height:80%;
		width:70%;
		background:orange;
}



#intro2{
		position:fixed;
		top:10%;
		left:85%;
		color:white;
		height:80%;
		width:15%;
		background:red;
}

#footer{
	position:fixed;
	background:blue;
	height:10%;
	top:90%;
	width:100%;
	color:white;
	
}