html {
     background-color: #ffc880;
 }

 article {
     margin-top: 1em;
     margin-right: 6%;
     margin-bottom: 1em;
     margin-left: 6%;
     background-color: #ffcc88;
     font-family: 'Noto Serif', serif;
 }


 h1 {
     font-style: italic;
     font-size: 200%;
     text-align: center;
     margin-top: 15%;
 }

 #attribution {
     text-align: center;
     font-weight: 100;
 }

 .AI {    /*Author's initials*/
     font-size: 1.2em;
 }

#authorTitle {
    text-align: center;
    font-size: small;
    margin-left: 15px;
    margin-right: 15px;
}

#preface {
    text-align: justify;
    margin-left: 60%;
    margin-top: 4em;
    margin-bottom: 4em;
    margin-right: 10px;
    font-size: 0.9em;
    font-style: italic;
}

#bodyProper {
    text-align: justify;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 70px;
}

#firstLine::first-letter {
    font-size: 200%;
    color: rgb(48, 80, 64);
}

.small { /*Like <small>, but more supported.*/
    font-size: smaller;
}

#reference {
    margin-top: 16em;
    font-size: 70%;
    text-align: center;
}
