@font-face {
  font-family: 'Gogono Cocoa Mochi';
  src: local('Gogono Cocoa Mochi'), url(GogonoCocoaMochi.ttf) format('truetype');
}

@font-face {
  font-family: 'Architects Daughter';
  src: local('Architects Daughter'), url(ArchitectsDaughter.ttf) format('truetype');
}

body, html {
  height: 100%;
  background-color: darkgray;
  color: white;
  margin: 0;
  padding: 0;
  font-family: 'Architects Daughter', sans-serif;
  font-size: 1.2em;
}

h1, h2, h3 {
  font-family: 'Gogono Cocoa Mochi', sans-serif;
}

a, a:link, a:visited {
  color: green;
  text-decoration: none;
  font-weight: bold;
}

a:hover, a:active {
  color: lightgreen;
  text-decoration: none;
  font-weight: bold;
}

#outer {
  width: 100%;
  height: 100%;
  display: table;
}

#inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}