html {
  height: 100%;
}
body {
  font-family: serif;
  max-width: 80ex;
  padding-left: 1.5em;
  padding-bottom: 2em;
}
#footer {
  font-size: .7em;
  position: absolute;
  bottom: .5em;
}
#footer p { margin: 0px; }
h1 {
  margin-left: -1em;
  margin-top: 1em;
  font-size: 1.5em;
}
h2 {
  font-size: 1em;
  font-weight: bold;
}
body.vcard {
  background-color: #251;
  color: #fff;
  font-size: 12pt;
  font-family: Georgia, serif;
  padding-top: 3em;
  /* Generated with http://gradient.quasi.ink */
  background-size: cover;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAADCAYAAABfwxXFAAAAX0lEQVQIWwXBsQ6CMBRA0VuiKUupDS087GDi6sAH8CNObv69Q00IhEDyOMeMn5seCo82EL3DUJDeIiljXu9G78kjaWDZ/hz7jxguZBkw0zfrs+9YdWXeC/aquLpCYssJvagW/yqnKxQAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  margin: auto;
}
body.vcard div.vcard {
  border: 1px solid #111;
  color: #333;
  background-color: #f5fff5;
  padding: 1em;
  line-height: 1.5;
}
div.vcard h1 {
  color: #000;
}
body.vcard a {
  color: inherit;
}
div.vcard a {
  text-decoration: none;
  position: relative;
  padding-left: 24px;
}
div.vcard a img {
  position: absolute;
  left: 0px;
  bottom: 2px;
}
div.vcard a span {
}
div.vcard #subline {
  margin-bottom: 1em;
}
.vcard h1 {
  font-size: 2em;
  margin: 0px;
}
.vcard p {
  margin: 0px;
}
.vcard h2 {
  margin-top: 5em;
}