body {
  background-color: #2e2e2e;
  color: #d6d6d6;
  font-family: "Courier New", monospace;
  font-size: 1.1em;
  margin: 75px 20%;
  text-align: center;
}

h1 {
  font-size: 4em;
}
 /* unvisited link */
a:link {
  color: #e87d3e;
   text-decoration: none;
}

/* visited link */
a:visited {
  color: #e87d3e;
   text-decoration: none;
}

/* mouse over link */
a:hover {
  color: #2e2e2e;
  background-color: #e87d3e;
  transition: color 0.1s, background-color 0.1s;
}

/* selected link */
/*a:active {
} */

#navigation {
  border: 2px dashed #d6d6d6;
  padding: 10px;
  display: inline-block;
  position: fixed;
  bottom: 25px;
  left: 25px;
  background-color: #2e2e2e;
}

#files {
  padding: 20px;
  text-align: left;
  display: inline-block;
  border: 2px dashed #d6d6d6;
}

.path {
  font-style: italic;
  font-size: 0.75em;
  color: rgba(255,255,255,0.5);
}

hr {
  border: 1.5px solid #d6d6d6;
}