body {
    background-color: #525659;
    height: auto;
}

div {
    width: 780px;
    border: 25px;
    padding:20px;
    margin: auto;
    background-color: white;
    box-shadow: 0px 0px 10px #000000;
}

h1 {
    font-family: "Century Schoolbook", "Bookman Old Style", serif;
    font-size: 28pt;
    color: black;
    letter-spacing: 2pt;
    transform: scaleY(1.55);
    text-align: center;
}

h2 {
    font-family: "Century Schoolbook", "Bookman Old Style", serif;
    font-size: 23pt;
    color: black;
    transform: scaleY(1.55);
    text-align: center;
    margin-left: 15%;
    margin-right: 15%;
}

h3 {
    font-family: "Century Schoolbook", "Bookman Old Style", serif;
    font-size: 16pt;
    color: black;
    letter-spacing: 3pt;
    transform: scaleY(1.2);
    text-align: center;
    margin-bottom: -8pt;
    margin-left: 15%;
    margin-right: 15%;
}

h4 {
    font-family: "Century Schoolbook", "Bookman Old Style", serif;
    font-size: 15pt;
    font-weight: 800;
    color: black;
    letter-spacing: 0.5pt;
    transform: scaleY(1.1);
    text-align: center;
    margin-left: 15%;
    margin-right: 15%;
}

h5 {
    font-family: "Century Schoolbook", "Bookman Old Style", serif;
    font-weight: bolder;
    font-size: 13pt;
    color: black;
    letter-spacing: -0.5pt;
    transform: scaleY(1.05);
    text-align: center;
    margin-left: 15%;
    margin-right: 15%;
}

h6 {
    font-family: "Century Schoolbook", "Bookman Old Style", serif;
    font-size: 10pt;
    font-weight: 600;
    color: black;
    text-align: center;
    margin-left: 15%;
    margin-right: 15%;
}

p {
    font-family: "Century Schoolbook", "Bookman Old Style", serif;
    font-size: 12pt;
    font-weight: 500;
    color: black;
    text-align: justify;
    margin-left: 15%;
    margin-right: 15%;
}

.chapterbreak {
    display: block;
    width: 33%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: 1px;
}

.chapterdivider {
    display: block;
    width: 75px;
    margin: auto;
  }

.dropcap {
   font-family: "Century Schoolbook", "Bookman Old Style", serif;
   font-size: 32pt;
   color: black;
}

.small {
   font-family: "Century Schoolbook", "Bookman Old Style", serif;
   font-size: 12pt;
   font-variant: small-caps;
   color: black;
}

/*
I originally used this code for the drop cap, but decided to go with a drop crap more similar to the edition of the book after which I modeled my webpage.

.dropcap {
   font-family: "Century Schoolbook", "Bookman Old Style", serif;
   font-size: 75px;
   color: black;
   float: left;
   line-height: 60px;
   padding-top: 4px;
   padding-right: 8px;
   padding-left: 3px;
}
*/

.edition {
   font-style: italic;
}

.chapterheading {
   letter-spacing: normal;
   transform: scaleY(1.5);
   margin-bottom: 24pt;
}

.chapter {
   font-family: "Century Schoolbook", "Bookman Old Style", serif;
   font-size: 9pt;
   font-weight: 600;
   color: black;
   text-align: center;
}
