body{
	
}



.mainpage{
	background-color: #c2c2c2;
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-columns: 100vw;
	grid-template-rows: 50vh 50vh;
	overflow-y: hidden;
	overflow-x: hidden;


}

.graphic{
	width: 100vw;
	margin-top: 30px;
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 2;
	background-color: #c2c2c2;
	padding: 0;
	overflow-y: scroll;


}

.art{
	width: 100vw;
	margin-top: 30px;
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 2;
	grid-row-end: 3;
	background-color:  #595959;
	overflow-y: scroll;
	padding: 0;


}

.header1{
	width: 97vw;
	position: fixed;
	display: flex;
	justify-content: center;
}

.header2{
	width: 100vw;
	position: fixed;
	top: 50vh;
	display: flex;
	justify-content: center;
	border-radius: 25px 25px 0px 0px ;

}

.hg{

	position: relative;
	left: 0vw;	
	margin: auto;
	
}

.ha{

	position: relative;
	left: 0vw;	
	margin: auto;

}

footer{
	width: 100vw;
	
	position: fixed;
	left: 12px;

	
}

footer h4{
	display: none;


}

footer h5{
	font-family: "Newsreader", serif;
	color: white;

	padding: 7px 15px 15px;
	background-color: #db53b0;
	border-radius: 15px;
}

footer h5 a{
	font-family: "Newsreader", serif;
	color: white;
	font-style: italic;
	
}

footer h6{
	font-family: "Newsreader", serif;
	color: white;
	padding: 7px 15px 15px;
	background-color: #db53b0;
	border-radius: 15px;
}