#container>p {
    width: 100%;
    float: left;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%)
}

#container>p>img {
    width: 80%;
    max-width: 606px;
    float: left;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

#container>p>a {
    width: 50%;
    max-width: 344px;
    float: left;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, -20%);
    -ms-transform: translate(-50%, -20%);
    transform: translate(-50%, -20%);
    clear: both
}

#container>p>a>img {
    width: 100%;
    float: left
}

*,body,html {
    margin: 0;
    padding: 0
}

a,body,html {
    color: #00b7c3
}

h1,h2 {
    text-shadow: 0 0 25px rgba(254,254,255,.85);
    visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

#canvas,#container {
    width: 100%;
    height: 100%
}

#canvas,#stats {
    position: absolute;
    z-index: 10
}

* {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

body,html {
    font: 16px/1.4 Lato,sans-serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

body {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

h1 {
    font: 2.75em Cinzel,serif;
    font-weight: 400;
    letter-spacing: .35em
}

h2 {
    font: 1.45em Cinzel,serif;
    font-weight: 400;
    letter-spacing: .5em;
    text-transform: lowercase
}

[class^=letter] {
    -webkit-transition: opacity 3s ease;
    transition: opacity 3s ease
}

.letter-0 {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.letter-1 {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.letter-2 {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.letter-3 {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.letter-4 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.letter-5 {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.letter-6 {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.letter-7 {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}

.letter-8 {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s
}

.letter-9 {
    -webkit-transition-delay: 2s;
    transition-delay: 2s
}

.letter-10 {
    -webkit-transition-delay: 2.2s;
    transition-delay: 2.2s
}

.letter-11 {
    -webkit-transition-delay: 2.4s;
    transition-delay: 2.4s
}

.letter-12 {
    -webkit-transition-delay: 2.6s;
    transition-delay: 2.6s
}

.letter-13 {
    -webkit-transition-delay: 2.8s;
    transition-delay: 2.8s
}

.letter-14 {
    -webkit-transition-delay: 3s;
    transition-delay: 3s
}

h1.transition-in,h2.transition-in {
    visibility: visible
}

h1 [class^=letter],h2 [class^=letter] {
    opacity: 0
}

h1.transition-in [class^=letter],h2.transition-in [class^=letter] {
    opacity: 1
}

#container {
    position: absolute;
    z-index: 20;
    text-align: center;
    cursor: context-menu
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pace-inactive {
    display: none
}

.pace .pace-progress {
    background: #00b7c3;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 3px
}