html {
	min-height: 100vh;
	width: 100%;
	max-width: 100%;
	margin: 0;
	box-sizing: border-box;
}

body {
	background: #f6f6ff;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	font-style: normal;
	background-image: linear-gradient(to right bottom, #0099ff, #3366cc, #663399, #990066);
	color: white;
}

menu {
	margin: 0px;
	padding: 0px;
}

.topmenu, footer {  
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin: .5em;
	color: #3300ff;
	background: #ffffffcc;
	border-radius: .5em;
	font: sans-serif;
	font-size: large;
	font-weight: 600;
	border-style: solid;
	border-width: 1px;
	border-color: #6600ff99;
	list-style-type: none;
}

.topmenu li {
	margin: 1em;
}

.topmenu li a, footer p, footer a {
	padding: 1em;
}

.section-menu, .section-text {
	margin: .5em;
	color: #3300ff;
	background: #ffffffcc;
	border-radius: .5em;
	font: sans-serif;
	font-size: large;
	font-weight: 600;
	border-style: solid;
	border-width: 1px;
	border-color: #6600ff99;
}

body header h1 {
	margin: 2em;
	padding: 1em;
}

body main, article {
	margin: 1em;
	padding: 1em;
}

p {
	font-family: Charcoal;
	font: medium Helvetica;
}

img {
	margin: 1em;
	max-width: 100%;
}

.black-white {
	background-color: #ffffffcc;
	color: #000000;
	border-radius: 1em;
	margin: 1em;
	padding: 1em;
}

.flex-row {
	display: flex;
}

.space-around {
	justify-content: space-around;
}

.flex-wrap-wrap {
	flex-wrap: wrap;
}

.flex-basis-6 {
	flex-grow: 1;
	flex-basis: 14%;
}

.margin-1 {
	margin: 1em;
}