/* Zorgt ervoor dat de body en html de volledige hoogte van het venster innemen */
html, body {
    height: 100%;
    margin: 0; /* Verwijder standaard marges van de browser */
    padding: 0;
    overflow: hidden; /* Voorkom scrollbalken tenzij nodig */
}

/* De container gebruikt Flexbox om de inhoud te centreren */
.container {
    height: 100%; /* Neemt de volledige hoogte van de body */
    width: 100%;  /* Neemt de volledige breedte */
    display: flex; /* Activeer Flexbox */
    justify-content: center; /* Centreer de inhoud horizontaal */
    align-items: center; /* Centreer de inhoud verticaal */
    background-color: #ffffff; /* Optioneel: lichte achtergrondkleur */
}

/* Stijl voor de afbeelding zelf (optioneel, maar aanbevolen) */
.gecentreerde-afbeelding {
    /* Zorg dat de afbeelding niet buiten het scherm valt */
    max-width: 90%; 
    max-height: 90%;
}