body {
  background-color: #2e2e2e;
  color: #d6d6d6;
  font-family: "Courier New", monospace;
  font-size: 1em;
  margin: 75px 25%;
  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: #101010;
  font-size: max(1.5vw, 1em);

}

#files {
  padding: 10px;
  text-align: justify;
  display: inline-block;
  border: 2px dashed #d6d6d6;
  background-color: #101010;
  font-size: min(2.5vw, 1.4em);
}

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

hr {
  border: 1.5px solid #d6d6d6;
}
  
@media only screen and (max-width: 600px) {
	body {
		margin: 75px 15%;
	}
	#navigation {
		position: static;
}