body {
  font-family: "Courier", serif;
  margin: 0;
}

h1, h2, h3 {
  text-align: center;
}
#linkList h3 {
  text-align: left;
}
#preamble h3 {
  text-align: right;
}

#container {
  margin: 0 20%;
}

h1, h2, h3, p, #footer {
  margin: 0;
  border: 1px solid;
  border-width: 0 1px;
  padding: 1em;
  position: relative;
  z-index: 2;
  background: white;
  /*color: black;*/
}

#linkList, #preamble {
  margin: 0;
  padding: 1em;
}

#linkList p, #linkList h3, #preamble p, #preamble h3 {
  margin: 1em 0;
  border: none;
  padding: 0;
  
}
#linkList ul {
  padding-left: 1.5em;
}

div#preamble, div#linkList, div#extraDiv1, div#extraDiv2 {
  position: absolute;
  border: 1px solid;
  width: 50%;
  z-index: 1;
  background: white;
  color: gray;
}
div#preamble {
  top: 5em;
  right: 2em;
}
div#linkList {
  top: 5em;
  left: 2em;
}
div#linkList:hover, div#preamble:hover {
  z-index: 3;
  color: black;
}



div#extraDiv1, div#extraDiv2 {
  z-index: 0;
}
div#extraDiv1 {
  top: 2.5em;
  left: 10%;
  height: 50%;
}
div#extraDiv2 {
  top: 2.5em;
  right: 10%;
  height: 25%;
}