/* comment
html, body{
  position:relative;
  font-family: monaco, monospace;
  color:#c7c7c7;
}
html{
  background:#fff;
}
body{
  background:#000;
  margin:2px 4px;
  padding:.5em 2em;
}
body::before{
  content:'<<<';
  background:#ccc;
  position:absolute;
  top:0;
  left:0;
  color:#000;
}
*/

div.lynx {
  background:#000;
  margin:10px 4px 4px 25px;
  padding:.6em 2em;
  font-family: monaco, monospace;
  color:#c7c7c7;
}

h1.lynx span{
  background:blue;
  color:#8C7612;
  font-family: monaco, monospace;
  text-transform:uppercase;
  font-weight:normal;
  font-size:2rem;
  position:relative;
  text-align:center;
}

h2.lynx{background:#8C7612;
font-family: monaco, monospace;
color:blue;
font-weight:normal;
font-size:1rem;
position:relative;
text-align:center;
}

hr.lynx {
  border-top: 3px dashed yellow;
}

strong.lynx{
  color:blue;
}
em.lynx{}

blockquote.lynx{
  font: inherit;
color: #00A5A7;
border-left: none;
margin:1em 1em 1em 1em;
}
ul, ol, title{
  color:#CA30C7;
}
ul.lynx{
  list-style-type:none;
}
ul.lynx li.lynx:before{
  content:'* ';
  margin:1em 2em;
  color:#00C300;
}

li.lynx{margin:1em 2em;
color:#00C300;}

ul.lynx ul {
  padding-left: 4.25em;
}
p.lynx{
  margin:1em 2em;
  color:#00C300;
}
a.lynx{
  color:yellow;
  text-decoration:none;
}
a.lynx:hover, a.lynx:focus{
  color:#8C7612;
}
ol.lynx{
  margin-left:1.5em;
}

code, pre{
  font:inherit;
  color: #00A5A7;
}

title.lynx{
  display:block;
  text-align:center;
  text-transform: uppercase;
}
th.lynx{
  color: #C7C500;
}