body { 
  background-color: #000;
  color: #88f;
}

h1 {
  margin-left: auto;
  margin-right: auto;
  display: block;
  color: white;
  border-width: 1;
  border-color: white;
  border-style: solid;
  text-align: center;
  background-color: #44b;
  margin-top: 5px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 1.8em;
  height: 1.8em;
}

img#earth { 
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -4;
  width: 100%;
}

img.loader {
  height: 1;
  width: 1;
  z-index: -30;
}

img.quadimg { 
  /* width: 39%; */
  height: 100%;
  border-width: 3px;
  border-color: #000;
  border-style: solid;
/*  display: block; */
}

p.quadtxt { 
  color: white;
  margin-top: 0px;
  z-index: 1;
  text-align: center;
  text-shadow: 1px 1px #000000;
  width: 100%;
  font-style: italic;
  font-size: .9em;
  background-color: #000;
  opacity: .6;
}

/* div boxes surrounding the images */

div.boxdiv {
  position: absolute;
  height: 25%;
  margin: 3% 3% 3% 3%;
  z-index: -10;
}

div#box1div {
  left: 2%;
  top: 100;
}

div#box2div {
  right: 2%;
  top: 100;
}

div#box3div {
  left: 2%;
  bottom: 2em;
}

div#box4div {
  right: 2%;
  bottom: 2em;
}

div#box5div {
  left: 10%;
  top: 30%;
}

div.fullbox { 
  width: 100%;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

div.topbox {
  width: 100%;
  display: block;
}

div.midbox p { 
  width: 100%;
}

div.midbox {
  width: 100%;
  display: block;
  color: red;
  margin-left: auto;
  margin-right: auto;
  display: block;
  font-size: 1.2em;
}

div.botbox {
  width: 100%;
  display: block;
}

div.full { 
  width: 100%;
  border-width: 1;
  border-color: white;
  border-style: solid;
}

div { 
  border-width: 0;
  border-color: white;
  border-style: solid;
}

a:link, a:visited { 
  color: white;
  text-decoration: none;
}

a:hover { 
  background-color: #66c;
  color: white;
  text-decoration: none;
}

a.showlink {
  text-decoration: underline;
}

p.enter { 
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -6px;
  margin-top: 0px;
  padding-top: 4px;
  padding-bottom: 1px;
  padding-left: 5px;
  padding-right: 5px;
  display: block;
  color: white;
  border-width: 1px 1px 0px 1px;
  border-color: white;
  border-style: solid;
  text-align: center;
  background-color: #44b;
  position: absolute;
  font-size: .8em;
  height: 1.5em;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  left: 1px;
  right: 1px;
  width: 12em;
  bottom: 6.1em;
  z-index: 6;
}

p.golicensing { 
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -6px;
  margin-top: 0px;
  padding-top: 4px;
  padding-bottom: 1px;
  padding-left: 5px;
  padding-right: 5px;
  display: block;
  color: white;
  border-width: 1px 1px 0px 1px;
  border-color: white;
  border-style: solid;
  text-align: center;
  background-color: #44b;
  position: absolute;
  font-size: .8em;
  height: 1.5em;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  left: 1px;
  right: 1px;
  width: 16em;
  bottom: 4.2em;
  z-index: 6;
}

p.aboutbut { 
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -3px;
  margin-top: 0px;
  padding-top: 4px;
  padding-bottom: 1px;
  display: block;
  color: white;
  border-width: 1px 1px 0px 1px;
  border-color: white;
  border-style: solid;
  text-align: center;
  background-color: #44b;
  position: absolute;
  font-size: .8em;
  height: 1.5em;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  left: 1px;
  right: 1px;
  width: 22em;
  bottom: 2.1em;
  z-index: 4;
}

p.bottom { 
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 4px;
  padding-bottom: 1px;
  display: block;
  color: white;
  border-width: 1px 1px 0px 1px;
  border-color: white;
  border-style: solid;
  text-align: center;
  background-color: #44b;
  position: absolute;
  font-size: .8em;
  height: 1.5em;
  left: 1px;
  right: 1px;
  width: 28em;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  bottom: 0px;
  z-index: 2;
}

p.license { 
  display: block;
  color: white;
  border-width: 1;
  border-color: white;
  border-style: solid;
  right: 1px;
  bottom: 1px;
  position: absolute;
  height: 31px;
  margin-left: 0px;
  margin-right: 2px;
  margin-bottom: 2px;
  margin-top: 0px;
  z-index: -3;
}

h2.enter {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  margin-top: 0px;
  display: block;
  position: absolute;
  color: white;
  border-width: 0;
  text-align: center;
  background-color: #44b;
  bottom: 1em;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 1.8em;
  height: 1.8em;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  width: 50%;
  left: 1px;
  right: 1px;
}

div.blackbox { 
  z-index: -8;
  background-color: #000;
  width: 100%;
  position: absolute;
  display: block;
  height: 100%;
  left: 1px;
  bottom: 1px;
}

div.mainparts { 
  z-index: -10;
}

div.maintext { 
  background-color: #44b;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  padding-left: .5em;
  display: block;
  bottom: 8em;
  color: #fff;
  position: absolute;
  left: 1px;
  right: 1px;
  border-color: #fff;
  border-style: solid;
  border-width: 2px;
  border-radius: 5px;
}

div.maintext p { 
  margin-left: 3em;
  margin-right: 215px;
}

img.me { 
  float: right;
  position: absolute;
  right: 10px;
  top: 10px;
}

div.earthpart { 
  z-index: 42;
}

/* object.style.zIndex="1" */