@media (prefers-color-scheme: light) {
    :root {
        --background: #ddd;
    }
}

body.public.index {
    display: block;
    max-width: 40em;
    margin: 0 auto;
    font-size: 1.5em;
}

blockquote {
    margin-top: 3em;
}

.jesus {
    color: var(--red);
}

.cite {
    text-align: right;
}

.cross {
    text-align: center;
}

.cross::before {
    content: "✝";
    font-size: 10em;
}

body:has(.all:hover) .all {
    text-decoration: underline;
}

body:has(.nothing:hover) .nothing {
    text-decoration: underline;
}

body:has(.for-nothing:hover):not(:has(.for-nothing *:hover)) .for-nothing {
    text-decoration: underline;
}