article {
	background-color: #222;
	}
h1 {
	color: #652;
	font-size: 3.2vh;
	text-shadow: 0px 0px 0.6em #A96, 0.02em 0.02em 0.15em #FFF;
	}
.sideblauw {
	top: 25vh;
	background-color: #66A;
}
.vakblauw {
	width: 400px;
	float: left;
	margin: 1em;
	padding: 1em;
	background-color: #337;
	border: solid 0.2em #AAC;
	color: #AAC;
}

.demo {
	padding: 10px;
	}
.demo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	margin: 10px;
	background-color: #FEA;
	border: 1px solid #888;
	border-radius: 20px;
	}
.hstop {
	clear: both;
	height: 0px;
	margin: 0px;
	border: 0px;
	padding: 0px;
	}
.group {
	float: left;
	margin: 10px;
	padding: 10px;
	border: 1px solid #888;
	border-radius: 10px;
	background-color: #ED6;
	}
.clr {
	clear: both;
	}
h3 {
	margin-bottom: 8px;
	font-size: 1.5em;
	}
button {
	float: left;
	margin: 5px 10px;
	padding: 3px 5px;
	color: #222;
	background-color: #EED;
	border: 1px solid #222;
	border-radius: 5px;
	font-size: 1.3em;
	font-weight: bold;
	}

#message {
	float: left;
	clear: both;
	margin: 2px 0px;
	padding: 6px;
	max-width: 480px;
	font-family: Courier New, Courier, monospace;
	font-size: 1.4em;
	color: #000;
	}