nav.nav-primary {
    display: flex;
    justify-content: center;
    color: #b1b1b1;
    background-color: #303030;
    border-bottom: 0.2rem solid #797979;
}
nav.nav-primary > a {
    color: #E3CDA4;

}
/* the body: background */
body {
    background-color: #2c2b2b;
}
/* the actual links */
li.menu-item {
    display: flex;
    padding: 0px 0.5rem 0px 0.5rem;
}
ul#menu-navbar {
    display: flex;
}

/* The text */
h1, h2, h3, h4, h5, h6, main, section {
    color: #c7c7c7;
    text-align: center;
}
main > div.banner-container {
    padding: 0.5rem;
    margin: 0.5rem;
}

/* Footer */
footer.content-info {
    border-top: 0.2rem solid #797979;
    display: flex;
    justify-content: space-evenly;
}

/* frontpage banner */
div.banner-container {
    display: grid;
    justify-content: center;
}

button.btn-primary {
    background-color: #2F343B;
    color: #E3CDA4;
    border-color: #E3CDA4;
    padding: 0rem 0.5rem 0rem 0.5rem;
    margin: 0rem 0.5rem 0rem 0.5rem;
}
button.btn-secondary {
    background-color: #2F343B;
    color: #E3CDA4;
    border-color: #2F343B;
    padding: 0rem 0.5rem 0rem 0.5rem;
    margin: 0rem 0.5rem 0rem 0.5rem;
    max-width: fit-content;
}
#content {
    padding: 0rem 1.5rem 0rem 1.5rem;
}