Mobile-friendly media-queries!

Updated the aesthetic to be mobile-first and embed a bit slicker.

html, body {
  margin: 5px;
  padding: 0;
  background: #1b0d03;
}
#story {
  margin: 0;
  padding: 0;
}
#passages {
  margin: 0;
  padding: 0;
  height:auto;

}
.header {
  width: 25%;
  margin: auto;
  padding: 0 0 2.5% 0;
}
.passage {
  margin: 0;
  font-family: "Georgia", serif;
  font-size:14pt; 
  color: peru;
  text-shadow: sienna 0.05em 0.05em 0.05em;
}
a.internalLink, a.externalLink {
  color: burlywood;
  text-shadow: peru 0.05em 0.05em 0.05em;
}
a.internalLink:hover, a.externalLink:hover {
  color: cornsilk;
  text-decoration: none;
  text-shadow: peru 0.05em 0.05em 0.05em;
}

@media only screen and (min-width: 1000px) {
  .passage {
  font-size:2em;
  }