h1 {
    text-align: center;
    font-size: 300%;
    font-weight: normal;
    margin: 1em 0 0.5em 0
    }
h2 {
    text-align: center;
    font-weight: bold;
    margin: 2em 0 1em 0
    }
h3 {
    text-align: center;
    margin: 2em 0 1em 0;
    font-style: italic;
    font-weight: normal
    }
hr {
    margin: 1.5em 40%;
    width: 20%
    }
p {
    text-align: justify;
    margin: 0.3em 0;
    text-indent: 1.5em
    }
sup {
    font-size: 0.7em;
    vertical-align: top;
    font-style: normal;
    font-weight: normal;
    font-variant: normal
    }
i sup {
    padding-left: 0.25em
    }
.small {
    font-size: 90%
    }
small {
    font-size: 80%
    }
.xsmall {
    font-size: 75%
    }
.large {
    font-size: 120%
    }
.xlarge {
    font-size: 170%
    }
.red {
    color: red
    }
.g {
    letter-spacing: 0.15em
    }
.c {
    text-align: center;
    text-indent: 0;
    margin: 1em 0;
    line-height: 1.5em
    }
a {
    text-decoration: none
    }
table {
    margin: 1em auto
    }
td {
    text-align: left;
    vertical-align: top;
    padding: 0
    }
td.left-1em {
    padding-left: 1.5em
    }
td.gap {
    padding-top: 1em
    }
td.num {
    text-align: right;
    vertical-align: bottom;
    width: 3em
    }
.gap {
    margin-top: 2.5em
    }
.break, .chapter {
    margin-top: 5em
    }
@media screen {
    body {
        margin: 0 auto;
        width: 80%;
        max-width: 40em
        }
    }
@media all {
    body {
        margin: 0 0;
        width: 100%
        }
    .break, .chapter {
        page-break-before: always
        }
    .nobreak {
        page-break-before: avoid
        }
    }