* {
	margin:0;
	padding:2;
}

html, body {
	height:100%;
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	background-color:#ffffff;
}

main {
	display: inline-block;
	height:85%;
	width: 100%;
}

.middle {
	display: inline-block;
	vertical-align: middle;
	height: 5%;
}
header {
	display: inline-block;
	background:#e3e3e3;
	height: 5%;
	width: 100%;
   
}

footer {
	display: inline-block;
	background:#ffffff;
	height: 5%;
	width: 100%;
	text-align: center;
}

h1 {
	color: #bd01bd;
	font-family: Verdana, Geneva, sans-serif;
	height: 10%;
	width: 100%;
	text-align: center;
}

h4 {
	color: #bd01bd;
	font-family: Verdana, Geneva, sans-serif;
	height: 5%;
	width: 100%;
	text-align: center;
}

article {
	text-align: center;
	width: 100%;
	margin-top: 20px;
}

a {
	color: #bd01bd;
}