body {
    background: #334;
    font: 13px Arial;
    color: white;
    margin: 0;
}
a:link {
    color: white;
    text-decoration: underline;
}
a:link:hover {
    text-decoration: none;
}
p {
    margin: 0;
}
#main {
    margin: 54px 100px;
}
#_54 {
    font: 154px Impact;
    color: #667;
    line-height: 85%;
    position: fixed;
    top: 0;
    z-index: -1;
    -webkit-animation: slideleft 4s ease-out;
    -webkit-transition: text-shadow .25s;
}
#_54 a:link {
    font: inherit;
    color: inherit;
    text-decoration: inherit;
}
#_54:link:hover {
}
#_54.alfred:hover {
    text-shadow: 0 0 20px green;
}
#_54.dustin:hover {
    text-shadow: 0 0 20px orange;
}
#_54.eddy:hover {
    text-shadow: 0 0 20px purple;
}
#_54.sage:hover {
    text-shadow: 0 0 20px blue;
}
#_54.thomas:hover {
    text-shadow: 0 0 20px red;
}
#fiftyfour {
    font: 35px Impact;
    letter-spacing: .1em;
    white-space: nowrap;
    text-transform: uppercase;
    position: fixed;
    top: 54px;
    z-index: -1;
    -webkit-animation-name: slidetop;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease-in;
}
.header {
    border: 1px solid white;
    background-color: rgba(255,255,255,0.25);
    text-align: right;
    font: 22px;
    padding: 10px 5px;
    margin-top: 92px;
    width: 100%;
}
.header > p:first-child {
    font-size: 22px;
}
.page {
    border: 1px solid white;
    background: #ad8023;
    margin: 5px 0;
    padding: 5px;
    width: 100%;
    float: left;
}
.left {
    float: left;
    width: 30%;
    min-width: 10em;
    max-width: 20em;
}
.right {
    float: left;
    width: 70%;
}
.topic {
    border: 1px solid white;
    margin: 10px;
    padding: 5px;
    padding-top: 0;
    letter-spacing: 1px;
}
.topic > h1 {
    color: black;
    background: rgba(255,255,255,.4);
    margin: 0 -5px 5px -5px;
    padding: .25em .5em;
    font: 15px Impact;
    text-transform: lowercase;
    letter-spacing: .1em;
}
.topic > a {
    display: block;
}
.section {
    margin: 10px;
    letter-spacing: 1px;
}
.section > h1 {
    border: 1px solid white;
    padding-left: .5em;
    margin: 0;
    font-size: 1.2em;
}

@-webkit-keyframes slidetop {
  0% {
      -webkit-transform: translate(0, -100px);
  }
  66% {
      -webkit-transform: translate(0, -100px);
  }
  100% {
      -webkit-transform: translate(0,0);
  }
}

@-webkit-keyframes slideleft {
  0% {
      -webkit-transform: translate(-200px, 0);
  }
  25% {
      -webkit-transform: translate(-200px, 0);
  }
  100% {
      -webkit-transform: translate(0,0);
  }
}