@font-face {
    font-family: 'journalregular';
    src: url('journal-webfont.eot');
    src: url('journal-webfont.eot?#iefix') format('embedded-opentype'),
         url('journal-webfont.woff2') format('woff2'),
         url('journal-webfont.woff') format('woff'),
         url('journal-webfont.ttf') format('truetype'),
         url('journal-webfont.svg#journalregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: Consolas, "Courier New", Courier, monospace;
    margin: 4rem 20% auto;
    background-color: #ecd2b9;
    background: url(page_background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

h1 {
    font-size: 100%;
    text-align: center;
    margin-top: 3rem;
    font-weight: normal;
}

.teacher_comment {
    font-family: "journalregular", Arial, Helvetica, sans-serif;
    font-size: 200%;
    color: red;
    margin-top: 3rem;
}

.ed_note {
    color: green;
    margin-top: 3rem;
}

.ed_note a {
    color: inherit;
}

div.poem {
    width: 17rem;
    margin: auto;
}

.toc {
    font-size: 200%;
    font-weight: bold; 
}

@media only screen and (max-width: 600px) {
    body {
        margin: 0 5% auto;
        background-image: none;
        background-color: #ecd2b9;
    }
  }