/* Global styles */
body {
    font-family: Arial, sans-serif;
    line-height: 1.6; /* Grotere regelhoogte voor betere leesbaarheid */
    margin: 0;
    padding: 0;
    background-color: #121212; /* Donkere achtergrond */
    color: #e0e0e0; /* Lichtgrijze tekst voor contrast */
}

/* Header styles */
header {
    background-color: #1e1e1e; /* Iets lichter donker voor header */
    text-align: center;
    padding: 10px 0;
}

/* Main content styles */
main {
    padding: 20px;
}

/* Article styles */
article {
    background-color: #1f1f1f; /* Donkerder achtergrond voor artikelen */
    padding: 15px;
    margin: 15px 0;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(255, 255, 255, 0.1); /* Lichte schaduw voor diepte */
    max-width: 800px; /* Maximaliseren van breedte voor desktop */
    margin-left: auto; /* Centraal uitlijnen */
    margin-right: auto; /* Centraal uitlijnen */
}

/* Text styles */
h2, h3 {
    color: #ffcc00; /* Gouden kleur voor koppen */
}

p {
    color: #e0e0e0; /* Lichtgrijze tekst voor paragrafen */
}

/* Responsive styles */
@media (max-width: 768px) {
    article {
        padding: 10px; /* Minder padding voor mobiele weergave */
        margin: 10px 0; /* Minder marge voor mobiele weergave */
        line-height: 1.5; /* Kleinere regelhoogte voor mobiel */
    }
}