div#title {
	padding: 1%;
	text-align: center;
	font-size: 3em;
}

section.menu {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	background: #ad70c2;
	padding-left: 5%;
	padding-right: 5%;
	font-family: sans-serif;
}

span.menuhead {
	border-radius: 0.5em 0.5em 0em 0em / 2em 2em 0em 0em;
	background: #8a45a1;
	padding: 0.5em;
	float: left;
	box-shadow: 0px -1.5px 3px 0px #b882c9;
}

span.menuitem {
	border-radius: 0.5em 0.5em 0em 0em / 2em 2em 0em 0em;
	background: #b882c9;
	padding: 0.5em;
	float: left;
	transition: box-shadow 1s;
	transition: background 0.2s;
}

span.menuitem:hover {
	background: #8a45a1;
	box-shadow: 0px -1.5px 3px 0px #b882c9;
	transition: box-shadow 1s;
	transition: background 0.2s;
}

section.submenu {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	background: #8a45a1;
	padding-top: 1%;
	padding-left: 5%;
	padding-right: 5%;
	font-family: sans-serif;
}
span.submenuhead {
	background: #8a45a1;
	padding: 0.2em;
	margin: 0.2em;
}

span.submenuitem {
	border-radius: 0.5em;
	background: #ad70c2;
	padding: 0.2em;
	margin: 0.2em;
	box-shadow: 0px 0px 2px 2px #b882c9;
	transition: box-shadow 1s;
	transition: background 0.2s;
}

span.submenuitem:hover {
	background: #8a45a1;
	box-shadow: 0px 0px 0px 0px #b882c9;
	transition: box-shadow 1s;
	transition: background 0.2s;
}

header {
	background: #ad70c2;
	height: 10%;
	width: 100%;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

footer {
	background: #ad70c2;
	height: 10%;
	width: 100%;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	float: left;
}

section#content {
	display: flex;
	flex-direction: column;
	padding-top: 2%;
	padding-bottom: 2%;
	width: 100%;
	float: left;
	background: #8a45a1;
}

article {
	background: #b882c9;
	padding: 1%;
	margin: 1%;
	margin-left: 3%;
	margin-right: 3%;
	width: 92%;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	box-shadow: 0px 0px 3px 3px #ad70c2;
}

body {
	display: flex;
	flex-direction: column;
	background: lightgrey;
	padding: 1em;
	font-family: serif;
	max-width: 80em;
	margin: auto;
}

section#contact {
	text-align: center;
	padding: 1%;
}