/* override css styles of the main theme here */

/* Typography: Space Grotesk (headings) + Inter (body) + JetBrains Mono (code) */

body {
    font-family: "Inter", "Helvetica Neue", "Arial", sans-serif;
}

section.header .name,
section.header h3.self-intro,
section.header nav,
section.main .content .title-container .initials,
section.main .content .page-heading,
section.main .container.f04 .content .num,
section.main .container .content .no-bullet .date,
section.main .content .markdown h1,
section.main .content .markdown h2,
section.main .content .markdown h3,
section.main .content .markdown h4,
section.main .content .markdown h5,
section.main .content .markdown h6 {
    font-family: "Space Grotesk", "Helvetica Neue", "Arial", sans-serif;
}

section.main .content .markdown code,
section.main .content .markdown pre,
section.main .content p .literal {
    font-family: "JetBrains Mono", "Menlo", monospace;
}

/* Bigger header avatar (was 50px) */
section.header .avatar {
    max-width: 100px;
}

/* Wide cartoon illustrations on the About page */
figure.about-illo {
    margin: 30px 0;
}
figure.about-illo img {
    display: block;
    width: 100%;
    border-radius: 14px;
}
figure.about-illo figcaption {
    text-align: center;
    font-size: 0.85em;
    color: #999;
    margin-top: 8px;
}

/* Side-by-side meme images */
figure.meme {
    display: inline-block;
    margin: 0 12px 12px 0;
    vertical-align: top;
}