/* # wordt gebruikt om een specifiek HTML-element te selecteren op basis van zijn id-attribuut. 
Bijvoorbeeld, als je een element hebt met id="header", zou je het kunnen selecteren met #header in CSS.

. wordt gebruikt om elementen te selecteren op basis van hun class-attribuut. 
Als je bijvoorbeeld een element hebt met class="button", zou je het kunnen selecteren met .button in CSS. */

:root{
    --lichtblauw: #0097c5;
    --donkerblauw: #045872;
    --wit: #ffffff;
    --grijswit: #ffffffd0;
}

body{
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    text-align: center;
    margin: 0;
}

.container {
    width: 800px; /* Breedte van de container */
    margin: 0 auto; /* Middelste uitlijning */
    padding: 20px; /* Optioneel: voeg wat ruimte toe rond de inhoud */
  }
  
.contentWrapper {
    max-width: 800px;
    margin: 0 auto;
    padding: 50px;
    background-color: var(--wit);
}

footer {
    background-color: var(--lichtblauw);
    color: var(--wit);
    text-align: center;
    padding: 10px 0;
    bottom: 0;
    width: 100%;
    position: fixed;
}