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

body {
    background-color: #9A9A8F;
    color: #090909;
    min-width: 30%;
    padding-left: var(--body-padding-side);
    padding-right: var(--body-padding-side);
    padding-bottom: 0.25em;
}

a {
    color: #042D24;
}

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

ul {
    padding-inline-start: 40px;
}

summary {
    cursor: pointer;
}

#image-container {
    display: grid;
    place-items: center;
}