*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    box-sizing: inherit;
    --bgcolor: #eeeeee;
    --headerbgcolor: #2196f3;
    --almostblack: #101010;
}

body {
    margin: 0;
    padding: 0;
    font-size: 16pt;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    line-height: 1.5em;
    color: var(--almostblack);
    background-color: var(--bgcolor);
}

main,
footer {
    margin: 0 auto;
    max-width: 1024px;
    padding: 1px 1rem;
}

header {
    padding: 1px 1rem;
    background-color: var(--headerbgcolor);
}

header h1 {
    padding: 1px 1rem;
    margin: 1em auto;
    max-width: 1024px;
}

main {
}

footer {
}