:root {
    color-scheme: light dark;
    --bg: #f3f3f3;
    --fg: #111111;
    --line: #111111;
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg: #111111;
        --fg: #f3f3f3;
        --line: #f3f3f3;
    }
}

body {
    margin: 0;
    background: var(--bg);
    color: var(--fg);
    font-family: Georgia, "Times New Roman", serif;
    min-height: 100vh;
}

.wrap {
    max-width: 640px;
    margin: 20vh auto;
    padding: 0 24px;
}

p {
    font-size: 20px;
    line-height: 1.6;
    margin: 0 0 12px 0;
}

.title {
    display: inline-block;
    border-bottom: 1px solid var(--line);
    padding-bottom: 1px;
}

@media (max-width: 600px) {
    .wrap {
        margin: 12vh auto;
    }

    p {
        font-size: 18px;
    }
}