:root {
    /* color-scheme: dark light; */
}

body {
    /* font-family: serif; */
    text-align: center;
    /* background-color: #fff1e5; */
    background-color: #e2e2e2;
    font-size: 16px;
    font-family: "CrimsonSemibold", Georgia, serif;
}
main { margin: 0 auto; text-align: justify; max-width: 540px; }
header { margin: 0 auto; text-align: center; max-width: 540px; }
a {
    color: #1f3a9f;
    /* font-weight: bold; */
    text-decoration: none;
    border-bottom: 1px dotted;
}
/* header { background-color: #1f3a6f; } */

h1 {
    color: #1F3A6F;
    /* color: #A88C4F; */
    text-transform: uppercase;
    font-family: Georgia, serif;
    font-weight: normal;
    letter-spacing: 0.08em;
    /* font-size: 2.5em; */
    /* color: #336; */
    /* font-style: normal; */
    /* line-height: 1.1em; */
    /* font-weight: normal; */
    /* letter-spacing: -1px; */
}
/* h1 span { line-height: 1em; } */
/* h2 { color: #990f3d; } */
h2 {
    color: #3e3e3e;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 0.08em;
}
/* h3 { font-weight: normal; } */
p {
    /* font-family: "LucidaGrande", Helvetica, Arial, sans-serif; */
    line-height: 1.4em;
}
footer p { /*font-size: 0.8em;*/ /*color: #666;*/ }
/* main p::first-letter { -webkit-initial-letter: 2; } */

div.feature h3 {
    margin-bottom: 0;
}

div.feature ul {
    margin-top: 0;
    padding-left: 0;
}

div.feature ul li {
    display: inline;
    font-size: 0.9em;
}

div.feature ul li + li::before {
  content: '| ';
}

div.feature ul a {
    color: #3e3e3e;
}