@font-face {
    font-family: 'LibreCaslon';
    src: url('/fonts/LibreCaslonText-Regular.ttf');
}
@font-face {
    font-family: 'LibreCaslon';
    src: url('/fonts/LibreCaslonText-Bold.ttf');
    font-weight: bold;
}
@font-face {
    font-family: 'LibreCaslon';
    src: url('/fonts/LibreCaslonText-Italic.ttf');
    font-style: italic;
}
@font-face {
    font-family: 'LibreCaslon';
    src: url('/fonts/LibreCaslonText-Italic.ttf');
    font-style: oblique;
}

header {
    margin-bottom: 1em;
}
header a {
    font: bold 1.3em -apple-system, BlinkMacSystemFont, Helvetica, "Helvetica Neue", "Segoe UI", Arial, sans-serif;
    color: black;
}
header a:hover { border-bottom: none; text-decoration: none; }

body {
    color: rgb(66,66,66);
    max-width: 700px;
    padding: 0 2em;
    margin: 2em auto;
    /* font: 1em -apple-system, BlinkMacSystemFont, Helvetica, "Helvetica Neue", "Segoe UI", Arial, sans-serif; */
    /* font: 1em "Baskerville", "Courier New"; */
    font: 14px LibreCaslon;
    line-height: 150%;
}
@media only screen and (max-width: 768px) {
    body {
        line-height: 150%;
        padding: 0 1em;
    }
}

h1,h2,h3,h4,h5,h6 {
    color: rgb(44,44,44);
    /* font-family: 'Helvetica', sans-serif; */
}
a {
    color: orangered;
    text-decoration: none;
}
a:hover {
    border-bottom: 1px dotted orangered;
    text-decoration: none;
}
blockquote {
    padding-left: 16.875px;
    border-left: 6px solid lightgray;
    margin-left: 10.875px;
    margin-right: 0;
    padding-right: 0;
}

.figure {
    margin: 0 auto;
    margin-top: 1.5em;
    max-width: 80%;
    text-align: center;
}
.figure img {
    max-width: 80%;
    max-height: 300px;
}
.figure video {
    max-width: 80%;
    max-height: 300px;
}
.figure .caption {
    margin-top: 1em;
    font-weight: 300;
    text-align: center;
}

.highlight pre {
    font: 14px Monaco, monospace;
    padding: 2em 2em;
    line-height: 150% !important;
    overflow: auto;
}

article > h1 {
    margin-bottom: 0.5em;
}
article > time {
    color: #aaa;
    margin-bottom: 1em;
    letter-spacing: -0.2px;
}

.contact {
    font-weight: 500;
}