/* dvanbeek stylesheet */
html { background-color: rgb(191,210,244); }

body {
	box-sizing: border-box;
	background-color: rgb(191,210,244);
	margin: 0em 0em;
	border: 0em white;
	padding: 0em 0em;
	height: 95vh;
	width: 100%;
}
.main {
	box-sizing: border-box;
	background-color: rgb(191,210,244);
	margin: 0em 0em;
	border: 0em white;
	padding: 2em 2em;
	height: 100%;
}
.front {
	#position: sticky;
	box-sizing: border-box;
	background-color: rgb(14,69,152);
	margin: 0em 0em;
	border: 0em white;
	padding: 0em;
	height: 100%;
	overflow: hidden;
}
.naam {
	box-sizing: border-box;
	position: absolute;
	top: 10%;
	left: 17%;
	background-color: transparent;
	color: white;
	font-family: helvetica;
	font-size: 1.5vw;
	font-weight: bold;
}
.titel {
	font-size: 2em;
	font-weight: bold;
	letter-spacing: 0.03em;
}
.dik {
	font-size: 2em;
	font-weight: bold;
	letter-spacing: 0.03em;
}
.dun {
	font-size: 24px;
	font-weibht:bold;
	letter-spacing: 0.05em;
}
.helder {
	color: rgb(89,143,243);
}
.middle {
	box-sizing: border-box;
	#position: sticky;
	#top: 0%;
	#right: 5em;
	background-color: white;
	height: 100%;
	width: 43%;
	float: right;
}
.tekst {
	box-sizing: border-box;
	background-color:white;
	margin: 1.5em 1.5em;
	color black;
	font-family: helvetica;
	font-size: 0.65em;
	text-align: center;
}
.vert-nav {
	background-color: rgb(42,51,68);
	text-align: center;
	display: none;
}
.vert-nav a {
	font-family: helvetica;
	color: white;
	text-decoration: none;
}
.hor-nav {
	box-sizing: border-box;
	#position: absolute;
	#top: 0%;
	#right: 0em;
	margin: 0em 0em;
	border: 0em green;
	padding: 0em 0em;
	background-color: rgb(42,51,68);
	float: right;
	height: 100%;
	width: 5em;
}
.navbar {
	#box-sizing: border-box;
	writing-mode: vertical-lr;
	text-orientation: sideways;
	height: 100%;
	width:1em;
	margin: 0em 0em;
	border: 0em solid #ccc;
	padding: 0em 2em;
	background-color: rgb(42,51,68);
	color: white;
	text-align: center;
	vertical-align: middle;
}
.navbar a {
	font-family: helvetica;
	color: white;
	text-decoration: none;
}
@media screen and (max-width: 800px) {
	.hor-nav {
	display: none;}
	.vert-nav {
	display: block}
}
.btn {
	background-color: rgb(42,51,68);
	border: none;
	color: white;
	text-align: center;
	text-decoration: none;
	display: block;
	margin: auto;
}