html,
body {
  height: 100%;
}

body {
  color: black;
  background-color: #F5F5F5;
  font-family: sans-serif;
  display: flex;
  flex-direction: column;
  padding-left: 15%;
  padding-right: 15%
}

main {
  flex: 1 0 auto;
}

pre {
  display: inline-block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0;
  width: 40;
}
li::marker { color: #504A4B; content: "- "; }
hr {
  color: white;
  width: 50%;
}
a:link {
  color: #9F000F;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: #9F000F;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #FF4500;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}
@media screen and (max-width: 1400px) {
    body {
        margin: 0;
		padding-left: 1%;
        padding-right: 1%
    }
}