html {font-size:62.5%;}
body {background:#eee url('vector.jpg') right top no-repeat;font-family:Vollkorn,sans-serif;font-size:2rem;margin:3rem auto 15rem;max-width:calc(100% - 8rem);text-shadow:0 0 0.5rem #eee;overflow-y:scroll;width:70rem;}

header {margin:1rem -3rem;padding:3rem;}
header #index {font-size:1.8rem;}

li {margin-bottom:0.5rem;}

p {margin:0 0 1.25rem;}

a {color:#d80;text-decoration:none;}
a:hover {text-decoration:underline;}

h2 {margin-top:3.5rem;}

span {color:#aaa;font-style:italic;padding-left:0.125em;}

blockquote {background-color:#a864;margin-left:0;margin-right:0;padding:2rem 2.5rem;}
blockquote p:first-child {margin-top:0;}
blockquote p:last-child {margin-bottom:0;}

footer {color:#aaa;font-size:1.8rem;margin-top:8rem;}
footer a {color:#aaa;}

footer code {font-family:inherit;font-size:inherit;}

@media print {
  body {width:100%;}
}

::selection {
  background-color:#dc984e88;
  color:#000;
  text-shadow:none;
}