:root{
    --page-padding: 0.5rem;
}

body {
    overscroll-behavior: none;
    color-scheme: light;
    
    background: var(--color-background--secondary);
    color: var(--color-foreground);
    display: flex;
    flex-direction: column;
    height: 100dvh;
}

header,
footer {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: var(--page-padding);

    a {
        color: var(--color-foreground);
    }
}

main {
    margin-inline:
        var(--page-padding)
        calc(var(--page-padding) + 0.3em);
    padding: var(--page-padding);
    border: 1px solid var(--color-foreground);
    filter: drop-shadow(.3em .3em 0em var(--color-foreground));
    background: var(--color-background);
    height: 100%;
    overflow: auto;
    font-family: sans-serif;
}