body {
  background-image: [img[backgroundpaper]];
  background-attachment: scroll;
  background-repeat: repeat;
  background-size: cover;
  background-color: white;
  font-family: Bookinsanity;
  font-size: 18px;
  margin-bottom: 4px;
  margin-top: 4px;
}

<meta name="viewport" content="width=device-width,initial-scale=1">

img, embed, object, video {
    max-width: 100%;
}



.firstcharacter {
  float: left;
  font-family: Solbera Imitation;
  font-size: 75px;
  line-height: 60px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
}


h1, h2, h3, h4{
margin-top:         .2em;
margin-bottom:      .2em;
font-family:        MrJeeves;
font-weight:        800;
color:              #58180D;}

/* H1 */

h1{
column-span:        all;
font-size:          .987cm;
-webkit-column-span:all;
-moz-column-span:   all;}


/* H2 */

h2{
font-size:          .705cm;
}


/* H3 */

h3{
font-size:          .529cm;
border-bottom:      2px solid #c9ad6a
}


/* H4 */

h4{
margin-bottom:      0;
font-size:          .458cm
}


/* H5 */

h5{
margin-bottom:      .2em;
font-family:        ScalySansSmallCaps;
font-size:          .423cm;
font-weight:        900
}


/* H6 */


h6{}


/* ### Paragraphs */

/* P */

p{
line-height:        1.3em;}


/* P+P */

p+p{
margin-top:         -0.8em;}


/* Text Indentation */

p+p,
ul+p,
ol+p {
    text-indent:    1em
}


/* Text Decoration */

strong {
    font-weight:    bold;
    letter-spacing: .03em
}
em {
    font-style:     italic
}
sup {
    vertical-align: super;
    font-size:      xx-small;
    line-height:    0
}
sub {
    vertical-align: sub;
    font-size:      smaller;
    line-height:    0
}


/* First Letter after H1 */

h1+p::first-letter {
    float:          left;
    font-family:    Solbera Imitation;
    font-size:      10em;
    color:          #222;
    line-height:    .8em
}

firstcharacter {
    float:          left;
    font-family:    Solbera Imitation;
    font-size:      10em;
    color:          #222;
    line-height:    .8em
}
blockquote {
    font-family: Scaly Sans;
    box-sizing: border-box;
    margin-bottom: 1em;
    margin-top: 9px;
    padding: 5px 10px;
    background-color: #e0e5c1;
    border-style: solid;
    border-width: 11px;
    border-image: [img[note-wrap]] 11;
    border-image-outset: 9px 0;
    box-shadow: 1px 4px 14px #888
}
blockquote em {
    font-family: Scaly Sans;
    font-style: italic
}
blockquote strong {
    font-family: Scaly Sans;
    font-weight: 800;
    letter-spacing: -0.02em
}
blockquote p,
blockquote ul {
    font-size: .352cm;
    line-height: 1.1em
}
pre+blockquote,
h2+blockquote,
h3+blockquote,
h4+blockquote,
h5+blockquote {
    margin-top: 13px}
blockquote h5 {
    margin-top: 0}

    .descriptive{
        display:block-inline;
        margin-bottom:1em;
        background-color:#faf7ea;
        font-family:ScalySans;
        border-style:solid;
        border-width:7px;
        border-image: [img[sidebars]] 12 round;
        border-image-outset:4px;
        box-shadow:0 0 6px #faf7ea
    }
    .descriptive p{
        display:block;
        padding-bottom:0;
        line-height:1.5em
    }
    .descriptive p+p{
        padding-top:.8em
    }
    .descriptive em{
        font-family:ScalySans;
        font-style:italic
    }
    .descriptive strong{
        font-family:ScalySans;
        font-weight:800;
        letter-spacing:-0.02em
    }
    pre+.descriptive{
        margin-top:8px
    }

    descriptive {
        display:block-inline;
        margin-bottom:1em;
        background-color:#faf7ea;
        font-family:ScalySans;
        border-style:solid;
        border-width:7px;
        border-image: [img[sidebars]] 12 round;
        border-image-outset:4px;
        box-shadow:0 0 6px #faf7ea
    }


    table {
        font-family: ScalySans;
        width: 100%;
        margin-bottom: 1em;
        font-size: 10pt;
        line-height: 1.1em;
        table-layout: auto;
    }

    table.a {
    table-layout: auto;
    width: 180px;
}
    table em {
        font-family: ScalySans;
        font-style: italic
    }
    table strong {
        font-family: ScalySans;
        font-weight: 800;
        letter-spacing: -0.02em
    }
    table thead {
        font-weight: 800
    }
    table thead th {
        vertical-align: bottom;
        padding-bottom: .3em;
        padding-right: .1em;
        padding-left: .1em
    }
    table tbody tr td {
        padding: .3em .1em
    }
    table tbody tr:nth-child(odd) {
        background-color: #e0e5c1
    }
    tr:nth-child(even) {background-color: #e0e5c1;}

    .body:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 55px;
        width: 100%;
        background-image: [img[footer]];
        background-size: cover
    }
    .body:nth-child(even):after {transform: scaleX(-1)}
    .body:nth-child(even) .pageNumber {left: 2px}
    .body:nth-child(even) .footnote {
        left: 80px;
        text-align: left
    }