html {
  margin: 5px;
  padding: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  width: 100%;
  font-family: "ff-din-web-pro-1", "ff-din-web-pro-2", sans-serif;
  font-size: 20px;
  line-height: 19.2px;
  color-profile: sRGB;
}
body {
  min-width: 32em;
  max-width: 52em;
  margin: 10px;
}
p {
  font-weight: lighter;
  margin-bottom: 20px;
}
strong {
  font-weight: bold;
}
ol, ul {
  margin-left: 2em;
  margin-bottom: 20px;
}
ul ul,
ol ol,
ul ol,
ol ul {
  margin-top: 10px;
}
li {
  margin-bottom: 10px;
}
h1,h2,h3,h4,h5,h6 {
  font-weight: lighter;
  margin-top: 20px;
  margin-bottom: 20px;
}
h1 {
  font-size: 24.624px;
  line-height: 29.548799999999996px;
}
h2 {
  font-size: 24.624px;
  line-height: 29.548799999999996px;
}
h3 {
  font-size: 23.44px;
  line-height: 28.128px;
}
h4 {
  font-size: 22.16px;
  line-height: 26.592px;
}
h5 {
  font-size: 22.16px;
  line-height: 26.592px;
}
h6 {
  font-size: 22.16px;
  line-height: 26.592px;
}
img {
    margin: 1px;
/*  margin-bottom: 20px;
*/
}
h1 img,h2 img,h3 img,
h4 img,h5 img,h6 img,
p img {
/*  margin-bottom: 0;
*/
}

pre, code {
  font-family: monospace;
}
pre {
  margin-bottom: 20px;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 25px;
}
h1 {
*/  text-transform: uppercase; */
  font-weight: bold;
  border-bottom: 1px solid;
}
h2 {
  border-bottom: 1px solid;
}
h3,
h4,
h5,
h6 {
  border-bottom: none;
}
html * {
  color: #354b43;
}
html body {
  background-color: #fdf6ef;
}
html h1,
html h2,
html h3,
html h4,
html h5,
html h6 {
  color: #787e85;
  border-color: #657b83;
}
html a:hover {
  background-color: #eee8d5;
}
html pre {
  color: #586e75;
  background-color: #eee8f5;
}
html a,
html a:active,
html a:visited,
html code.url {
  color: #6569f0;
}
html h1 {
  color: #b58900;
}
html h2,
html h3,
html h4,
html h5,
html h6 {
  color: #c59910;
}

img{float:right;width:40%}
img.inline{float:none}
img.ultrawide{width:65%}
img.large{width:60%}
img.wide{width:50%}
img.small{width:40%}
img.smaller{width:30%}
img.tiny{width:20%}
img.icon{width:15%}
img.trivial{width:10%}
.line-numbers{display:none}
.floatclear{clear:both}