body {
    background-color: #171717;
}

footer {
    background-color: rgb(217, 225, 255);
}

#navigation-bar {
    background-color: dimgrey;
}

#main-container {
    background-color: ghostwhite;
    max-width: 600px;
}

#top-logo-image {
    border-radius: 50%;
}

#navigation-menu-button {
    background-color: #1650a5;
    color: white;
    font-size: 1.1rem;
    font-family: 'Science Gothic', sans-serif;
}

.good-affinity {
    /*background-color: lightgreen;*/
    border: 3px solid lightgreen;
}

.info-affinity {
    /*background-color: dodgerblue;*/
    border: 3px solid dodgerblue;
}

.warn-affinity {
    /*background-color: orange;*/
    border: 3px solid orange;
}

.bad-affinity {
    /*background-color: palevioletred;*/
    border: 3px solid palevioletred;
}

.category-text-container {
    border: 2px solid #164b7e;
    font-weight: 500;
}