body {
    font-family: 'Arial', sans-serif;
    padding: 20px;
    margin: 0;
    min-height: 100vh;
    box-sizing: border-box;  

    align-items: flex-start;
    text-align: center;

    display: flex;
    justify-content: center;

    background-repeat: no-repeat;
    background-attachment: fixed;
    background: linear-gradient(135deg, #252a25, #097d24);
    background-size: cover;
    color: #0b0f0c;
}

header {
    margin-top: auto;
    margin-bottom: auto;
    background-color: #ffffff;
    border: 3px solid #000000;

    padding: 10px;
    border-radius: 12px;
    justify-content: space-between;
}
nav a {
    transition: 0.2s;

    background-color: #000000;
    color: #0ea844;

    border-radius: 12px;
    padding: 10px 10px;
    text-decoration: none;
    font-weight: bold;
    list-style: none;

    display: block;
    margin-bottom: 10px;
    width: fit-content;

    margin-right: auto;
    margin-left: auto;
    margin-top: 5px;
}
nav a:hover {
    background-color: #0ea844;
    color: #000000;
}

nav .teamselect {
    background-color: white;
}
nav .teamselect2 {
    background-color: #ffffff;
}

footer {
    background-color: #000000;
    border: 3px solid #000000;

    padding: 10px;
    border-radius: 12px;
    margin-bottom: 20px;
    margin-top: 15px;
    justify-content: space-between;
}


.index {

    border: 3px solid #ffffff;
    background: #000000;
    padding: 5px;
    border-radius: 12px;
    color: #ffffff;

    width: 90%;
    max-width: 900px;
    margin: auto;
}
.index h1{
        color: #0ea844;
        font-size: 50px;
}

.indexaccess h2 {
    color: rgb(9, 255, 0);
}



.team-members h2 {
    color: #0ea844;
    margin-top: 0;
}   
.team-members {
    background: #000000;
    color: #ffffff;
    padding: 20px;
    border-radius: 12px;
    border: 3px solid #ffffff;
    width: 500px;
}
.team-members-select {
    background: #000000;
    color: #ffffff;
    padding: 20px;
    border-radius: 12px;
    border: 3px solid #ffffff;
    width: 250px;
}
.team-members p {
    color: #ffffff;
}




.verdachte {
    background: #000000;
    padding: 20px;
    border-radius: 12px;
    border: 3px solid #fdfdfd;
    color: #ffffff;
    width: 700px;
}
.verdachte h2 {
    color: #0ea844;
    margin-top: 0;
}




/* margins van tekst in team members */
.giovanne h2,
.giovanne h4,
.giovanne p 
.patrik h2,
.patrik h4,
.patrik p,
.hayden h2,
.hayden h4,
.hayden p,
.yuvraj h2,
.yuvraj h4,
.yuvraj p {
    margin: 5px;
}
.giovanne,
.patrik,
.hayden,
.yuvraj {
    margin-bottom: 20px;
}

.profile-gio {
    width: 50%;
    height: 30%;
    border-radius: 10%;
}

.profile-hayden {
    width: 50%;
    height: auto;
    border-radius: 10%;
    object-fit: cover;
}

.profile-patrik {
    width: 50%;
    height: auto;
    border-radius: 10%;
    object-fit: cover;
}

.profile-yuvraj {
    width: 50%;
    height: auto;
    border-radius: 10%;
    object-fit: cover;
}