html{
  background: #282828 url(gfx/dirty-1920x1200.jpg) 0 0 repeat;
  color: #999;
  text-rendering: optimizeLegibility;
  height:100%;
}
body{
  min-height: 100%;
  box-sizing: border-box;
  padding: .5em 1em;
  margin: 0;
}
a {color: #cce; text-decoration: none;}
a:visited {color: #bab;}
a:hover {color: #eef; text-decoration: underline;}
a:active, a:focus {color: #fee;}
h1 {
    margin: 0;
    padding: 0 0 0 88px;
    line-height: 72px;
    font-size: 48px;
    background: url(gfx/pig-gray-256.png) 8px 50% no-repeat;
    text-shadow: 0.1em 0.1em 0.1em rgba(0,0,0,0.4), -1px -1px 2em rgba(0,0,255,0.6);
    background-size: contain;
}
h1:hover {
    background-image: url(gfx/pig-blue-256.png);
}
ul {line-height: 1.6}