@import url('https://fonts.googleapis.com/css?family=Open+Sans|Crimson+Text|News+Cycle:700');

hr {
  width: 100%;
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #333;
  margin: 1em 0;
  padding: 0; 
}

#header {
  width: calc(90vw / 2 + 500px / 2);
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

#content {
  width: calc(90vw / 2 + 500px / 2);
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.4em;
  font-family: 'Crimson Text', serif;
}

#content p {
  font-family: 'Crimson Text', serif;
  color: #222;
  line-height: 1.4em;
}

h1, h2, h3, h4, h5 {
  color: #222;
}

#content h1 {
 font-family: 'Open Sans', sans-serif;
 font-size: 1.7em;
 letter-spacing: -0.02em;
 
}

#content h2, h3, h4, h5 {
 font-family: 'News Cycle', sans-serif;
}

#content h2 {
	margin-top: 60px;
}

#content h3 {
  letter-spacing: 0.02em;
}

a {
  color: #3366BB;
}

a #title {
  font-weight: bold;
  font-size: 0.9em;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  padding-left: 10px;
}

code {
  font-size: 0.85em;
  font-weight: bold;
}

pre {
  padding: 10px;
  background: #def;
  font-weight: bold;
  font-size: 0.8em;
  overflow: auto
}