body {
  background-color: #222;
  color: white;
  font-family: "Georgia", serif;
  padding: 100px;
}

h1 {
  font-family: "Open Sans Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 8em;
  font-weight: normal;
  margin-left: -6px;
}

a {
  font-weight: bold;
  text-decoration: none;
}

@media (hover: hover) {
  a:hover {
    font-weight: bold;
    text-decoration: none;
  }
}

#contact {
  font-family: "Open Sans Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 2em;
  margin-bottom: 2em;
}

#contact a {
  color: #999;
  font-weight: normal;
  border: 0;
}

@media (hover: hover) {
  #contact a:hover {
    color: #ccc;
  }

  #contact a:hover:after {
    content: ' »'
  }
}

#description ul {
  margin: 0;
}

#description li {
  font-family: "Martel", "Georgia", serif;
  font-size: 3em;
  font-weight: normal;
  line-height: 1.4em;
}

#description a {
  color: #5b7289;
}

@media (hover: hover) {
  #description a:hover {
    color: #8eb2d5;
  }

  #description a:hover:after {
    content: ' \00bb'
  }
}