/* css settings*/
:root {
    /* text colors */
    --text-color: white;
    --header-color: #FFE49C;
    --header-shadow: 5px 5px #5E619D;
    --subheader-color: #492c10;
    --subheader-shadow: 5px 5px #eee7cc;
    --sidebar-text-color: #000000;
    --sidebar-title-color: #F0F8EA;
    --link-color: #8AC7C6;
    --link-color-hover: #D6FFFD;
    --link-color-active: white;
    --redlink: #5E619D;
    /* fonts */
    --font: Times, serif;
    --header-font: Courier;
    --subheader-font: subheader-font;
    --sidebar-font: main-text-font;
    --cursive-font: caligraphy-font;
    --sidebar-font-size: 17px;
    --font-size: 14.5px;
    --margin: 10px;
    --padding: 0px;

    /* borders */
    --border: 2px solid #2c1906;
    --round-borders: 5px;
    --sidebar-round-borders: 30px;
}



/* body settings */


#container {
    display: flex;
    flex-direction: column;
    font-size: var(--font-size);
    color: var(--text-color);
    font-family: var(--font);
    line-height: 1.2;

    padding: var(--padding);

    margin: 0 auto;
    max-width: 1500px;
}


/* header settings*/

header {
    border: var(--border);
    border-radius: var(--round-borders);
    padding: var(--padding);
    background: var(--main-background-color);
}

h1 {
    margin-top: 15px;
    text-align: center;
    font-family: var(--header-font);
    font-size: 2.5em;
    color: var(--header-color);
    text-shadow: var(--header-shadow);
}

#header-container {
    height: fit-content !important;
    margin: auto;
    justify-content: space-around;
}

#header-container>img {
    height: fit-content;
    margin-top: auto;
    margin-bottom: auto;
}

/* footer settings */

footer {
    margin-top: 10px;
    border: var(--border);
    border-radius: var(--round-borders);
    overflow: hidden;
    padding: 15px;
    background: var(--main-background-color);
    display: flex;
    justify-content: center;
}

footer p {
    margin: 5px;
}


/* nav */

#primary-nav ul {
    padding: 0;
    font-size: 1.2em;
    list-style: none !important;
    justify-content: space-evenly;
    font-family: var(--header-font);
}

#primary-nav a:hover {
    text-decoration: underline;
    font-style: normal;
}

#primary-nav a {
    text-decoration: none;
}

#primary-nav ul li {
    margin-bottom: 0;
}

#primary-nav ul li>a {
    padding: 10px;
}

header #primary-nav {
    margin-bottom: 0;
}

header #primary-nav ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

header #primary-nav ul li:first-child>a {
    padding-left: 0;
}

header #primary-nav ul li:last-child>a {
    padding-right: 0;}


/* links */
a {
    text-decoration: underline;
}

a,
a:visited {
    color: var(--link-color);
}

a:hover,
a:focus {
    color: var(--link-color-hover);
    text-decoration: none;
}

a.redlink {
    text-decoration: none;
    font-style: italic;
    color: var(--redlink);
}
a:active {
  text-decoration:none;
  font-style: italic;
  color: var(--link-color-active);}
a.redlink:hover {
    text-decoration: none !important;
    font-style: italic !important;
}