/* Algemene opmaak */
body {
    font-family: Arial, sans-serif; /* Lettertype */
    background-image: url(../img/galaxy.jpg);
    background-size: cover;
    background-attachment: fixed;
    color: rgb(0, 0, 0);
}

.card {
            background-color: rgba(255, 255, 255, 0.5); /* 50% doorzichtig */
            border: none; /* Optioneel: verwijdert de rand van de kaart */
        }

/* Tabelcontainer */
.table-container {
    margin: 10px; /* Verkleinen van de ruimte rondom de container */
    padding: 10px; /* Verkleinen van de opvulling binnen de container */
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 4px; /* Kleinere afgeronde hoeken */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Kleinere schaduw voor minder diepte */
}


/* Tabel opmaak */
table {
    width: 100%; /* Tabel neemt 100% van de container in */
    border-collapse: collapse; /* Geen ruimte tussen cellen */
    background-color: lightslategray;
}

th, td {
    padding: 12px; /* Opvulling binnen cellen */
    text-align: left; /* Tekst links uitlijnen */
    border-bottom: 1px solid #dee2e6; /* Onderborder voor cellen */
}

th {
    background-color: #007bff; /* Achtergrondkleur voor header */
    color: white; /* Kleur van de headertekst */
}

tr:hover {
    background-color: #f1f1f1; /* Achtergrondkleur bij hoveren */
}

/* Titel opmaak */
h2 {
    text-align: center; /* Titel centreren */
    margin-bottom: 20px; /* Ruimte onder de titel */
}