body {
    background-image: url('achtergrond-groen-blauw.png');
    background-size: cover;
    background-position: center;
    margin: 0;
    padding: 0;
    color: white;
    font-family: Arial, sans-serif;
    transition: background-color 0.25s ease;
}

header {
    text-align: center;
    padding: 10px;
}

.slider-section {
    text-align: center;
    padding: 20px;
}

.slider-labels {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

#text-slider {
    width: 300px;
    accent-color: #011502;
}

.text-section {
    display: flex;
    justify-content: center;
    padding: 20px;
}

.text-section p {
    max-width: 50%;
    text-align: center;
    word-wrap: break-word;
}

.info-section {
    text-align: center;
    padding: 10px;
}

.image-section {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px;
}

.team-image {
    width: 390px;
    height: auto;
    transition: opacity 0.25s ease-in-out;
    opacity: 1;
}

footer {
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    text-align: center;
    padding: 10px;
}

.contact-link {
    color: white;
    text-decoration: underline;
}

.contact-link:hover {
    color: #9ec5ab;
    text-decoration: none;
    font-weight: bold;
    text-shadow: 0 0 5px #9ec5ab;
    transition: 0.3s ease;
}