:root {
    font-family:
        "Helvetica Neue",
        "Helvetica",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        sans-serif;
}

html {
    background-color: #efefef;
}

body {
    background-clip: content-box;
    padding: 2em 6em;
    background-color: white;
    & > * {
        margin-left: 1em;
        margin-right: 1em;
    }
}

@media screen and (max-width: 700px) {
    body {
        padding: 2em 0;
    }
}

figure {
    margin-top: 2em;
	margin-bottom: 2em;
    img {
        border: 1pt solid oklch(0% 0 0);
        max-width: 100%;
        max-height: 90vh;
    }
}

div.sourceCode {
	margin: 1em;
}