html {
  font-family: 'PT Sans', sans-serif;
  font-size: 12px;
  background: #f7b307; /* Old browsers */
  background: -moz-linear-gradient(top, #f7b307 0%, #ff898b 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7b307), color-stop(100%,#ff898b)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f7b307 0%,#ff898b 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f7b307 0%,#ff898b 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f7b307 0%,#ff898b 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f7b307 0%,#ff898b 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7b307', endColorstr='#ff898b',GradientType=0 ); /* IE6-9 */
}
body {
  padding-left: 2em;
  padding-right: 2em;
}
h1 {
  font-size: 10em;
  margin-bottom: 0;
}
p, pre code {
  font-size: 1.5em;
}

kbd
{
    -moz-border-radius:3px;
    -moz-box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
    -webkit-border-radius:3px;
    -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
    background-color:#f7f7f7;
    border:1px solid #ccc;
    border-radius:3px;
    box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
    color:#333;
    display:inline-block;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    line-height:1.4;
    margin:0 .1em;
    padding:.1em .6em;
    text-shadow:0 1px 0 #fff;
}

footer {
  padding-top: 10em;
  text-align: center;
  font-size: 1em;
}

a {
  text-decoration: none;
  color: inherit;
  font-weight: 700;
}