header { /* alles van de header kan een beetje rommelig qua css uitzien, het koste me veel moeite om het te krijgen hoe ik het wil. Het is me nu gelukt en ik kom er niet meer aan.*/
	border-bottom: 2px solid black; 
	display: flex;
	gap: 0px;
	margin: 0px;
	
}
.headertitel {
	padding-top: 0px;
	margin: 0px;
	flex: 1;
	align-self: center;
	text-align: right;
}
footer { 
	width: 100%;
	padding-top: 10px;
	border-top: 1px solid black;
	text-align: center;
	position: fixed;
	bottom: 0px;
	background-color: white;
}
nav {
	flex: 1;
	align-self: flex-end;
	text-align: right
}
nav ul {
	
}
li {
	display: inline;

}
a:link,a:visited {  
	font-weight: bold;
    color: black;
    background-color: white;
    border: 2px black solid;
    border-radius: 10px;  
    width: 90px;
    text-align: center;
    padding: 4px;
    margin-bottom: 5px;
    text-decoration: none;
}
h2{
	margin: 0px;
}

table, th, td {
	border: 1px black solid;
	border-collapse: collapse; /* bron: w3schools */
}
/* de tekst staat niet helemaal in het midden, dat komt doordat ik het in het midden kreeg maar niet dat de tekst in een colom staat */
.main {
	width: 700px;
	text-align: center;
	justify-content: center;
	padding-left:500px;
	
}
#snel {
	margin: 0px;
	float: left;
	text-align: center;
}
img {
	width: 300px;
}
#langzaam {
	float: right;
	margin: 0px;
	text-align: center;
}