@charset "UTF-8";
/* Minimal subset of Tufte CSS used by this portfolio.
   Source: https://edwardtufte.github.io/tufte-css/
   Copyright Dave Liepmann; MIT license: licenses/tufte-css.txt.
   ET Book: https://github.com/edwardtufte/et-book */

@font-face {
    font-family: "et-book";
    src: url("et-book/et-book-roman-line-figures/et-book-roman-line-figures.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "et-book";
    src: url("et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "et-book";
    src: url("et-book/et-book-bold-line-figures/et-book-bold-line-figures.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* Core reading layout, type scale, colors, and figures. */
html { font-size: 15px; }
body {
    width: 87.5%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12.5%;
    font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
    background-color: #fffff8;
    color: #111;
    max-width: 1400px;
}
@media (prefers-color-scheme: dark) {
    body { background-color: #151515; color: #ddd; }
}
h1 {
    font-weight: 400;
    margin-top: 4rem;
    margin-bottom: 1.5rem;
    font-size: 3.2rem;
    line-height: 1;
}
h2 {
    font-style: italic;
    font-weight: 400;
    margin-top: 2.1rem;
    margin-bottom: 1.4rem;
    font-size: 2.2rem;
    line-height: 1;
}
h3 { font-weight: 400; }
p.subtitle {
    font-style: italic;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.8rem;
    display: block;
    line-height: 1;
}
article { padding: 5rem 0; }
section { padding-top: 1rem; padding-bottom: 1rem; }
p, ul { font-size: 1.4rem; line-height: 2rem; }
p {
    margin-top: 1.4rem;
    margin-bottom: 1.4rem;
    padding-right: 0;
    vertical-align: baseline;
}
section > p { width: 55%; }
figure {
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    max-width: 55%;
    margin: 0 0 3em;
}
a:link, a:visited {
    color: inherit;
    text-underline-offset: .1em;
    text-decoration-thickness: .05em;
}
img { max-width: 100%; height: auto; }
@media (max-width: 760px) {
    body { width: 84%; padding-left: 8%; padding-right: 8%; }
    section > p { width: 100%; }
    img { width: 100%; }
}