body {
    background-color: black;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: white;
}

.title {
    text-align: center;
}

.navbar {
    display: flex;
    flex-direction: row;
    height: 40px;
    background-color: #302c2b;
    align-items: center;
    justify-content: space-evenly; 
}

.navbar-item {
    color: white;
    flex-grow: 1;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    }

.navbar-divider {
    background-color: white;
    height: inherit;
    width: 1px;
}

.source-category {
    width: 100%;
    position: relative;
    display: inline-block;
}

.source-category-button {
    background-color: #302c2b;
    width: 100%;   
    height: 35px; 
    display: flex;
    align-items: center;
    justify-content: center;
}

.source-category-content {
    display: none;
    position: absolute;
    z-index: 1;
    width: 100%;
}

.source-category-content a {
    color: white;
    text-decoration: none;
}

.source-category-button:hover {
    background-color: #524e4d;
}

.source-category-item {
    display: block;
    background-color: #44403f;
    width: 100%;
    height: 25px;
    text-align: center;
    color: white;
    text-decoration: none;
}

.source-category-item:hover {
    background-color: #524e4d;
}

.show {
    display:block;
}