@font-face { font-family: "Bernhard Modern Bold"; font-weight: bold; font-style: normal; src:url(../Fonts/Bernhard%20Modern%20Bold.otf) format(opentype);; } body { font-family: "Bernhard Modern Bold", serif; } p { font-family: "Bernhard Modern Bold", serif; } .container { height: 50px; position: relative; text-align: left; margin: 0 4em 0 4em } .text { position: absolute; top: 50%; margin: 1.8em 0 0 8.7em } .alsoby { display: block; font-family: "Bernhard Modern Bold", serif; font-size: 0.8em; margin: 0 0 1em 0; text-align: center } .chapter { display: block; font-family: "Bernhard Modern Bold", serif; font-style: italic; margin: 5em 0 0 0; text-align: right } .divider { display: block; margin: 1em 0 1em 0; text-align: center } .poem { display: block; font-family: "Bernhard Modern", serif; font-style: italic; margin: 0 6em 0 8em; text-indent: -2em; text-align: justify } .poem-end { display: block; font-family: "Bernhard Modern", serif; font-style: italic; margin: 0 6em 0.8em 8em; text-indent: -2em; text-align: justify } .poem-start { display: block; font-family: "Bernhard Modern", serif; font-style: italic; margin: 0.8em 6em 0 8em; text-indent: -2em; text-align: justify } span.chapterNum { font-style: normal; font-weight: bold; font-size: 2.2em } span.author { font-size: 2.5em; text-transform: uppercase; line-height: 1; height: 1em; float: center; margin: 0 0 0 0.4em; } span.smallcaps { font-variant: small-caps } .start { display: block; font-family: "Bernhard Modern Bold", serif; margin: 0; text-align: justify; text-indent: 14em } .style1 { display: block; font-family: "Bernhard Modern", serif; margin: 0; text-align: justify; text-indent: 1em } .style2 { display: block; font-family: "Bernhard Modern", serif; margin: 0; text-align: justify } .style3 { display: block; font-family: "Bernhard Modern", serif; margin: 1em 0 0 0; text-align: justify; text-indent: 1em } .title { display: block; font-family: "Bernhard Modern Bold", serif; font-size: 1.5em; font-weight: bold; margin: 2em 0 1.5em 0; text-align: center }