body {
margin: 0;
padding: 0;
background-color: #0a0f2c; /* donkerblauw/lichtzwartblauw */
font-family: Arial, sans-serif;
color: white;
display: flex;
flex-direction: column;
align-items: center;
padding: 40px;
}
table {
border-collapse: collapse;
width: 80%;
background-color: #1b1f3b;
color: white;
margin-bottom: 30px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
th, td {
border: 1px solid #444;
padding: 12px 15px;
text-align: left;
}
th {
background-color: #2a2f50;
}
.green-button {
background-color: #28a745;
color: white;
padding: 12px 24px;
font-size: 16px;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.green-button:hover {
background-color: #218838;
}
.stats-table {
margin-top: 30px;
padding: 8px 10px;
}
.verwijderen {
background-color: red;
color: white;
border-radius: 5px;
padding: 10px 8px;
cursor: pointer;
}
.verwijderen:hover {
background-color: #B22222;
}
.updaten {
background-color: blue;
border-radius: 5px;
color: white;
padding: 10px 8px;
cursor: pointer;
}
.updaten:hover {
background-color: #000080
}