body {
    color: #333;
}

a {
    text-decoration: none;
    color: inherit;
}

.link:after {
    content: " ∞";
    color: #888888;
}

a:hover {
    text-decoration: underline;
}

footer {
    text-align: center;
    font-size: 0.85em;
    padding-bottom: 2em;
}

ul {
    margin: 0;
    padding-left: 1.25em;
}

.profile {
  position: absolute;
  right: 1.25em;
  top: 1.25em;
  width: 7.5em;
  border-radius: 0.25em;
}

.content {
  position: relative;
  margin: 0 auto 1.75em auto; /* top right bottom left */
  padding: 0 1em 1em 1em;
  min-height: 18em;
  max-width: 32em;
  line-height: 1.6em;
  box-shadow: 3px 3px 12px #888888;
}

.header {
    margin: 0;
    color: #333;
    text-align: center;
    padding: 1em 0 0 0;
 }

.header h1 {
    margin: 0.2em 0;
    font-size: 2.75em;
    font-weight: 300;
}

.header h2 {
    font-weight: 300;
    color: #777;
    padding: 0;
    margin-top: 0;
}

.content-subhead {
    margin: 0.75em 0 0.5em 0;
    font-weight: 300;
    color: #777;
    padding: 1em 0 0 0;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}