body {
  font-family: 'Montserrat';
  font-size: 100%;
  margin: 10px;
}
table {
  font-size: 100%;
  margin: 0px;
  padding: 0px;
}
tr {
  margin: 0px;
  padding: 0px;
}
td {
  margin: 0px;
  padding: 0px;
}
q {
  font-size: 80%;
  font-style:  italic;
  font-family: 'Mali';
}
.character {
  padding: 10px 2px 10px 2px;
}
h1 {
  font-family: 'Roboto Mono';
  font-weight: normal;
  color: #E3322F;
  color: #3FAF7E;
  margin: 40px 0px 20px 0px;
}
h2 {
  font-family: 'Roboto Mono';
  font-weight: normal;
  color: #3FAF7E;
  margin: 40px 0px 20px 0px;
}
h3 {
  font-family: 'Roboto Mono';
  font-weight: normal;
  color: #3FAF7E;
  margin: 40px 0px 20px 0px;
}
pre {
  font-family: 'Roboto Mono';
  font-size: 90%;
  color: #000000;
  background-color: #FFFFDD;
  padding: 5px;
  margin: 20px 0px 20px 0px;
}
code {
  background-color: #FFFFDD;
  font-family: 'Roboto Mono';
  padding: 0px 5px 0px 5px;
}
li {
  padding: 8px;   
}
img {
  image-rendering: crisp-edges;
  image-rendering: pixelated;
  vertical-align: middle;
  padding: 0px 16px 12px 16px;
}
a {
  color: #6B6FFF;
  color: #417ED1;
}