@media screen and (max-width: 480px) { body { -webkit-text-size-adjust:none; margin:0 } }

html { 
  background: darkgray; 
} 

body { 
  margin: 0 auto;
  padding: 1em;
  max-width: 50em;
  background: snow; /* ivory, seashell, floralwhite, whitesmoke */
  font-family: tahoma, sans-serif;
  font-size: large;
  text-align: justify;
} 
.wait-get {
  cursor: wait;
  background: blue;
}
.wait-put {
  cursor: wait;
  background: red;
}

a { font-weight: bold; text-decoration: none }
a:link, a:visited { color: rgb(100, 100, 100) }
a:hover { color: rgb(128,142,128); text-decoration: underline }
a:active { color: black }
abbr { border-bottom: 1px dotted }
em { color: rgb(104,128,104); font-style: normal; font-weight: bold }
img { border: none; margin: 0em .5em }
img.right { float: right }
img.left { float: left }
h1, h2, h3 { color:rgb(10,10,10);background:#99AA99;margin:0;padding:.5em; text-align:left }
li { margin: .5em 0 }
li > p { margin: 0; padding-left: 0 }
option, select, textarea { background: #AABBAA }
p { padding: 0em .5em }
code {
  font-family: Courier;
  font-weight: bold;
  font-size: larger;
}
/* inline code - oldschool terminal colors */
.console {
  color: #00C800;
  background: #000000;
}
pre.console {
  margin: 0 0.5em;
  padding: 0.5em;
  overflow-x: scroll;
}
iframe.console {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  overflow: hidden;
  border: none;
}
pre.console > span {
  color: black; 
  background: #00CC00
}