@font-face {
    font-family: Cadman;
    src: url(/assets/Cadman-6Yv7o.ttf);
}
@font-face {
    font-family: Cadman;
    font-weight: bold;
    src: url(/assets/CadmanBold-jEdvl.ttf);
}
@font-face {
    font-family: Cadman;
    font-style: italic;
    src: url(/assets/CadmanItalic-z8Aqa.ttf);
}
body {
    font-family: 'Cadman', sans-serif;
}

/**
 * Basic styling
 */
:root {
    --pico-card-background-color: #74c0be!important;
    --pico-background-color: #74c0be!important;
  }
:where(a:not([role=button])), [role=link] {
    --pico-primary-hover: #d9dbd6;
    --pico-primary-hover-underline: #d9dbd6;
}

h1 {
    --pico-font-size: 1.5rem;
    --pico-line-height: 1.125;
    --pico-typography-spacing-top: 2rem;
}
h2 {
    --pico-font-size: 1.35rem;
    --pico-line-height: 1.15;
    --pico-typography-spacing-top: 1.625rem;
}
h3 {
    --pico-font-size: 1.25rem;
    --pico-line-height: 1.175;
    --pico-typography-spacing-top: 1.25rem;
}
article.post-wrap.page > div {
    padding: 0 0 0 max(0px, 50vw - 512px);
    max-width: 1024px;
}

article.post-wrap {
    display: flex;
    align-items: flex-start;
}

nav.taglist {
    display: flex;
    flex-direction: column;
    margin: 0 2em;
}

header img.logo {
    max-height: 5em;
}

@media (width < 1024px) {
    article.post-wrap {
        flex-direction: column;
        padding: 1em;
    }
    nav.taglist {
        margin: 1em 0;
    }
}