@font-face {
    font-family: ComicSans;
    src: url("../fonts/LDFComicSans.ttf");
}

@font-face {
    font-family: ComicSansBold;
    src: url("../fonts/LDFComicSansBold.ttf");
}

.navbar a {
    font-family: ComicSans;
    font-size: 30px;
}

body {
    background-image: url("../img/background.gif");
    cursor: url('../img/cursorcustom.ico'), default;

}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

#navbarWrapper {
    height: 400px;
    margin-top: 300px;
    margin: auto;
    width:900px;
}

.contentheader {
    margin: auto auto;
    font-family: ComicSansBold;
    font-size: 100px;
    text-align: center;
}

#navbar {
    width: 100%;
    font-family: ComicSans;
    font-size: 50px;
    text-align: center;
}

#gif-top-right {
    position: absolute;
    top: 0px;
    right: 0px;
}

#gif-top-left {
    position: absolute;
    top: 0px;
    left: 0px;
}

#gif-bottom-right {
    position: absolute;
    right: 20px;
    bottom: 0px;
    text-align: center;
    font-size: 28px;
    color: red;
    font-family: ComicSans;
}

#gif-bottom-left {
    position: absolute;
    bottom: 0px;
    left: 0px;
}


.blink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

.roster {
    text-align: center;
    font-family: ComicSans;
    font-size: 25px;
}

.audioplayer {
    width: 0px;
    height: 0px;
}