@charset "UTF-8";
html {
    font-size: 15px;
}

body {
    font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
    margin: 0;
}

main {
    margin: 0 1rem 1rem 1rem;
}

main p, main dl, main ol, main ul {
    font-size: 1.4rem;
    line-height: 2rem;
    vertical-align: baseline;
}

.dateline {
    font-style: italic;
}

section {
  margin-top: 4rem;
}

h2 {
    font-style: italic;
    font-weight: 400;
    margin-top: 2.1rem;
    margin-bottom: 1.4rem;
    font-size: 2.2rem;
    line-height: 1;
    text-wrap: balance;
}

h3 {
    font-style: italic;
    font-weight: 400;
    font-size: 1.7rem;
    margin-top: 2rem;
    margin-bottom: 1.4rem;
    line-height: 1;
    text-wrap: balance;
}

h1.title {
    font-weight: 400;
    margin: 4rem 1rem 1.5rem 0;
    font-size: 3.2rem;
    line-height: 1;
    text-wrap: balance;
}

p.subtitle {
    margin-right: 1rem;
    font-weight: 400;
    font-style: italic;
    font-size: 1.8rem;
    text-wrap: balance;
}

body {
    background-color: #fbfbff;
    color: #111;
}

.org-comment, .org-comment-delimiter, .org-doc {
    color: brown;
}

.org-clojure-keyword {
    color: purple;
}

.org-type {
    color: darkblue;
}

.org-keyword {
    font-weight: bold;
}

.org-function-name {
    color: blue;
}

.org-string {
    color: darkgreen;
}

.org-variable-name {
    color: teal;
}

#site-logo a {
    width: 100px;
    height: 100px;
    background-size: 100px 100px;
}

#site-logo span {
    display: none;
}

#site-logo a {
    background-image: url("/img/logo2022-200.png");
}

#site-logo a {
    position: static;
    display: block;
}

img {
    max-width: 100%;
}

figcaption {
  font-size: 1rem;
  line-height: 1.4rem;
}

aside {
    max-width: 448px;
}

blockquote {
    margin-top: 3em;
    margin-bottom: 3em;
}

blockquote footer {
    text-align: right;
}

.epigraph blockquote p {
    font-style: italic;
}

pre {
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    background-color: #f2f2f2;
    padding: 8pt;
    max-width: 100%;
    overflow: scroll;
}

.nobr {
    white-space: nowrap;
}

body > footer {
    clear: both;
    margin: 4rem 1rem 1rem 1rem;
    border-top: 2px solid gray;
}

#copyright {
      font-size: 0.8rem;
}

@media (prefers-color-scheme: dark) {
    body {
        background-color: #151515;
        color: #ddd;
    }
    
    a:link, a:visited {
        color: inherit;
    }

    .org-comment, .org-comment-delimiter, .org-doc {
        color: orange;
    }
    
    .org-clojure-keyword {
        color: pink;
    }
    
    .org-type {
        color: lightblue;
    }
    
    .org-keyword {
        font-weight: bold;
    }
    
    .org-function-name {
        color: cyan;
    }
    
    .org-string {
        color: lightgreen;
    }
    
    .org-variable-name {
        color: lightblue;
    }
    

    #site-logo a {
        background-image: url("/img/logo2022-200-dark.png");
    }

    pre {
      background-color: #000;
    }
}

@media screen and (min-width: 820px) {
    main {
        margin-left: 120px;
        max-width: 1200px;
    }
    
    p, dl, ol, ul {
        max-width: 66%;
    }
    
    h1.title {
        margin-top: 8rem;
    }
    
    p.subtitle {
        max-width: 100%;
    }

    pre {
      max-width: 66%;
    }

    #site-logo a {
        position: fixed;
        display: block;
        left: 10px;
        top: 0px;
    }

    aside {
        clear: right;
        float: right;
        margin: 0 0 2rem 0;
        width: 32%;
    }
    
    blockquote footer {
        width: 66%;
    }

    figure {
        margin: 1rem 0 1rem 0;
    }
    
    figure.body-width {
        max-width: 66%;
    }
    
    figure.full-width {
        max-width: 100%;
    }
}