html {
    color-scheme: light dark;
}

body {
    font-family: system-ui;
    font-size: 1.25rem;
    line-height: 1.5;
}

img,
svg,
video {
    max-width: 100%;
    display: block;
}

main {
    max-width: min(70ch, 100% - 4rem);
    margin-inline: auto;
}

th {
    padding-right: 0.5rem;
}

@media (prefers-color-scheme: light) {
    body {
        color: black;
        background-color: #fffde8;
    }

    a {
        color: #cc8100;
        background-color: transparent;
        text-decoration: none;
    }
}

@media (prefers-color-scheme: dark) {
    body {
        color: fff8e8;
        background-color: #545348;
    }

    a {
        color: #eda52a;
        background-color: transparent;
        text-decoration: none;
    }
}