body {
  font-family: 'DSE Typewriter';
  background: steelblue;
/*   background-size: 40px 40px; */
/*   background-image: radial-gradient(circle, white 1px, rgba(0, 0, 0, 0) 1px); */
}
.note_page {
  background: white;
  background-image: url("../../img/eng_paper_template.svg");
  width: 50em;
  height: 64.706em;
  margin: 1em auto;
  box-shadow: 0.25em 0.25em black;
}
.note_header {
  height: 3.1em;
  display: grid;
  grid-template-columns: 55.04fr 58.21fr 61.9fr;
  width: 41.5em;
  margin-left: 5em;
}
.note_heading_item {
  font-size: small;
  margin-top: auto;
  margin-bottom: auto;
}
a:link, a:visited {
  color: indigo;
}
.note_header a, .note_header a:visited  {
  color: black;
  text-decoration: none;
}
.note_content {
  width: 39.4em;
  margin-left: 6em;
}
p {
  text-align: justify;
}
em {
  color: red;
  text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
  color: blue
}
h1 {
  margin-top: 0.25em; /*for extra height at top of page*/
}
a {
  color: magenta;
}
ol {
  padding-left: 2.2em;
}
ul {
  padding-left: 1.5em;
  list-style: circle;
}
pre {
  background: #FFEB81;
  width: min-content;
  padding: 1em;
  font-size: 0.8em;
  border-radius: 0.25em;
}
code {
  font-family: 'DSE Typewriter';
  background: #FFEB81;
  border-radius: 0.25em;
}
pre code {
  background: None;
}
blockquote {
  color: dimgray;
}
/* print nicely */
@media print {
  .note_page {
    box-shadow: none;
    margin: 0px;
    padding: 0px;
  }
  body {
    background: none;
  }
}
img {
  width:80%;
  margin-left:auto;
  margin-right:auto;
  display:block;
}