html, body {
  height: 100%;
}

html {
  display: table;
  margin: auto;
}

body {
  /* background-color: #0a0000; */
  /* background-color: hsl(20, 100%, 70%); */
  /* color: hsl(20, 100%, 15%); */ /* hsl(180, 100%, 95%) */
  width: 700px;
  margin: auto;
  display: table-cell;
  vertical-align: middle;
}

/*
h1, h2, h3, h4 {
  font-weight: normal;
  font-family: 'Terminus', monospace;
}
*/

h1 {
  /* font-size: 40px; */
}

h2 {
  /* font-size: 35px; */
}

h3 {
  /* font-size: 30px; */
}

h4 {
  /* font-size: 20px; */
}

p {
  /* font-size: 10px; */
}

a:link {
  color: hsl(240, 100%, 40%); /* hsl(180, 100%, 50%); */
}

a:hover {
  color: hsl(240, 100%, 60%);
}

a:visited {
  color: hsl(10, 100%, 50%);
}

* {
  /* font-family: Monospace; */
  /* font-family: Roboto; */
  /* font-family: 'Orelega One', cursive; */
}