body {
  padding-top: 70px;
}

textarea#msg {
  font-family: 'Inconsolata', "Hiragino Mincho ProN";
  font-size: 20px;
  line-height: 150%;
  padding: 0.4em;
  max-width: 1200px;
  width:100%;
  height:75vh;
  outline: none;
  border: 1px white solid;
}

span.MathJax {
  padding-left: 3px;
  padding-right: 3px;
}

span.mtext,b {
  font-family: 'Inconsolata', "Hiragino Kaku Gothic ProN";
}

strong {
  color: #800000;
  font-family: 'Inconsolata', "Hiragino Kaku Gothic ProN";
}

div#output-col {
  border-left: 1px dotted lightgray;
}

p#output, div#output-preview, div#output-buffer {
  font-family: 'Inconsolata', "Hiragino Mincho ProN";
  background-color: white;
  font-size: 20px;
  line-height: 150%;
  outline: none;
  padding: 0.4em;
  white-space:pre-line;
  /* resize: both; */
  overflow: auto;
  border: 1px white solid;
}

textarea#msg:focus {
  outline: none;
  border: 1px white solid;
}

blockquote {
  padding: 0.4em;
  border: 1px dotted gray;
  border-radius: 7px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Inconsolata', "Hiragino Kaku Gothic ProN";
}

strong {
  font-weight: bold;
}

h1 {
  font-size: 1.2em;
}

h2 {
  font-size: 1.1em;
}

h3 {
  font-size: 1em;
}

h4 {
  font-size: 0.9em;
}

h5 {
  font-size: 0.8em;
}

h6 {
  font-size: 0.7em;
}

pre {
  font-family: 'Inconsolata', "Hiragino Kaku Gothic ProN";
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

li.nav-item > a.empty-sheet:visited {
  color: #777;
}

li.nav-item > a.empty-sheet:hover {
  color: #FFF;
}

li.nav-item > a.written-sheet:visited {
  color: #FFF;
}

li.nav-item > a.written-sheet:hover {
  color: #FFF;
}

li.nav-item > a.current-sheet {
  color: #FFF;
  background-color: #555;
  pointer-events: none;
}