* {
  background-color: black;
}

ul {
  list-style-type: none;
}

aside {
  position: fixed;
  left: 75%;
  width: 20%; 
  text-align: right;
  margin-right:1em;
  color:#DAA520;
}

aside a {
  color: #F0E68C;
}

section {
  position: absolute;
  left: 15%;  
  width: 60%;
  padding: 1em 1em 1em 2em;
  border-radius: 10px;
  color: #DAA520;
}

section a {
  color: #F0E68C;
}

img {
  padding-bottom: 2em;
}

a:active {
  position: relative;
  top: 1px;
}

.page-header {
  color: #DAA520;
}

.left-hand-nav a {
  float: left;
  clear: both;
  padding: .1em;
  margin: .5em 1em .5em 2em;
  color: #DAA520 ;
  border-style: solid;
  border-radius: 10px;
  border-color: gray;
  width: 12.5%;
  background-color: gray;
}

.left-hand-nav a:hover {
  color: black;
}

.tools h2 {
  font-size: 2.5em;
}

.w5 {
  font-size: 2.2em;
}

.w4 {
  font-size: 1.9em;
}

.w3 {
  font-size: 1.6em;
}

.w2 {
  font-size: 1.3em;
}

.w1 {
  font-size: 1em;
}

.undone {
  visibility: hidden;
}