body {
    max-width: 960px;
    margin: 1em auto;
    background-color: aliceblue;
}
.logoPlant {
    width: 120px;
    height: auto;
}
.imageAgave {
    width: 120px;
    height: auto;
}
.imageAloeVera {
    width: 120px;
    height: auto;
}

.logoPlantengids {
    display: inline;
}
.logo-flex{
text-align: center;
    align-items: center;
}
.plantenGids {
    flex-direction: column;
    align-items: center;
}

.planten-flex {
    display: flex;
    flex-wrap: wrap;         
    gap: 3%;
    margin-top: 2rem;
}

.plant-card {
    width: 31%;
    background: green;
    color:white;
    font-size: bold;
    padding: 1rem;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 2rem;

}

.plant-card img {
    width: 100%;
    height: auto;
}

footer {
    display: block;
    align-content: center;
    background-color: green;
    color: white;
    font-size:bold;
    text-align: center;
}
a:active,
a:link
{
    color: white;
    font-size: bold;
}
.pHoofding {
    max-width: 960px;
    text-align: center;
}