a.blue, a.blueb {color: #000; text-decoration: none;}
a.blue:hover, a.blueb:hover {color: #000; text-decoration: none;}

.full {
    z-index: 60000;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: #000;
    
    
    opacity: 1;

    -webkit-animation-name: animfullcontainer;
    -moz-animation-name: animfullcontainer;
    animation-name: animfullcontainer;

    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;

    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    animation-delay: 12s;
}

@-webkit-keyframes animfullcontainer {
    100%  {display:none ; opacity: 0;}
    99%  {display: block ; opacity: 0.1;}
    0% {display: block ; opacity: 1;}
}

@-moz-keyframes animfullcontainer {
    100%  {display:none ; opacity: 0;}
    99%  {display: block ; opacity: 0.1;}
    0% {display: block ; opacity: 1;}
}

@keyframes animfullcontainer {
    100%  {display:none ; opacity: 0;}
    99%  {display: block ; opacity: 0.1;}
    0% {display: block ; opacity: 1;}
}

@media only screen and (max-width: 600px) {
    .splashcontainer {
        font-size: 8px;
    }
}

.splashcontainer {
    z-index: 60001;
    width: 100%;
    height: 50px;
    position: fixed;
    top: 50%;
    left: 10%;
    margin-left: -5%;
    margin-top: -25px;

    /*margin: 0px;
    padding: 0px;*/
    font-weight: 200;
    font-family: helvetica neue, helvetica, arial, sans-serif;
    -webkit-font-smoothing: antialiased;

    opacity: 1;

    -webkit-animation-name: animfullcontainer;
    -moz-animation-name: animfullcontainer;
    animation-name: animfullcontainer;

    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;

    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    animation-delay: 12s;
}

.splashcontainer .scroller {
    height: 50px;
    line-height: 50px;
    float: left;
    margin-left: 5px;
    overflow: hidden;
}

.splashcontainer .scroller span {
    display: block; 
    font-size: 200%;
    color: #fff;
}

.splashcontainer .scroller .inner {
    -webkit-animation: scroll 10s 1 ease-out;
    -moz-animation: scroll 10s 1 ease-out;
    animation: scroll 10s 1 ease-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}


.splashcontainer .blue {
    -webkit-animation: color 0.25s 1 linear;
    -moz-animation: color 0.25s 1 linear;
    animation: color 0.25s 1 linear;

    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    animation-delay: 8s;

    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

    color: #fff;
}


.splashcontainer .blueb {
    -webkit-animation: color 0.25s 1 linear;
    -moz-animation: color 0.25s 1 linear;
    animation: color 0.25s 1 linear;

    -webkit-animation-delay: 9s;
    -moz-animation-delay: 9s;
    animation-delay: 9s;

    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

    color: #fff;
}


@-webkit-keyframes color {
    0%  {color: #fff;}
    100% {color: #2c90c6;}
}

@-moz-keyframes color {
    0%  {color: #fff;}
    100% {color: #2c90c6;}
}

@keyframes color {
    0%  {color: #fff;}
    100% {color: #2c90c6;}
}

@-webkit-keyframes scroll {
    11%  {margin-top: 0px;}
    22%  {margin-top: 0px;}
    33%  {margin-top: -50px;}
    44%  {margin-top: -50px;}
    55%  {margin-top: -100px;}
    66%  {margin-top: -100px;}
    77%  {margin-top: -150px;}
    88%  {margin-top: -150px;}
    100% {margin-top: -150px;}
}

@-moz-keyframes scroll {
    11%  {margin-top: 0px;}
    22%  {margin-top: 0px;}
    33%  {margin-top: -50px;}
    44%  {margin-top: -50px;}
    55%  {margin-top: -100px;}
    66%  {margin-top: -100px;}
    77%  {margin-top: -150px;}
    88%  {margin-top: -150px;}
    100% {margin-top: -150px;}
}

@keyframes scroll {
    11%  {margin-top: 0px;}
    22%  {margin-top: 0px;}
    33%  {margin-top: -50px;}
    44%  {margin-top: -50px;}
    55%  {margin-top: -100px;}
    66%  {margin-top: -100px;}
    77%  {margin-top: -150px;}
    88%  {margin-top: -150px;}
    100% {margin-top: -150px;}
}

.splashcontainer .typewritterbox {
    height: 50px;
    line-height: 50px;
    float: left;
    margin-left: 5px;
    overflow: hidden;
    position: absolute;
    top: 50px;
}

/* typewriter animation */
.typewriter h1 {
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    border-right: .15em solid orange; /* The typwriter cursor */
    white-space: nowrap; /* Keeps the content on a single line */
    margin: 0 auto; /* Gives that scrolling effect as the typing happens */
    letter-spacing: .15em; /* Adjust as needed */
    animation: 
        typing 2.5s forwards steps(40, end),
        blink-caret .75s none step-end infinite;

    -webkit-animation-delay: 9s;
    -moz-animation-delay: 9s;
    animation-delay: 9s;
    
    opacity: 0;
    animation-fill-mode: forwards;

    font-family: monospace;
    font-size: 2em;
    color: #fff;
}

/* The typing effect */
@keyframes typing {
    from { width: 0; opacity: 1;}
    to { width: 100%; opacity: 1; }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: orange; }
}