body, html
{
   height: 100%;
}

body
{
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

h1
{
   font-size: 1em;
   margin-bottom: 0;
}

.header
{
   background-color: #3a285c;
   color: #fcfcfc;
   padding: 0.3em;
}

.content
{
   padding: 1em;
   max-width: 65em;
   margin: auto;
}

footer
{
   background-color: #2a2a2a;
   color: #fcfcfc;
   padding: 1em;
   text-align: center;
}