* {
    font-family: "Georgia", serif;
    font-size: 21px;
}

html {
    margin: 2rem;
    scroll-behavior: smooth;
}


/* ===== Headings  ===== */

h1 {
    color: inherit;
    font-size: 1.5rem;
    margin-bottom: 1.3rem;
}

h2 {
    font-size: 1.3rem;
}

h2, h3, h4, h5, h6 {
    color: #990000; /* Capen Brick */
}

/* ===== Links  ===== */

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* ===== Layout  ===== */

.main {
    margin-left: 17rem;
    width: 30rem;
    padding-bottom: 3rem;
    padding-right: 2rem;
}

.nav li {
    display: inline;
}

.nav li + li::before {
    content: " | ";
}

.sidebar {
    float: left;
    width: 16rem;
}

img[src = "portrait.jpg"] {
    border: 1px solid black;;
    display: block;
    margin-bottom: 1.3rem;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
}

/* ===== Utilities  ===== */

/* TODO: New */
.indent {
    margin-top: -0.75rem;
    padding-left: 1.5rem;
    font-family: inherit;
}

.ref-note, .ref-note * {
    font-style: italic;
    font-family: inherit;
}

.ref-note::before {
    content: "\2799\ ";
}