@import url('/fonts.css');
             * { margin:0; padding:0; }
          body { font-size:16px; font-family:'lora',serif; background:#fff; color:#000; }
         #text { width:95%; margin:0 auto; }
         #head { font-family:'walter-turncoat',cursive; border-bottom:1px solid #ccc; padding:0.75em 0 0.25em 0; width:100%; }
       #head a { color:#000; }
 #head a:hover { color:#06f; text-decoration:none; }
         #foot { font-family:'walter-turncoat',cursive; font-size:1em; text-align:center; padding-bottom:1.5em; }
       #foot a { color:#000; text-decoration:underline; }
 #foot a:hover { color:#06f; }
    blockquote { padding-left:2em; font-style:italic; }
          .fig { text-align:center; margin-bottom:2.5em; }
        .fig p { font-size:1.25em; margin-bottom:0em; }
      .fig img { max-width:100%; margin:1em 0; }
         p img { margin:0; padding:0; vertical-align:middle; }
           pre { font-size:1.4em; line-height:1.2em; padding-left:1em; margin-bottom:1.5em; font-family:'code-new-roman',monospace; }
         pre i { font-style:normal; color:#888; }
    p,ul,ol,dl { font-size:1.7em; line-height:1.5em; margin-bottom:1.5em; }
         ul,ol { padding-left:1.75em; }
            dd { padding:0 0 0.5em 1.5em; }
            ul { list-style-type:disc; }
   li ul,li ol { font-size:1em; margin:0; }
            h1 { font-size:3.6em; }
            h2 { font-size:2.8em; }
            h3 { font-size:2.4em; }
      h1,h2,h3 { font-weight:normal; font-family:'francois-one',sans-serif; margin:1em 0 0.5em 0; }
            tt { font-size:0.95em; font-family:'code-new-roman',monospace; white-space:nowrap; font-style:normal; padding:0 0.1em; }
             a { color:#06f; text-decoration:none; }
       a:hover { text-decoration:underline; }
         .more { font-size:1em; text-align:right; }
       .more a { font-family:'walter-turncoat',cursive; background:#ddd; color:#000; padding:0.5em 0.75em; border-radius:0.2em; }
 .more a:hover { background:#06f; color:#fff; }
@media (min-width:840px) {
         #text { width:780px; }
           img { max-width:780px; }
           pre { font-size:1.2em; }
    p,ul,ol,dl { font-size:1.4em; }
          body { overflow-y:scroll; }
}
