html {
  background-image: url("sitint.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
}
body {
  margin: 0 auto;
  padding: 1.5em;
  min-height: 100vh;
  max-width: 50em;
  background: #fff;
  color: #000;
  font-family: sans-serif;
}

/* Links */
a { color: #000; text-decoration: underline; }
a:hover { background-color: yellow; }

/* Code Blocks */
pre {  
    background-color: #eeeeee; 
    border: 2px solid #000;
    padding: 6px; 
    overflow-x: auto; 
}
code { background-color: #eeeeee; padding: 2px; font-family: monospace; }
pre code { padding: 0px; background: none; }

.diff {
  background: #f5f5f5;
  border: 2px solid #000;
  padding: 1em;
  overflow-x: auto;
  font-size: 0.9em;
  line-height: 1.4;
}

.diff .add {
  color: #006400;
}

.diff .del {
  color: #8b0000;
}