@import url('https://fonts.googleapis.com/css2?family=Charis+SIL:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body {
    font-family: "Charis SIL", serif;
    font-size: 11pt;
    color: #36454F;
    background-color: #fdfbf7;
    line-height: 1.6;
}

header {
    color: #36454F;
    background-color: #fdfbf7;
    background: #fdfbf7;
}

.quarto-title-banner {
    background-color: inherit;
    background: inherit;
}

.navbar {
    background-color: #f6f3ed;
    color: #326750;
}


h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    color: #1f2d2d;
    margin-top: 2em;
    margin-bottom: 0.5em;
}

h1 { font-size: 2em; text-align: center; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.25em; }

p {
    margin-bottom: 1em;
    /* max-width: 60ch; */
}

a.navbar-brand, a.nav-link {
    color: #145136;
    text-decoration: none;
    font-weight: bold;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #145136;
    text-decoration: none;
    font-weight: bold;
}

a.navbar-brand:hover, a.nav-link:hover {
    color: #326750;
}

a {
    color: #326750;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    color: #214535;
    text-decoration: none;
}

code, pre,
code[class*=language-], pre[class*=language-]{
    font-family: "Inconsolata", monospace;
    background-color: #eee;
    padding: 0.2em 0.4em;
    border-radius: 4px;
}