@keyframes hvr-bob {
    0% {
      -webkit-transform: translateY(-8px);
      transform: translateY(-8px);
    }
    50% {
      -webkit-transform: translateY(-4px);
      transform: translateY(-4px);
    }
    100% {
      -webkit-transform: translateY(-8px);
      transform: translateY(-8px);
    }
}
@-webkit-keyframes hvr-bob-float {
    100% {
      -webkit-transform: translateY(-8px);
      transform: translateY(-8px);
    }
}
@keyframes hvr-bob-float {
    100% {
      -webkit-transform: translateY(-8px);
      transform: translateY(-8px);
    }
}
  .hvr-bob {
        width: 1000px !important;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
}
  .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
        -webkit-animation-name: hvr-bob-float, hvr-bob;
        animation-name: hvr-bob-float, hvr-bob;
        -webkit-animation-duration: .3s, 1.5s;
        animation-duration: .3s, 1.5s;
        -webkit-animation-delay: 0s, .3s;
        animation-delay: 0s, .3s;
        -webkit-animation-timing-function: ease-out, ease-in-out;
        animation-timing-function: ease-out, ease-in-out;
        -webkit-animation-iteration-count: 1, infinite;
        animation-iteration-count: 1, infinite;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-direction: normal, alternate;
        animation-direction: normal, alternate;
}



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

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


#initial-text {
    opacity: 0;
    font-family: 'Start';
    -webkit-animation: fadein 1.5s linear .25s forwards; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1.5s linear .25s forwards; /* Firefox < 16 */
    -ms-animation: fadein 1.5s linear .25s forwards; /* Internet Explorer */
    -o-animation: fadein 1.5s linear .25s forwards; /* Opera < 12.1 */
    animation: fadein 1.5s linear .25s forwards;

}
#delayed-text {
    opacity: 0;
    font-family: 'Start';
    -webkit-animation: fadein 2s linear 2s forwards; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s linear 2s forwards; /* Firefox < 16 */
    -ms-animation: fadein 2s linear 2s forwards; /* Internet Explorer */
    -o-animation: fadein 2s linear 2s forwards; /* Opera < 12.1 */
    animation: fadein 2s linear 2s forwards;
}
.last-text {
    opacity: 0;
    font-family: 'Start';
    -webkit-animation: fadein 3.5s linear 5s forwards; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 3.5s linear 5s forwards; /* Firefox < 16 */
    -ms-animation: fadein 3.5s linear 5s forwards; /* Internet Explorer */
    -o-animation: fadein 3.5s linear 5s forwards; /* Opera < 12.1 */
    animation: fadein 3.5s linear 5s forwards;
}
.title-buttons {
    opacity: 0;
    -webkit-animation: fadein 3.5s linear 6s forwards; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 3.5s linear 6s forwards; /* Firefox < 16 */
    -ms-animation: fadein 3.5s linear 6s forwards; /* Internet Explorer */
    -o-animation: fadein 3.5s linear 6s forwards; /* Opera < 12.1 */
    animation: fadein 3.5s linear 6s forwards;
}

@keyframes flicker {
    from {opacity: 1}
    to {opacity: .7}
}

#top-logo {
    animation: 3s linear 7.5s infinite alternate flicker;
}

body {
    display:block !important;
}