/* latin-ext */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400;
  src: local('Libre Franklin'), local('LibreFranklin-Regular'), url(/fonts/LibreFranklin1.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400;
  src: local('Libre Franklin'), local('LibreFranklin-Regular'), url(/fonts/LibreFranklin1) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

body {
    margin: 0 10px 0 10px;
    padding: 0;
    line-height: 1.4em;
    overflow-x: hidden;
    font-family: 'Libre Franklin', sans-serif;
}

div.top, div.bottom {
  background: #aaa;
  color: #000;
  font-weight: normal;
  font-style: italic;
  font-size: 14px;
  border-top: 6px dashed #fff;
  border-bottom: 6px dashed #fff;
  padding: 4px 7px 4px 7px;
  text-align: right;
}

div.top {
  margin: 8px -10px 0 50%;
}

div.bottom {
  margin: 12px 50% 8px -10px;
  color: #fff;
}

div.rest {
  margin: 0 16px 0 16px;
  padding-bottom: 30px;
}

p, ul, ol, table, pre {
}

h1, h2, h3, h5, h6 {
  font-weight: normal;
}

h1 {
  margin-top: 1em;
  margin-bottom: 0;
  padding-bottom: 0;
  line-height: 1.5em;
}

h2 {
  font-size: 140%;
  margin-top: 25px;
}

h1 + h2 {
  margin-top: 2px;
}

p.central {
}

p.update {
  text-align: right;
  font-size: 60%;
  margin-right: 1em;
}

p.attribution {
  text-align: right;
}

p.headmatter {
  font-style: italic;
  color: #333;
}

p.headleft {
  text-align: left;
  margin-top: 1px;
}

p.smallnote {
  color: #888;
  font-size: 75%;
  margin: 2em 33% 00 33%;
}

p.smallnote a:link {
  color: #339;
}

p.nextarrow {
  font-size: 200%;
  text-align: center;
}

p.slidehead {
  color: #000;
  text-align: right;
  font-size: small;
  font-weight: bold;
  margin-top: 100%;
}

p.leftinset {
  color: #333;
  width: 25%;
  float: left;
  margin-right: 2em;
  font-size: 120%;
}

p.rightinset {
  color: #333;
  width: 25%;
  float: right;
  margin-left: 2em;
  font-size: 120%;
}

p.endmark {
  text-align: center;
  margin-bottom: 110%;
}

img {
    border: none;
}

img.left {
  border-left: 3px solid #333;
  margin-right: 15px;
  float: left;
}

img.right {
  border-right: 3px solid #333;
  margin-left: 15px;
  float: right;
}

img.if {
border: thin solid #333;
}

div.center {
margin-left: auto;
margin-right: auto;
}

li + li {
margin-top: .5em;
}

a {
  text-decoration: none;
  padding: 2px;
}

a:link {
  color: #f22;
}

a:visited {
  color: #d22;
}

a:active {
  color: #000;
  background: #888;
}

a:hover {
  background: #ccc;
}