section {
    animation: fadeIn;
    animation-duration: 2s;
}

#members-list, #links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

#members-list li {
    background-color: #135a;
    
    height: 40px;
    width: 200px;

    margin: 5px;

    border: 3px solid rgb(21, 145, 207);
    border-radius: 10px;
    box-shadow: 0 -5px 10px #0af5, 0 5px 10px #fff3;

    display: flex;
    flex-direction: column;
    justify-content: center;

    font-size: larger;
}

#members-list li:hover {
    background-color: #555a;
    border: 3px solid white;
    box-shadow: 0 -3px 10px #fff8, 0 4px 10px #fff5;

    transition: 0.5s;
}

#members-list a {
    text-decoration: none;
    color: white
}

hr {
    min-width: 200px;
    width: 80%;
    border-top-color: #555;
    border-bottom-color: #222;
}

@keyframes fadeIn {
    from {
        opacity: 0%;
    }
    to {
        opacity: 100%;
    }
}