@charset "UTF-8";
/* CSS Document */

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	background-color: #242424;
}

li, a, button {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-weight: 500;
	font-size: 16px;
	color: white;
	text-decoration: none;
}

Header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px 10;
	
}

.logo {
	cursor: pointer;

height: 30px;
}

.nav__links {
	list-style: none;
}

.nav__links li {
	display: inline-block;
	padding: 0px 20px;
}

.nav__links li a {
	transition: all 0.3s ease 0s;
}
.nav__links li a:hover {
	color: red;
}


button {
	padding: 9px 25px;
	background-color: red;
	border: none;
	border-radius: 50px;
	cursor: pointer;
	transition: all 0.3s ease 0s;
}

button:hover {
	background-color: grey;
}

.home {
display: grid;
grid-template-columns: repeat(6, 1fr);
}


.naam {
	Color: white;
font: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
grid-area: naam;
	grid-column: 2 / 4;
	margin-top: 100px;
	left: 8%;
	width: 600px;
}
.foto1 {
	grid-area: foto1;
	grid-column: 4 / 6;
height: 300px;
margin-top: 50px;
	
}

.over {
	background-color: grey;
	margin-top: 10px;
	margin-bottom: 10px;
	display: flex;
	justify-content: center;
	
}
.over2 {
	text-align: center;
	margin-top: 50px;
	display: flex;
	justify-content: center;
	max-width: 500px;
	margin: auto;
	
}