/** INTRO **/

#intro {
    -webkit-animation: fadeIn 0.8s linear;
    -o-animation: fadeIn 0.8s linear;
    animation: fadeIn 0.8s linear;
}

#intro h1 {
    -webkit-animation: intro 1s linear 1s;
    -o-animation: intro 1s linear 1s;
    animation: intro 1s linear 1s;
}

/** ANIMATION: FADE IN **/

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-khtml-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/** ANIMATION: INTRO **/

@keyframes intro {
    0% {
        color: #08759E;
    }
    6% {
        color: #11E2FF;
    }
    12% {
        color: #0CA5DE;
    }
    18% {
        color: #08759E;
    }
    82% {
        color: #08759E;
    }
    88% {
        color: #0CA5DE;
    }
    94% {
        color: #11E2FF;
    }
    100% {
        color: #08759E;
    }
}

@-khtml-keyframes intro {
    0% {
        color: #08759E;
    }
    6% {
        color: #11E2FF;
    }
    12% {
        color: #0CA5DE;
    }
    18% {
        color: #08759E;
    }
    82% {
        color: #08759E;
    }
    88% {
        color: #0CA5DE;
    }
    94% {
        color: #11E2FF;
    }
    100% {
        color: #08759E;
    }
}

@-moz-keyframes intro {
    0% {
        color: #08759E;
    }
    6% {
        color: #11E2FF;
    }
    12% {
        color: #0CA5DE;
    }
    18% {
        color: #08759E;
    }
    82% {
        color: #08759E;
    }
    88% {
        color: #0CA5DE;
    }
    94% {
        color: #11E2FF;
    }
    100% {
        color: #08759E;
    }
}

@-ms-keyframes intro {
    0% {
        color: #08759E;
    }
    6% {
        color: #11E2FF;
    }
    12% {
        color: #0CA5DE;
    }
    18% {
        color: #08759E;
    }
    82% {
        color: #08759E;
    }
    88% {
        color: #0CA5DE;
    }
    94% {
        color: #11E2FF;
    }
    100% {
        color: #08759E;
    }
}

@-o-keyframes intro {
    0% {
        color: #08759E;
    }
    6% {
        color: #11E2FF;
    }
    12% {
        color: #0CA5DE;
    }
    18% {
        color: #08759E;
    }
    82% {
        color: #08759E;
    }
    88% {
        color: #0CA5DE;
    }
    94% {
        color: #11E2FF;
    }
    100% {
        color: #08759E;
    }
}

@-webkit-keyframes intro {
    0% {
        color: #08759E;
    }
    6% {
        color: #11E2FF;
    }
    12% {
        color: #0CA5DE;
    }
    18% {
        color: #08759E;
    }
    82% {
        color: #08759E;
    }
    88% {
        color: #0CA5DE;
    }
    94% {
        color: #11E2FF;
    }
    100% {
        color: #08759E;
    }
}