/** Design and CSS by fantasai **/


/* Basic Styling */
  html, body {
    -moz-box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
  
    font-family: URW Palladio L, Palatino Linotype, Book Antiqua, serif;
    text-align: justify;
  }
  
  #footer,
  #header {
    padding: 0;
    color: gray;
    font-size: smaller;
  }
  #header {
    text-align: left;
    line-height: 1.4;
  }
  #footer {
    border-top: solid thin gray;
  }
  #header *,
  #footer * {
    border: none;
  }
  
  @media screen {
    body {
      max-width: 40em;
      margin: auto;
      padding: 2em 3em;
    }
  }
  
  @media print {
    body {
      width: 8in;
      padding: 2em 3em;
      font-size: 12pt;
    }
    #header, #footer {
      color: black;
      font-size: 10pt;
    }
  }

/* Color */

code {
  font-size: .90em;
}

/* Structure */

  /* Controlled Pagination */
  hr {
    border: none;
    height: 0;
    padding: 0;
    margin: 0;
    page-break-after: always;
  }
  
  /* Sections */
  .section.section {
    margin: 1.5em 1em;
    padding: 0;
  }
  
  /* Main Title */
  h1 {
    text-align: center;
    font-variant: small-caps;
  }
  /* Subtitle */
  h1 + h1 {
    font-size: larger;
    font-style: italic;
  }
  
  /* Subheadings */
  h2 {
    color: gray;
    font-size: 14pt;
    font-weight: normal;
    margin: 1.5em -1em 1em;
    border-bottom: solid thin;
  }
  
  .section.section > h3,
  h3 {
    font-size: 1em;
    font-weight: bold;
    line-height: 1;
    margin: 1.5em -1em;
    padding: 0;
  }
  
  /* De-emphasis */
  h2 small,
  h3 small {
    font-style: italic;
    font-weight: normal;
    font-size: 0.90em;
    display: block;
  }

/* Tables */

  table {
    margin: 1em auto;
  }
  table.data {
    margin: 1em;
  }
  
  caption {
    text-align: center;
  }
  
  th {
    text-align: center;
  }
  
  dt {
    font-weight: normal;
    font-style: italic;
  }

/* Navigation */

  :link, :visited {
    color: gray;
    text-decoration: none;
  }
  :link:hover, :visited:hover,
  :link:focus, :visited:focus {
    text-decoration: underline;
  }
  
/* Figures */

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

  /* Side-by-side Text + Image */
  .diagram-set > img,
  .diagram-set > embed,
  .diagram-set > object {
    /*border: solid thin; */
  }
  object object {
    border: none;
  }
  
  /* Image with Caption */
  .figure-set {
    margin: 1em 2em;
    text-align: center;
    font-size: smaller;
    color: gray;
    font-style: italic;
  }
  
  #title {
    text-align: center;
    page-break-before: never;
  }
  
  #bibliography {
    text-align: start;
  }