:root {
    color-scheme: light dark;
    --fg: light-dark(oklch(20.5% 0 0), oklch(98.5% 0 0));
    --bg: light-dark(oklch(98.5% 0 0), oklch(20.5% 0 0));
}

body {
    display: grid;
    grid-template-rows: auto 1fr auto;
    height: 100vh;
    margin: 0;
    padding: 0;
    background-color: var(--bg);
    color: var(--fg);
    font-size: 1.5em;
}

header {
    grid-row-start: 1;
}

main {
    grid-row-start: 2;
    padding: 2em;
}

footer {
    grid-row-start: 3;
    display: inline-grid;
    justify-content: center;
    place-items: center;
}