html, body { width: 100%; height: 100%;}
body { background-color: black; 
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
  margin: 0;
}
h1, h2 { color: white; }
h1 { font-size: 10em; margin: 0;}
h2 { font-weight: normal; }
.title { 
  margin-top: 120px; 
  margin-left: 100px;
  font-weight: 300; 
  color: rgb(129, 90, 33); 
  line-height: 113px; 
}
.title-black { margin-left: 270px;}
.author { 
  font-family: 'Vollkorn', serif; 
  font-size: 1em;
  font-style: italic;
  color: rgb(94, 71, 26);
  position: fixed; 
  right: 20px; 
  bottom: 20px;

  width: 300px;
  display: block;
}
.name { 
  color: rgb(129,90,33);
  display: inline-block;
  font-size: 1.3em;
  font-style: italic;
 }
 .text { 
   font-family: 'Vollkorn', serif;
   margin-top: 120px;
}
.piece { margin-bottom: 160px; }

/* change highlight color */
::selection { 
  background: black;
  color: white;
 }
.name::selection { 
  color: black; 
  background: black;
 }
 .ghostly::selection {
   color: #333030} 
/* columning
*/

 .text {
   display: block;
   max-width: 400px;
   margin-left: 100px;
 }
 .title { 
   margin-bottom: 15px;
 }

/* rowing
*/ 
 p {
   padding: 5px 0;
   line-height: 1.3em;
 }
 .spacer { 
   display: block;
   height: 40px;