body {
      text-align: center;
      padding: 10% 0;
  }
  
  h1 {
      font-size: 50px;
  }
  
  body {
      font: 20px Helvetica, sans-serif;
      color: rgba(0, 0, 0, 0.8);
      height: 100%
  }
  
  html {
      background: #e6f0a3;
      background: -moz-linear-gradient(top, #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6f0a3), color-stop(50%, #d2e638), color-stop(51%, #c3d825), color-stop(100%, #dbf043));
      filter: progid: dximagetransform.microsoft.gradient( startcolorstr='#e6f0a3', endcolorstr='#dbf043', gradienttype=0);
      min-height: 100%
  }
  
  article {
      display: block;
      text-align: left;
      max-width: 650px;
      margin: 0 auto;
  }
  
  a {
      color: #337ab7;
      text-decoration: none;
  }
  
  a:hover {
      color: #23527c;
      text-decoration: none;
  }
  
  img {
      width: 200px;
  }

  abbr {
      cursor: help;
  }