body{
    font-family: sans-serif;
    margin:0;
    padding:0;
    background-color: #ffffe6;
    color:bisque;
}

h1{
    font-size:24px;
}

.main-top{
    margin: auto;
    width: 100%;
    text-align: center;
    position: fixed;
    top:0;
    background-color: #222222;
    height: 225px;
    padding-top:75px;
}

.main-top h1{
    font-size:32px;
}

.main-center{
    position: relative;
    margin: auto;
    width: 70%;
    max-width: 800px;
    text-align: left;
    top: 300px;
    height: 100%;
    color: #4d4d4d;
}

.main-footer{
    position: fixed;
    margin: auto;
    width: 100%;
    text-align: center;
    bottom:0;
    background-color: #222222;
}

#zoekvogeldiv {
    overflow-y: scroll; /* Vertical scroll */
    max-height: 300px;
}


.list-container {
    display: flex;
    flex-direction: column;
}

.list-header {
    display: flex;
    font-weight: bold;
    cursor: pointer;
}

.list-header div {
    flex: 1;
    padding: 8px;
    background-color: #f2f2f2;
}

.list-item {
    display: flex;
}

.list-item div {
    flex: 1;
    padding: 8px;
    border: 1px solid #ddd;
}

@media only screen and (max-width: 500px) {
    .main-center{
        width: 100%;
        padding:15px;
    }
}