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: 34.624px;
  line-height: 29.548799999999996px;
}
h2 {
  background-color: #6227b2;
  font-size: 24.624px;
  line-height: 29.548799999999996px;
}
h3 {
  color: white;
  background-color: #6227b2;
  font-size: 23.44px;
  line-height: 28.128px;
}
h4 span{background-color: #c4efcb;}
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: #54b43;
}
html body {
  background-color: #f1f0ff;
}
html h1,
html h2,
html h3,
html h4,
html h5,
html h6 {
  color: #585e65;
  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 {  color: white; }
html h3 {  color: white; }
html h4,
html h5,
html h6 {
  color: #a57910;
}
table td img{float:none;width:100%}
img{float:right;width:40%}
img~figcaption{float:right;background-color:lightsteelblue}
table.img{float:right;text-align:right;width:40%}
img.full{width:100%}
img.inline{float:none}
img.left{float:left;margin-right:25px}
img.ultrawide{width:70%}
table.ultrawide{width:70%;float:right;text-align:right}
img.large{width:60%}
table.large{width:60%;float:right;text-align:right}
img.wide{width:50%}
table.wide{width:50%;float:right;text-align:right}
img.small{width:30%}
table.small{width:30%;float:right;text-align:right}
img.smaller{width:25%}
table.smaller{width:25%;float:right;text-align:right}
img.tiny{width:20%}
table.tiny{width:20%;float:right;text-align:right}
img.icon{width:15%;}
table.icon{width:15%;float:right;text-align:right}
img.little{width:15%;}
table.little{width:15%;float:right;text-align:right}
img.trivial{width:10%}
table.trivial{width:10%;float:right;text-align:right}
img.micro{width:5%}
table.micro{width:5%;float:right;text-align:right}
table td img{float:none;width:100%}
.line-numbers{display:none}
.floatclear{clear:both}
.del{text-decoration:line-through}
.rcolumn{float:right;border:solid 1px;
  margin:4px; padding:5px;
	background-color: #cc99aa;color:blue;	}
.dark{background-color: #ebebeb}