/*
 * Your global styles here
 */
/*
 * min-height (not height) lets the site wrapper grow with the content instead of
 * being pinned to the viewport height — otherwise taller pages (e.g. login on a
 * short window) overflow past the branding background and expose the html one.
 * The html background matches the branding background colour, so any leftover
 * space stays in the design colour instead of turning white.
 */
html,
body {
    min-height: 100%;
}

html {
    background: rgb(255, 237, 228);
}

body {
    margin: 0;
}