:root {
    --rich-mahogany: #250902;
    --rich-mahogany-2: #38040e;
    --black-cherry: #640d14;
    --dark-wine: #800e13;
    --brown-red: #ad2831;
    --soft-blush: #F5E0E2;
}

body {
    background: var(--brown-red);
    color: var(--soft-blush);

    font-smooth: never;
    font-family: monogram_extended;
    padding: 0 20px;
}

/* Header */
.universal-header {
    margin: 10px;
    display: flex;
    align-items: center;
    /* flex-direction: column; */
    justify-content: space-between;
}

.header-title-wrapper, .header-tagline-wrapper {
    display: flex;
    align-items: center;
}

.header-title {
    color: var(--soft-blush);
    text-decoration: none;
    font-size: 4rem;
    font-style: italic;
    display: inline-block;
    margin: 10px;
    text-shadow: 3px 3px black;
}

.header-logo {
    height: 50px;
    display: inline-block;
}

.header-tagline-wrapper > .header-tagline {
    font-style: italic;
    margin: 10px;
}

.header-tagline-wrapper > .header-logo {
    transform: scaleX(-1);
}

.page {
    display: flex;
    flex-direction: row;
}

.center-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

h1, .panel-heading > p {
    font-size: 1.7rem;
    font-weight: normal;
    margin: 0;
    /* font-style: italic; */
}

h1::after {
    content: ".html";
}

h2 {
    font-size: 2.5rem;
    font-weight: normal;
    font-style: italic;
    text-decoration: underline;
}

/* h2::before { */
/*     content: "\00a7"; */
/*     content: "\03bb"; */
/*     color: #CD7980; */
/*     margin-right: 10px; */
/*     display:inline-block
/* } */

p, ul, h2 {
    margin: 10px 0px;
}

h1 {
    margin: 0px;
}

.link {
    display: inline-block;
    
}

p.link-container {
    margin: 10px auto;
}

.link:link,
.page-nav-link:link,
.page-nav-link:visited,
.site-nav-link:link,
.contact-link:link {
    color: #55ff55;
}

/* visited link */
.link:visited,
.site-nav-link:visited,
.contact-link:visited {
    color: #00aa00;
}

/* mouse over link */
.link:hover,
.page-nav-link:hover,
.site-nav-link:hover,
.contact-link:hover {
  color: hotpink;
}

/* selected link */
.link:active,
.page-nav-link:active,
.site-nav-link:active,
.contact-link:active {
    color: pink;
}

.heading-wrapper {
    display: flex;
    align-items: center;
}

.heading-wrapper > .anchor {
    display: inline-block;
    text-decoration: none;
    color: #CD7980;
}

.heading-wrapper > .anchor:hover {
    color: var(--soft-blush);
}

.heading-wrapper > h2 {
    display: inline-block;
    margin: 10px;
}

ul {
    padding-left: 0px;
    font-size: 2rem;
    list-style-type: none;
    list-style-position: outside;
}

li::before {
    content: "\2022";
    margin: 10px;
    /* position: absolute; */
}

p, a {
    font-size: 2rem;
}

.panel-heading {
    background: var(--rich-mahogany-2);
    padding: 1px 3px;
    border-bottom: 3px solid black;
    /* margin: -10px; */
    /* width: auto; */
    /* display: block; */
}

.panel {
    border: 3px solid black;
    border-radius: 1px;
    box-shadow: 3px 5px var(--rich-mahogany);

    background: var(--dark-wine);

    /* padding: 10px; */
    margin: auto 10px;
    margin-top: 0px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    /* height: 200px; */
}

.site-nav, .page-nav {
    /* flex-grow: 5; */
    min-width: 200px;
    position: sticky;
    top: 0;
}

.main {
    /* max-width: 500px; */
    /* min-width: 100px; */
    /* flex-grow: 7; */
}

.universal-footer.panel {
    margin: 10px;
    padding: 0px 10px;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    min-width: 40%;
}

.universal-footer > * {
    margin: 10px;
}

.panel-content {
    padding: 5px 10px;
    /* display: flex; */
    /* flex-direction: column; */
}