html,
body,
#wrapper,
main {
    margin: 0;
    padding: 0;
}

body {
    font-family:
        ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

blockquote {
    margin-left: 24px;
    padding-left: 8px;
    border-left: 8px solid;
}

#wrapper {
    height: 100vh;
    max-width: 828px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#container {
    width: 100%;
    min-height: 60vh;
}

.light {
    color-scheme: light;
}

.dark {
    color-scheme: dark;
}

.dark blockquote {
    border-color: gray;
}

.light blockquote {
    border-color: lightgrey;
}