#title h1, body {
    font-weight: 400;
    color: #eee
}

.divide, .outer {
    position: absolute;
    width: 100%
}

#title h1, .trifecta, p {
    text-align: center
}

body, html {
    margin: 0;
    padding: 0;
    height: 100%
}

body {
    font-family: Raleway,Helvetica Neue,Helvetica,sans-serif;
    font-size: 14px;
    background-color: #101010
}

p {
    font-size: 1.75em;
    color: #ddd;
    margin: 10px 0 0
}

a {
    color: #2780E3;
    text-decoration: none;
    background-color: transparent
}

    a:hover {
        color: #165ba8;
        text-decoration: underline
    }

    a:not([href]):not([tabindex]) {
        color: inherit;
        text-decoration: none
    }

        a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
            color: inherit;
            text-decoration: none
        }

        a:not([href]):not([tabindex]):focus {
            outline: 0
        }

.divide {
    top: 0;
    padding: 0;
    margin: 0;
    background: #1e5799;
    background: -moz-linear-gradient(left,#1e5799 0,#f300ff 50%,#e0ff00 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0,#1e5799),color-stop(50%,#f300ff),color-stop(100%,#e0ff00));
    background: -webkit-linear-gradient(left,#1e5799 0,#f300ff 50%,#e0ff00 100%);
    background: -o-linear-gradient(left,#1e5799 0,#f300ff 50%,#e0ff00 100%);
    background: -ms-linear-gradient(left,#1e5799 0,#f300ff 50%,#e0ff00 100%);
    background: linear-gradient(to right,#1e5799 0,#f300ff 50%,#e0ff00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#e0ff00', GradientType=1 );
    height: 3px;
    border-bottom: 1px solid #000
}

.trifecta .one, .trifecta .two, .trifecta > div {
    background-color: #eee
}

#title h1 {
    margin: 0 auto;
    padding: 0;
    font-size: 62pt;
    height: 120px
}

#title span {
    color: #70086b
}

.outer {
    display: table;
    height: 100%
}

.middle {
    display: table-cell;
    vertical-align: middle
}

.inner {
    margin-left: auto;
    margin-right: auto;
    width: 400px
}

.trifecta {
    margin: 0 auto;
    font-size: 26px;
    width: 80px
}

    .trifecta > div {
        display: inline-block;
        width: 14px;
        height: 14px;
        border-radius: 100%;
        -webkit-animation: bdelay 1.4s infinite ease-in-out both;
        animation: bdelay 1.4s infinite ease-in-out both
    }

    .trifecta .one {
        -webkit-animation-delay: -.32s;
        animation-delay: -.32s
    }

    .trifecta .two {
        -webkit-animation-delay: -.16s;
        animation-delay: -.16s
    }

@-webkit-keyframes bdelay {
    0%,100%,80% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes bdelay {
    0%,100%,80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}