body {
	font-family: Verdana, Arial, sans-serif;
	background: linear-gradient(45deg, #bf80ff 0%, #ffffff 100%);
	height: 100vh;
	font-size: 30pt;
	margin: 0;
	padding: 0;
}

a, a:visited, a:active {
	display: inline-block;
	color: #ae00ff;
	text-decoration: none;
	width: 90%;
	border-radius: 10px;
	border-style: solid;
	border-width: 2px;
	border-color: #bf80ff;
	margin: 10px;
	padding: 10px;
}

a:hover {
	background-color: #bf80ff;
	color: #ffffff;

}

#maincontent {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	min-width: 700px;
	background-color: white;
	box-shadow: 5px 5px 10px 1px #90ad95;
	border-radius: 40px;
	padding: 10px 20px 10px 20px;
	overflow: auto;
	background: linear-gradient(45deg, #d2fedb 0%, #ffffff 100%);
	margin: 0;
	position: absolute;
	top: 50%;
        left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
h1 {
	font-size: 72pt;
	margin: 0 0 20px 0;
	color: #ae00ff;
	text-align: center;
	text-shadow: #bf80ff 0 0 20px;
}

ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}

li {
	display: block;
	margin: 5px 0 5px 0;
	padding: 0;
	text-align: center;
}

p {
	text-align: center;
}