:root {
    --paper:        #24211c;
    --ink:          rgb(197, 181, 154);
    --link:         rgb(125, 112, 90);
    --chocolate:    rgb(188, 103, 96);
    --chocolate-dense:    rgb(161, 55, 74);
}

* {
    box-sizing: border-box;
}

body {
    font-family: "Times New Roman", "Yu Mincho", serif;
    color: var(--ink);
    background-color: var(--paper);
    padding: 30px 0px 0px 0px;
    margin-inline: auto;
    max-inline-size: 55em;
}

header {
    padding: 30px 20px 20px 20px;
    background-color: var(--ink);
    color: var(--paper);
    text-align: right;
}

header p {
    font-size: 15pt;
    margin: 20px 0px 0px 0px;
}

main {
    padding: 20px 20px 20px 20px;
}

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

section {
    flex: 1;
    padding: 0px 0px 0px 0px;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: left;
}

h1 {
    font-family: "Helvetica", "Arial", serif;
    font-size: 28pt;
    font-weight: bold;
    margin: 0;
}

h2 {
    font-family: "Helvetica", "Arial", serif;
    font-size: 26pt;
    text-align: left;
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: var(--chocolate);
    text-decoration-thickness: 3px;
    text-underline-offset: 0.1em;
}

ul {
    list-style-type: disclosure-open;
}

li {
    font-size: 20pt;
    margin: 0em 0em 1.0em 0em
}

.li-note {
    font-size: 13pt;
    margin: 0.3em 0em 0em 0em;
}

#email-container {
    overflow-wrap: break-word;
}