h1 {
margin: 2rem;
}

h1, h2 {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
line-height: 2.1rem;
letter-spacing: 0.008rem;
}

.content {
width: 60%;
margin: 0 auto;
font-family: Georgia, Times New Roman, serif;
font-size: 13pt;
line-height: 1.5rem;
letter-spacing: 0.008rem;
}

time {
display: block;
padding-top: .5rem;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: bold;
}

nav, footer {
padding-top: 1.5rem;
}

.post iframe, .post img, .post video {
max-width: 100%;
}

figcaption {
font-style: italic;
}

a {
color: #1F2F6F;
}

a:visited {
color: #401f6f;
}

a.title {
color: #000000;
}

a.title:visited {
color: #000000;
}

ol.tags, ul.tags {
display: inline-block;
padding-left: .5rem;
padding-top: 0;
margin: 0;
}

li.tags {
display: inline;
padding-right: .5rem;
list-style: none;
}

dt, dd {
 padding: .5rem;
}

.sf {
display: inline-block;
}

.hidden {
display: none;
}

.subscribe {
color: #1F2F6F;
cursor: pointer;
display: inline-block;
}

form {
padding: 0;
margin: 0;
}


@media (max-width: 1000px) {
.content {
width: 90%;
}

h1 {
margin: .5rem;
}
}

@media (prefers-color-scheme: dark) {
body {
background-color: #262626;
color: #DDDDDD;
}

a {
color: #AFF3FE;
}

.subscribe {
color: #AFF3FE;
}

a:visited {
color: #D4B5EB;
}

a.title {
color: #DDDDDD;
text-decoration: none;
}

a.title:visited {
color: #DDDDDD;
text-decoration: none;
}
}