#content {
  padding-left: 150px;
  padding-right: 150px;
}

#content h1 {
  font-family: 'EB Garamond', serif;
  font-size: 4em;
  font-weight: normal;
  text-align: center;
}

#content p {
  font-family: 'Merriweather', serif;
  font-weight: normal;
  line-height: 1.5;
}

#content p code {
  background-color: lightgrey;
  font-size: 1.2em;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 3px;
}

#content pre {
  font-family: 'Source Code Pro', monospace;
  font-size: 1.25em;
  padding-left: 30px;
}

body {
  margin: 0px;
  margin-bottom: 200px; /* Must be the same as the console height */
}

/* The console container element */
#console {
  position: fixed;
  height: 200px; /* Must be the same as body distance from bottom */
  bottom: 0px;
  margin-bottom: 0px;
  width: 100%;
}

#console pre {
  background-color: black;
}

/* The inner console element. */
.jqconsole {
    padding: 10px;
}
/* The cursor. */
.jqconsole-cursor {
    background-color: gray;
}
/* The cursor color when the console looses focus. */
.jqconsole-blurred .jqconsole-cursor {
    background-color: #666;
}
/* The current prompt text color */
.jqconsole-prompt {
    color: #0d0;
}
/* The command history */
.jqconsole-old-prompt {
    color: #0b0;
    font-weight: normal;
}
/* The text color when in input mode. */
.jqconsole-input {
    color: #dd0;
}
/* Previously entered input. */
.jqconsole-old-input {
    color: #bb0;
    font-weight: normal;
}
/* The text color of the output. */
.jqconsole-output {
    color: white;
}