html, body {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
}

/* min-height, not height: the body is the sticky site header's containing
   block, and a body fixed at one screen tall let the header scroll away after
   the first screen of any longer page. */
body {
    min-height: 100%;
}

.wrapper {
    background: var(--bodyTextColorWhite);
    max-width: 100%;
    margin: auto;
    width: 100%;
}