body{
font: 15px/1.3 'Courier New', Courier, monospace;
padding:10;
margin:10;
background-image:url(../images/kuerst.jpg);
background-size: cover;
}

main{
max-width: 1080px;
margin: auto;
/* opacity: 0.5; */
background-color: green;
padding: 1%;

}
.grid-container {
    display: grid;
    grid-template-columns: max-content auto max-content;

   
  }
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }

/* global */
.container{
width: 80%;
margin:auto;
overflow:hidden;
}
P { text-align: center }
H1 { text-align: center }
H2 { text-align: center }
H3 { text-align: center }
H4 { text-align: center }
H5 { text-align: center }
H6 { text-align: center }
H2 { text-align: center }

/* header */
header{
    position:top;
    width:auto;
    height:45px;
    /* float:right; */
    padding:20px;
    margin: 45px 0px 25px 0px ;
    background-blend-mode: multiply;
    color: #FFFFFF;
    background:magenta;
}

title{
    background:#000000;
}

nav{
    font: 15px/1.8 'Courier New', Courier, monospace;
    float:left;
    border: #000000 3px solid;
    margin: 15px;
    padding:  20px 60px 20px 60px;
    color: black;
    background-color: magenta;
    text-decoration:none;
}

nav a{
    font: 15px/1.8 'Courier New', Courier, monospace;
    color: #000000;
    text-decoration:none;
    padding:  5px 5px 5px 5px;
}
nav a:hover{
    font-weight:bold;
    color:white;


}

div#hoofd:hover{
    background-color:grey;
}
div#kast{
    float:left;
/* border: #000000 3px solid; */
margin: 20px;

    padding: 350px 350px 350px 350px;
    background-color: magenta;
}
div#kast2{
    float:left;
/* border: #000000 3px solid; */
margin: 20px;

    padding: -450px -250px -450px -150px;
    background-color: green;
}

div#about{
    float:left;
/* border: #000000 3px solid; */
margin: 20px;

    padding: 50px 5px 5px 5px;
    background-color: white;
}
div#about:hover{
    background-color: magenta;
}



    .grid-container {
        margin: auto;
        width: 90%;
        overflow: hidden;
        /* margin-bottom: -1.875em; */
        /* margin-left: 10%; */
        /* margin-right: 50%; */

        -webkit-columns: 4 300px;
        -moz-columns: 4 300px;
        columns: 4 300px;
        -webkit-column-gap: 1em;
        -moz-column-gap: 1em;
        column-gap: 1em;

    }