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

:root {
    --theme: #fffff8;
}

html,
button,
input,
select,
textarea,
p,
nav,
section,
article,
header,
footer,
.pure-g [class*="pure-u"] {
  font-family: 'Karla', sans-serif;
}

.image-container {
    width: 55%;
}

.image-container img {
    width: 300px;
    height: auto;
}

@media screen and (max-width: 760px) {
    .image-container {
        width: 100%;
    }
}

h1.content-title {
    font-size: 3rem;
    padding-right: 25%;
    line-height: 1.2em;
}

.sidenote, .marginnote {
    margin-bottom: 2em;
}

.hugo-cite-group .hugo-cite-citation {
    font-size: 0.8em;
    line-height: 1.2em;
}

:is(h1, h2, h3, h4, h5, h6) code {
    font-style: normal;
    font-size: 0.8em;
    font-weight: 600;
}