:root {
    --quote_color: #333333;
}

@media (prefers-color-scheme: dark) {
    :root {
        --quote_color: #c7c4c4;
    }
}

.light-theme {
    --quote_color: #333333;
}

.dark-theme {
    --quote_color: #c7c4c4;
}

main .quote {
    font-style: italic;
    font-size: 95%;
    text-align: left;
    color: var(--quote_color);
    padding: 1px 2% 1px 2%;
    margin-top: 0;
    margin-bottom: 15pt;
}

main .quote .author {
    text-align: right;
}

main .show_off h3,
main .intro h2,
main .elsewhere h2,
main .explore h2 {
    margin-bottom: 0;
}


main .elsewhere,
main .explore {
    margin-top: 10%;
}

main .show_off {
    margin-top: 0;
}

main .explore ul {
    list-style: circle;
}