body {
  background-color: black;
  color: #999999;
  font-family: verdana, sans-serif;
}

header, section, footer, aside, pre, blockquote {
  background-color: #060606;
  max-width: 800px;
  width: 95%;
  padding: 2px 10px 10px 10px;
  margin: auto;
  margin-bottom: 30px;
  border: 1px dotted #666666;
  border-radius: 2px;
}

.inset {
  display: block;
  width: 200px;
  float: right;
}

.center {
  margin: auto;
  text-align: center;
  word-wrap: break-word;
  display: block;
}

img {max-width: 100%;}
.half {max-width: 40%; width: 40%;}

/* https://meyerweb.com/eric/tools/color-blend/#D82929:FFD700:1:hex */

.earth {color: #84c03f;} .earth hr {background-color: #84c03f;}
.water {color: #13a4a8;} .water hr {background-color: #13a4a8;}
.fire {color: #D82929;} .fire hr {background-color: #D82929;}
.air {color: #ffd700;} .air hr {background-color: #gold;}
.nicered {color: #550606;}

hr {color: #999999; background-color: #999999;}

h1 {color: #999999;font-size: 2.0em;} 
h2 {color: #D82929;font-size: 1.5em;} 
h3 {color: #999999;font-size: 1.3em;} 
h4 {color: #E3581E;font-size: 1.0em;}
h5 {color: #858000;font-size: 0.8em;}
pre {font-size: 1.0em;}

a:link, a:visited  {color: gold; text-decoration: none;}
a:hover {color: #D82929; text-decoration: line-through;}

::selection {color: #D82929; background: gold;}
::-moz-selection { /* Code for Firefox */ color: #D82929; background: gold;}