html {
    background:       rgb(23, 60, 39);
    background-image: url(/i/contours-opaque.png);
    min-height:       100%;
}
body {
    margin:      0;
    padding:     0;
    color:       #e8efec;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size:   17px;
    line-height: 1.72;
}

.page {
    max-width: 38em;
    margin:    0 auto;
    padding:   2.5em 1.25em 4em;
}

.masthead {
    font-family:    "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:      0.85em;
    padding-bottom: 0.9em;
    margin-bottom:  2.4em;
    border-bottom:  1px solid #55786a;
}
.masthead .site {
    color:           #ffffff;
    font-weight:     600;
    text-decoration: none;
    margin-right:    1.6em;
}
.masthead .nav a {
    margin-right: 1.2em;
}

a {
    color: rgb(0, 188, 140);
}
a:hover {
    color: rgb(126, 226, 197);
}
a:focus-visible {
    outline:        2px solid rgb(0, 188, 140);
    outline-offset: 2px;
}

h1 {
    font-size:   1.6em;
    font-weight: normal;
    line-height: 1.25;
    margin:      0 0 0.2em;
    color:       #ffffff;
}
h2 {
    font-size:   1.15em;
    font-weight: normal;
    margin:      2.1em 0 0.5em;
    color:       #ffffff;
}
p {
    margin: 0 0 1.15em;
}
ul {
    padding-left: 1.2em;
}
li {
    margin-bottom: 0.4em;
}

.dateline {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size:   0.78em;
    color:       #a0b9ad;
    margin:      0 0 2.2em;
}

code {
    font-family:   "DejaVu Sans Mono", "Liberation Mono", Consolas, monospace;
    font-size:     0.85em;
    background:    rgba(0, 0, 0, 0.3);
    padding:       0.1em 0.35em;
    border-radius: 3px;
}
pre {
    font-family: "DejaVu Sans Mono", "Liberation Mono", Consolas, monospace;
    font-size:   0.8em;
    line-height: 1.55;
    background:  rgba(0, 0, 0, 0.32);
    border-left: 2px solid #55786a;
    padding:     0.8em 1em;
    overflow-x:  auto;
}
pre code {
    background: none;
    padding:    0;
    font-size:  1em;
}
blockquote {
    margin:       1.5em 0;
    padding-left: 1em;
    border-left:  2px solid #55786a;
    color:        #cadbd4;
}

.entries {
    list-style: none;
    margin:     0;
    padding:    0;
}
.entries li {
    margin:        0;
    padding:       0.8em 0;
    border-bottom: 1px solid rgba(160, 185, 173, 0.22);
}
.entries li:last-child {
    border-bottom: none;
}
.entries .when {
    display:       block;
    font-family:   "Open Sans", Helvetica, Arial, sans-serif;
    font-size:     0.75em;
    color:         #a0b9ad;
    margin-bottom: 0.2em;
}

.colophon {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size:   0.8em;
    margin-top:  3.2em;
    padding-top: 1em;
    border-top:  1px solid #55786a;
    color:       #a0b9ad;
}
.colophon a {
    color: #a0b9ad;
}

@media (max-width: 34em) {
    body  { font-size: 16px; }
    .page { padding: 1.8em 1em 3em; }
}