/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
  /* background-color: #fffff8; */ /* Maybe someday */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -50px;
  /* Pad bottom by footer height */
  padding: 0 0 70px;
}

/* Set the fixed height of the footer here */
#footer {
  height: 50px;
  background-color: #f5f5f5;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container {
  width: auto;
  max-width: 680px;
  padding: 0 15px;
}
.container .text-muted {
  margin: 20px 0;
}

.readable-text {
  font-size: 1.575em;
  line-height: 1.5;
  font-family: Garamond, Cambria, Times, serif;
  letter-spacing: .01rem;
}

.readable-small {
  font-size: 1.375em;
  line-height: 1.5;
  font-family: Garamond, Cambria, Times, serif;
  letter-spacing: .01rem;
}

div code {
  font-size: 0.7em;
}

div pre {
  font-size: 0.85em;
  line-height: 1;
}

pre code {
  overflow-wrap: normal;
  white-space: pre;
}