body {
    font-family: sans-serif;
    text-align: center;
}

button {
    padding: 10px 20px;
    font-size: 16px;
    background-color: #4CAF50;
    color: white;
    border: none;
    cursor: pointer;
}

body {
    margin: 0; /* Verwijder standaard marges */
    background-image: url("TimmermanBurger.webp"); /* Vervang met de URL van je afbeelding */
    background-size: cover; /* De afbeelding dekt de hele achtergrond */
    background-position: center; /* De afbeelding wordt gecentreerd */
    background-repeat: no-repeat; /* De afbeelding wordt niet herhaald */
    display: flex; /* Gebruik flexbox voor centering */
    justify-content: center; /* Centreer horizontaal */
    align-items: center; /* Centreer verticaal */
    min-height: 100vh; /* Zorg ervoor dat de achtergrond de hele viewport vult */
}

.content {
    padding: 100px;
    background-color: rgba(255, 255, 255, 0.95); /* Verhoogde ondoorzichtigheid naar 95% */
    max-width: 800px;
    margin: 0 auto;
    border-radius: 10px; /* Afgeronde hoeken */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); /* Subtiele schaduw rond het content vak */
}

/* Nieuwe stijl voor tekst binnen de content */
.content h1, .content p {
    color: #333; /* Donkergrijze tekst */
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); /* Witte tekstschaduw voor contrast */
    line-height: 1.6; /* Verbeterde regelafstand voor betere leesbaarheid */
}