style.css

    <style type="text/css">
      A IMG { border-width: 0px; }

      BODY {
          background: white;
          margin: 2em;
        font-size: medium;
        max-width: 60em;
        margin-bottom: 100%;
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
      }

      code, pre, tt {
	font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
	font-size: medium
      }

      code {
          display: inline-block;
          padding: .1em .2em;
        font-size: 90%;
        border-radius: 6px;
	background-color: #e8e8e8;
        box-sizing: border-box;
      }

      h1 {
	  font-size: 32px;
      }

      h1,
      h2 {
	  font-weight: 600;
          border-bottom: 1px solid #e8e8e8;
      }
      
      h2 {
	  font-size: 24px
      }
      
      h3 {
	  font-size: 20px
      }
      
      h3,
      h4 {
	  font-weight: 600
      }
      
      h4 {
	  font-size: 20px
      }

      P { margin: 1ex 0em; }
      P.subsection { margin-top: 2ex; }
      P.subsection:first-child { margin-top: 1ex; }
      P SPAN.title { font-weight: bold; padding-right: 1em; }

      PRE {
        margin: 1.5ex 2em;
        padding: 1px 1ex;
        background: #e8e8e8;
      }

      .sidebar {
        margin: 1.5ex 2em;
        padding: 1px 1ex;
        background: #e8e8e8;
      }

      /* added for ```{.jvm} support */
      PRE.jvm { font-style: italic; }

      BLOCKQUOTE { margin: 1.5ex 2em; font-style: italic; border-left: 0.2em solid gray; padding-left: 1em; }
      LI BLOCKQUOTE { margin-left: 0em; }
      LI { margin: 0ex 0em; }

      TABLE, TH, TD { border: 1px solid #e8e8e8;
                      padding: 6px 12px; }
      TR:nth-child(2n) {
          background-color: #f6f6f6;
      }
      TH { font-weight: 600 }
      TABLE { border-collapse: collapse; }
      TD { vertical-align: top; }

      UL LI { list-style-type: square; }

      DIV.summary { margin: 2ex 2em; }

      DIV.head { margin-bottom: 2em; }
      DIV.doctitle { font-size: x-large; font-weight: bold; }
      DIV.twarn { color: #cc0000; font-size: smaller; font-weight: bold;
                  margin-bottom: 1.5ex; }
      DIV.authors { margin-top: 1ex; font-size: large; }
      DIV.author A { font-style: italic; }
      DIV.version { font-size: medium; margin-top: 1ex; }
      DIV.copyright, DIV.comments { font-size: small; }
      DIV.version SPAN.modified { color: green; font-weight: bold; }
      DIV.head DIV.notes { margin-top: 1ex; }
      DIV.qa { margin-top: 2ex; }

      /* added because pandoc syntax highlighting always uses scroll bars */
      DIV.sourceCode {
          overflow: visible;
      }

      HR { border: 0px; border-top: 1px solid black; margin: 2ex 0em; }
   </style>