body {
  background-color: #262929;
}

div.mainbox {
  background-color: #eae5ab;
  width: 98%;
/*  height: 100%; */
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
}

div.maincontent {
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

div.container {
  top: 0; 
  left: 0; 
  width:  100%;
  height: 100%;
  position: relative; 
  display: table;
}

div.example {
  border-style: dashed;
  border-color: #99cccc; 
  border-width: 1px;
  background-color: #000000;
  color: #ffffcc;
  font-family: monospace;
  width: 80%;
} 
  
div.title {
  background-color: #262929;
  color: #eae5ab;
  text-align: center;
  border-style: solid;
  border-color: #eae5ab;
  border-width: 1px;
}

div.image {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

img.orb {
  display: block; 
  margin: 1em auto;
}

img {
  vertical-align: middle;
}

p.subject {
  margin: 0;
  padding: 0;
}