body{
    background-image: url(../afbeeldingen/backgroundfrietjes.jpg);
    
}

h2{
    text-align: center;
    font-family:"Darumadrop One" ;
    font-size: 60px;
}
header{
    background-color: rgb(37, 37, 37);
    border-color: rgb(37,37,37);
    border-radius: 25px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

header img{
    width: 10%;
    
}

header :nth-child(1){
    grid-column-start: 1;
    width: 30%;
    padding-left: 30%;
}

header :nth-child(2){
    grid-column-start: 2;
    text-align: center;
    font-size: 70px;
    color: white;
    font-family: "Darumadrop One";
}

header :nth-child(3){
    grid-column-start: 3;
    width: 30%;
    padding-left: 30%;
}

nav{
    overflow: hidden;
    background-color: rgb(37, 37, 37);
    border-color: rgb(37,37,37);
    border-radius: 25px;
    position: sticky;
    top: 10px;
}


nav ul{
    list-style: none;
    overflow: hidden;
    
}


nav li{
    float: left;
    padding-left: 15%; 
    font-size: 25px;
    font-family: "Darumadrop One";
    
}

a:hover{
    color: rgb(255, 0, 0);

}

nav a{
    color: white;
    text-decoration: none;

}

main h1{
    text-align: center;
    font-size: 100px;
    font-family: "Darumadrop One";
}

main{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
main :nth-child(1){
    grid-column-start: 1;
    grid-column-end: 4;
    
}
main :nth-child(2){
    grid-column-start: 2;
}

section{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 25px;
    margin-top: 5%;
}

article{
    background-color: rgb(37,37,37);
}

article img{
    width: 60%;
    padding-left: 20%;
}

article p{
    color: white;
    text-align: center;
}

footer{
    background-color: rgb(37, 37, 37);
    border-color: rgb(37,37,37);
    border-radius: 25px;
}

footer li{
    color: white;
    font-family:"Darumadrop One";
    text-align: center;
}

h3{
    font-family: "Darumadrop One";
    color: white;
    text-align: center;
}

section h1{
    grid-column-start: 1;
    grid-column-end: 4;
}