codepen styles

codepen

// Set-up page
/* apply a natural box layout model to all elements */
* { 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box; 
          box-sizing: border-box; 
}
/* reset all the things as this is for trying stuff */
* { 
  margin: 0 auto;
  padding: 0;
}
html { 
  background-color: #383131;
  padding: 0 3.124%;
}
img, video, object {
  height: auto;
  max-width: 100%;
}

h1, h2, h3, h4, h5, h6{ 
  font-family: "Lucida Bright", Georgia, serif;
  color: #d15300; 
}
blockquote, iframe, label, p, address, td, th, ul, ol, dl, dd, hr,
table {
   font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
   color: #F2F2F2;
  }

pre, code { font-family: courier; }
pre {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 0 3.124%;
  padding-bottom: 1.5rem;
}
code { padding-bottom: 1.5rem; }

h1, h2, h3, h4, h5, h6, blockquote, iframe, label, p, address, td, th, ul, ol, dl, dd, hr, table, pre, code { 
  margin-bottom: 1.5rem;
  line-height: 1.5; 
}

a {
  color: #d15300; 
  text-decoration: none;
}