*{box-sizing: border-box;}
#navcontainer
{
margin: 0;
padding: 5px 0 7px 5px;
width: 100%;
line-height: 1.75;
background-color: #8A2316;
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
overflow: hidden;
}

ul#navlist
{
text-align: center;
list-style: none;
overflow: hidden;
}

ul#navlist li
{
float: left;
width: 90%;
margin-right: 5%;
margin-left: 5%;
border: 2px solid #fff;
background-color: #B6A2AE;
}

ul#navlist li a
{
padding: 0 10px;
line-height: 1.75;
text-decoration: none;
color: #8A2316;
}

ul#navlist li a#current
{
background-color: #669;
color: #fff;
}

ul#navlist li a:hover, ul#navlist a#current:hover
{
background-color: #777;
color: #fff;
}

ul#navlist li a:active, ul#navlist li#active a#current:active
{
background-color: #f63;
color: #fff;
}
header{
background-image: url('../afbeeldingen/chris-pratt-home.webp');
min-height: 100vh;
background-size: cover;
margin: none;
}
body h1{
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
text-align: center;
overflow: hidden;
margin: 1%;
}
main{display: grid;
grid-template-columns: 33% 33% 33%;
grid-template-rows: 25% 25% 25%;}

main img{grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 3;
width: 95%;}

main :nth-child(2){grid-column-start: 2;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 2;}

main :nth-child(3){grid-column-start: 2;
grid-column-end: 4;
grid-row-start: 2;
grid-row-end: 3;
text-align: center;}

header h1{text-align: center;
color:#8A2316;
font-size: 75px;
width: 30%;
margin-left: 35%;
margin-right: 35%;}

footer{text-align: center;
padding: 1px;
background-color: #8A2316;
color: #fff;}

p{font-family: Arial, Helvetica, sans-serif;}