:root {
    --body-padding-side: max(0.5em, calc(60% - 35rem));
}

body {
    font-family: monospace;
    background-color: #3f3f3f;
    color: #FFFFFF;
    min-width: 30%;
    padding-left: var(--body-padding-side);
    padding-right: var(--body-padding-side);
    padding-bottom: 0.25em;
}

a {
    color: #ADD8E6;
}

img {
    padding-top: 1em;
    max-width: 100%;
}

details:has(p) {
    padding-bottom: 1em;
}

details p,
details details {
    padding-left: 1em;
}