html, body {
    font-size: 16px;
    font-weight: 300;
    color: var(--text-color);
    background-color: transparent;

    font-family: var(--font-family), var(--font-style);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--headline-font-family), var(--headline-font-style);
}

.background-secondary {
    background-color: var(--secondary-background-color);
}

/* Container */
.container-fluid {
    width: 80%;
}

/* Anchors */
a {
    color: var(--text-color);
}

a:hover {
    color: var(--accent-color);
    text-decoration-color: var(--accent-color);
}

/* Navigation */
nav.navbar {
    padding-left: 0;
    padding-right: 0;
}

nav.navbar > .container-fluid {
    padding-left: 2rem;
    padding-right: 2rem;
}

nav.navbar img.navbar-brand-img {
    max-width: 100%;
    max-height: 2rem;
}