body {
    background-color: black;
    margin: 0;
    padding: 20px;
}

.copyright {
    font-family: 'Courier New', Courier, monospace;
    font-size: 10px;
    color: azure;
    text-align: center;
    margin-top: 40px;
}

.title {
    font-family: 'Courier New', Courier, monospace;
    font-size: 60px;
    color: azure;
    text-align: center;
}

.text {
    font-family: 'Courier New', Courier, monospace;
    font-size: 15px;
    color: azure;
    text-align: center;
}

/* Standaard grote knoppen voor homepagina */
.button {
    border-radius: 20px;
    color: #FFFFFF;
    font-family: 'Courier New', Courier, monospace;
    font-size: 15px;
    font-weight: bold;
    padding: 15px 30px; /* Aangepast naar subtielere padding */
    background-color: #002753;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    margin: 10px 0;
}

.button:hover {
    background: rgba(192, 11, 11, 0.61);
    border: 1px solid #337FED;
}

.status_1 {
    font-family: 'Courier New', Courier, monospace;
    font-size: 20px;
    color: rgb(81, 158, 52);
    text-align: center;
}

/* Kaarten voor projecten en team */
.project_div, .teamdiv {
    border: 2px solid red;
    border-radius: 8px;
    padding: 20px;         
    max-width: 350px;      
    margin: 20px auto; 
    text-align: center; /* Zorgt dat alle tekst en knoppen binnen de kaart centreren */
}

/* Project afbeelding */
.image {
    max-width: 100%; 
    height: auto;    
    display: block;
    margin: 0 auto 15px auto;
}

/* Team afbeeldingen */
.teamimage {
    max-width: 50%; 
    height: auto;    
    border-radius: 50%; /* Optioneel: maakt de profielfoto's mooi rond! */
    display: block;
    margin: 0 auto 15px auto;
}

.navbar {
    text-align: center;
    padding: 20px 0;
}

.navbar a {
    color: azure;
    font-family: 'Courier New', Courier, monospace;
    text-decoration: none;
    margin: 0 15px;
    font-size: 18px;
}

.navbar a:hover {
    color: #00e676;
}

.status_2 {
    font-family: 'Courier New', Courier, monospace;
    font-size: 20px;
    color: rgb(127, 63, 3);
    text-align: center;
}

.status_3 {
    font-family: 'Courier New', Courier, monospace;
    font-size: 20px;
    color: rgb(141, 119, 29);
    text-align: center;
}

.newsdiv {
    border: 2px solid rgb(7, 8, 125);
    border-radius: 8px;
    padding: 20px;         
    max-width: 350px;      
    margin: 20px auto; 
    text-align: center; /* Zorgt dat alle tekst en knoppen binnen de kaart centreren */
}