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;
}

a{text-decoration: none;}

nav a {
    border: solid 3px #fd3765;
    background-color: #fea201;
    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: #fd3765;

}

nav a.active,nav a:hover {
    background-color: #fd3765;
    border: solid 3px #fea201;
    color: #fea201;
}

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

header {
    background-image: url(../afbeeldingen/index/lakysha_achterground.png);
    background-position: center;
    background-size: cover;
    width: 100%;
    padding-top: 20.5%;
}

main {
    grid-template-columns: repeat(7, 1fr);
    display: grid;
    margin-top: 2.6%;
}
main section h2,main section h4{text-align: start;
    margin-left: -14.8%;
    margin-top: 10.5%;}
main a{color: #fd3765;}
main section {
    grid-column: 1/2;
    grid-row: 1/2;
    width: 143.6%;
    padding-top: 15.6px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(255, 108, 0, 0.48);
    background-color: rgba(255, 119, 0, 0.74);
    height: 99.2%;
    margin-top: 24.8%;
    margin-left: 5%;
    padding-left: 154.2%;
}

main img:nth-child(2) {
    border-radius: 8px;
    width: 101.0%;
    grid-column: 1/2;
    grid-row: 1/3;
    margin-top: 43.0%;
    margin-left: 19.5%;
    border: solid #fd3765 6px;
}

main section p {
    font-size: 13.2px;
    width: 92.7%;
    margin-left: -16.7%;
    padding-top: 2.7%;
}
main article{grid-column: 4/5;
    grid-row: 1/2;
    width: 174.0%;
    margin-left: 33.7%;}
main h2,
main h4 {
    color: #fd3765;
}
main p:nth-child(4){grid-column: 4/5;
    grid-row: 2/3;
    box-shadow: 0 4px 8px rgba(255, 108, 0, 0.48);
    background-color: rgba(255, 119, 0, 0.74);
    color: #fd3765;
    border-radius: 37.3px;
    text-align: center;
    font-weight: bold;
    margin-top: 21.0%;
    line-height: 40.9px;

    width: 60.8%;
    margin-left: 98.9%;
  }

    main p:nth-child(5){grid-column: 6/7;
        grid-row: 2/3;
        box-shadow: 0 4px 8px rgba(255, 108, 0, 0.48);
        background-color: rgba(255, 119, 0, 0.74);
        color: #fd3765;
        border-radius: 37.3px;
        text-align: center;
        font-weight: bold;
        margin-top: 20.5%;
        line-height: 40.9px;
        width: 62.5%;
        margin-left: 8px;
      }
    main p:nth-child(6){grid-column: 7/8;
        grid-row: 2/3;
        box-shadow: 0 4px 8px rgba(255, 108, 0, 0.48);
        background-color: rgba(255, 119, 0, 0.74);
        color: #fd3765;
        border-radius: 37.3px;
        text-align: center;
        font-weight: bold;
        margin-top: 20.5%;
        line-height: 40.9px;
        width: 60.8%;
        margin-left: 8.7%;
}


main img:nth-child(7) {
    grid-column: 4/5;
    grid-row: 1/3;
    border-radius: 8px;
    border: solid #fd3765 6px;
    width: 93%;
    margin-top: 25.7%;
    margin-left: 76.5%;
}


main img:nth-child(8) {
    grid-column: 5/6;
    grid-row: 1/2;
    border-radius: 8px;
    border: solid #fd3765 6px;
    width: 93%;
    margin-top: 25.7%;
    margin-left: 83.4%;
}

main img:nth-child(9) {
    grid-column: 6/7;
    grid-row: 1/3;
    border-radius: 8px;
    border: solid #fd3765 6px;
    margin-top: 25.7%;
    width: 93.8%;
    margin-left: 90.5%;
}

























footer {
    width: 100%;
    display: flex;
    height: 75.3px;
    background-image: url(../afbeeldingen/index/lakysha_nav.webp);
    background-position: center;
    margin-top: 9.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%;
}