body { background: #ffe6e6;
       margin: 0;
       font-size: 105%;
       line-height: 140%;
       font-family: sans-serif; }

#paper, .paper { border: solid #555;
                 border-width: 1px 5px 5px 1px;
                 max-width: 45em;
                 margin: 0 auto 0 auto;
                 padding: 1em;
                 background: white;
                 color: #444; }

div#paper, div.paper { float: left;
                       max-width: 38em;
                       margin: 0 4px 1em 3%; }

#page-2 { display: none; }

.wide-only { display: none; }

@media screen and (min-width: 60em)
      {
          body { font-size: 140%; }
          .wide-only { display: initial; }
          .not-wide { display: none; }
          .paper { width: 42%; }
          #page-2 {  display: initial; }
          #page-1 .page-2-content   {  display: none;  }
      }

img#paper {  }

img.portrait { height: 100px;
               width: 75px; }

img.left { float: left;
           margin-right: 0.3em; }

img.right { float: right;
            margin-left: 0.3em; }

h1, h2, h3, h4 { color: #993333; }

h1 { line-height: 110%; }

pre { background: white;  width: fit-content; }

.code,
.verbatim { font-family: courier; font-weight: bold; font-size: 90%;
            margin: 0.5em 1em;
            line-height: 105%; }

#footnote { font-size: 70%;
            line-height: 110%;
            text-align: center;
            background: white;
            border: solid #aa4444;
            border-width: 1px 0 0 0;
            margin-top: 2em; }

#footnote p { margin: 0; }

#footnote a { color: #900; }            

a { color: #993333; text-decoration: none; }