html {
  box-sizing: border-box;
}

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

body, html, main {
  font-family: sans;
  margin: 0;
}

h1 {
  font-family: sans;
}

/** SITE **/
section {
  margin: 0 1em;
}

footer {
  margin: 1em;
  margin-top: 4em;.5em
}

header[role="banner"] {
  width: 100%;
  padding: .5em 1em;
  margin-bottom: 4em;
}

nav#site-nav ul[role="menubar"],
nav#site-nav li[role="menuitem"]
{
  display: inline-block;
}

nav#site-nav ul[role="menubar"] {
  margin: 0;
  padding: 0;
}

nav#site-nav li[role="menuitem"] {
  padding-right: 2em;
}

div.blog-content {
  max-width: 1024px;
  margin: 0 auto;
}

/** BLOG **/
code {
  background-color: #e4e4f2; /* light-gray */
  color: #11ac2d; /* mid-green */
  max-width: 920px;
}

em code {
  font-style: normal;
}

a {
  color: #2a8be2; /* light-blue */
}

p {
 max-width: 920px;
}

div.blog-post {
  margin: 0 1em;
}