body {
    width: 100%;
    background-color: rgb(255, 255, 255);
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    overflow-x: hidden;
}

nav img {
    width: 8.1%;
}

nav ul {
    list-style: none;
}



nav a {
    border: solid 3px #37aafd;
    background-color: #fe4401;
    border-radius: 2.7px;
    float: right;
    font-weight: bold;
    font-size: 26.1px;
    text-align: center;
    overflow: hidden;
    margin-top: 3.4%;
    margin-right: 8.8%;
    color: #37aafd;
    text-decoration: none;
}

nav a.active,nav a:hover {
    background-color: #37aafd;
    border: solid 3px #fe4401;
    color: #fe4401;
}


nav {
    background-image: url(../afbeeldingen/andywarhol/lakysha_nav.jpg);
    background-position: center;
    margin-top: -1.1%;
    width: 100%;
}





main {
    grid-template-columns: repeat(7, 1fr);
    display: grid;
}


main img:nth-child(1) {
    width: 135.5%;
    grid-column: 1/2;
    grid-row: 1/2;
    margin-top: 24.8%;
    margin-left: 10%;
}
main section h2{color: #37aafd;}
main section:nth-child(2) {
    grid-column: 2/4;
    grid-row: 1/2;
    width: 121.0%;
    margin-top: 18.1%;
    margin-left: 25.1%;
}

main img:nth-child(3) {
    grid-column: 4/5;
    grid-row: 1/3;
    margin-top: 27.5%;
    width: 23.1%;
    margin-left: 101.1%;
}

main img:nth-child(4) {
    grid-column: 4/5;
    grid-row: 1/3;
    margin-top: 60.1%;
    width: 23.1%;
    margin-left: 100.9%;
}

main img:nth-child(5) {
    grid-column: 4/5;
    grid-row: 1/3;
    margin-top: 94.1%;
    width: 23.1%;
    margin-left: 101.1%;
}

main img:nth-child(6) {
    grid-column: 4/5;
    grid-row: 1/3;
    margin-top: 129.2%;
    width: 23.1%;
    margin-left: 101.1%;
}

main article{grid-column: 5/7;
    grid-row: 1/3;
    margin-left: 5.6%;
    margin-top: 12.7%;
    font-size: 21.2px;
    width: 180.8%;}
main article li{color:#37aafd;
font-weight:500;}

main article ul{list-style: none;}







main img:nth-child(8) {
    grid-column: 6/7;
    grid-row: 1/3;
    width: 72.6%;
    margin-top: 26.7%;
    margin-left: 55.1%;
}
main img:nth-child(9) {
    grid-column: 6/7;
    grid-row: 1/3;
    width: 71.4%;
    margin-top: 26.6%;
    margin-left: 127.8%;
}
main img:nth-child(10) {
    grid-column: 6/7;
    grid-row: 1/3;
    width: 72.9%;
    margin-top: 100.5%;
    margin-left: 53.8%
}
main img:nth-child(11) {
    grid-column: 6/7;
    grid-row: 1/3;
    width: 70.9%;
    margin-top: 101.9%;
    margin-left: 128.1%;
}














main img:nth-child(12) {
    grid-column: 1/2;
    grid-row: 1/3;
    width: 339.7%;
    margin-top: 212.0%;
    margin-left: 11.2%;
  }

main img:nth-child(13) {
    grid-column: 1/2;
    grid-row: 1/3;
    width: 73.7%;
    margin-top: 265.0%;
    margin-left: 127.7%;
}








main article:nth-child(14){grid-column: 1/2;
    grid-row: 1/3;
    width: 291.4%;
    margin-top: 177.1%;
    font-size: 20px;
    text-align: center;
    color: #37aafd;}
section h2{color: #37aafd;}
main section:nth-child(15){grid-column: 4/6;
    grid-row: 2/3;
    text-align: end;
    width: 114.6%;
    margin-left: 28%;
    margin-top: 21.1%;}

main img:nth-child(16) {
    grid-column: 5/6;
    grid-row: 2/3;
    width: 162.9%;
    margin-top: 13.2%;
    margin-left: 158.6%;
}


footer {
    width: 100%;
    display: flex;
    height: 75.3px;
    background-image: url(../afbeeldingen/andywarhol/lakysha_nav.jpg);
    background-position: center;
    margin-top: 4.5%;
    align-items: center;
    position: absolute;
}

footer img {
    overflow: hidden;
    float: left;
    height: 38px;
    width: 38px;
    padding: 20px;
}

footer p {
    color: #ffffff;
}

footer h6 {
    margin-top: 36.7px;
    overflow: hidden;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    margin-left: 54.2%;
}