/*********************************************************************
    Set box-sizing to border-box for all elements, allowing width
    and height to include padding and border.
*********************************************************************/

html {
  box-sizing: border-box;
}

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

/*********************************************************************
    Simple opinionated defaults.
*********************************************************************/

html
{
    background: #eee;
}

body
{
    padding: 1em 1.5em 1.5em 1.5em;
    font-family: sans-serif;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    line-height: 1.4em;
}

footer
{
    padding-top: 1em;
    font-size: 80%;
}