body{
    margin:0;
    font-family: Arial;
    background: #000000;
}

header{
    background:#000000;
    color:white;
    padding:20px;
    text-align:center;
}

nav{
    display:flex;
    justify-content:center;
    background:#000000;
    color: yellow;
}

nav a{
    color: yellow;
    padding: 5px 25px 5px 25px;
    text-decoration:none;
    font-weight: bold;
}

nav a:hover{
    background:#000000;
}

main{
    display:grid;
    grid-template-columns: 1fr;
    gap:15px;
    padding:15px;
    color: black;
}

.card{
    background:#AAAAAA;
    padding:15px;
    text-align:justify;
    border-radius:25px;
    color: black;
}

footer{
    background:#000000;
    color:white;
    text-align:center;
    padding:15px;
}
.kop{
	margin-left: 20px;
	font-size:24px;
	font-weight: bold;
}
a.projecten
	{
		color: black;
		text-decoration:none;
		font-weight: bold;
	}
li
	{
		margin-left : 25px;
	}
h1
	{
		font-size ; 36px;
	}
h3
	{
		font-size : 18px;
	}

/* Tablet */
@media (max-width: 1000px){
    main{
        grid-template-columns: repeat(1, 1fr);
    }
}

/* Telefoon */
@media (max-width: 600px){
    nav{
        flex-direction:column;
        text-align:center;
    }

    main{
        grid-template-columns: 1fr;
    }
}