#gameOverMenu, #gameMenu { 
    display: none; 
    background-color: rgba(245, 245, 245, 0.85);
    width: 400px;
    height: 500px;
    border: 1px solid white;
    border-radius: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 255, 1);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 255, 1); 
    -moz-box-shadow: 0 0 5px rgba(0, 0, 255, 1);
}

#gameOverMenu input[type='button'], #gameOverMenu input[type='submit'], #gameMenu input[type='button']
, #gameMenu input[type='submit'] {
    width: 300px;
    height: 80px;
}

#gameOverMenu input[type='button']:focus, #gameOverMenu input[type='submit']:focus
, #gameMenu input[type='button']:focus, #gameMenu input[type='submit']:focus {
    outline: none;
    box-shadow: none;
}

#gameOverMenu div, #gameMenu div {
    padding-top: 20px;
}

.menuHeader {
    font-size: 60px;
    color: darkgray;
    text-shadow: 2px 2px 0px lightgray;
    margin-bottom: 20px;
}

.menuButton {
    font-family: Videopac;
    background:none!important;
    border:none; 
    padding:0!important;
    color: whitesmoke;
    text-decoration: none;
    opacity: 0.95;
    font-family: Videopac;
    font-size: 35px;
}

#gl_canvas { position: absolute; left: 0px; top: 0px; }

#header { 
    position: absolute; top: 0px; left: 0px; width: 100%;
    color: whitesmoke;
    opacity: 0.6;
    text-shadow: 2px 2px 0px darkgray;
}
@font-face {
    font-family: GameOver;
    src: url("../resources/fonts/DF-GameOver.otf") format("opentype");
}
@font-face {
    font-family: Videopac;
    src: url("../resources/fonts/videopac.ttf") format("truetype");
}
@font-face {
    font-family: Eddie;
    src: url("../resources/fonts/eddie.ttf") format("truetype");
}

body {
    background-size: cover;
    margin: 0px;
    padding: 0px;
    font-family: Videopac;
    font-size: 30px;
}

body ul {
    list-style-type: none;
}

body ul li, body ul li a, #content * {
    opacity: 0.95;
    color: whitesmoke;
    text-decoration: none;
}

#statistics {
    position: absolute;
    width: 30%;
    padding-top: 20px;
    padding-left: 20px;
}

#back {
    font-family: Videopac;
    position: absolute;
    top: 30px;
    left: 30px;
}

#status {
    position: absolute;
    width: 100%;
    text-align: center;
    visibility: hidden;
    font-size: 100px;
}

#escapismImage {
    margin-top: 30px;
    width: 350px;
}

#content {
    background-image: url(../resources/backgrounds/meteorshower.jpg);
    background-size: cover;
    width: 100%;
    height: 100%;
    text-align: center;
    font-family: Videopac;
    font-size: 35px;
}

#content ul {
    margin-left: 0px;
    padding-left: 0px;
    margin-top: 5%;
}

#content ul li {
    padding-top: 30px;
}

#content ul li a:hover, #back:hover, .menuButton:hover {
    text-decoration: none;
    text-shadow: 3px 3px 1px darkgray;
}

#content ul li a:hover, .menuButton:hover {
    border: 1px solid white;
    border-radius: 10px;
    padding: 10px;
    
}

#content ul li a:visited, #back {
    color: whitesmoke;
    text-decoration: none;
}

#credits {
    width: 100%;
    margin: 0px auto;
    position: absolute;
    bottom: 5px;
   
    -webkit-animation-name: credits; 
    -webkit-animation-duration: 20s;
    -webkit-animation-delay: 1s; 
    -webkit-animation-play-state: running;/*
    -moz-animation-name: credits; 
    -moz-animation-duration: 20s;
    -moz-animation-delay: 1s; 
    -moz-animation-play-state: running;*/
/*    animation-name: credits; 
    animation-duration: 20s;
    animation-delay: 1s; 
    animation-play-state: running;*/
}

#credits * {
    padding-bottom: 10px;
}

@-webkit-keyframes credits {
/*    44% { transform: translateY(-100px)}
    53% {transform: translateY(-100px) rotateX(25deg)} 
    100% {  transform: translateY(-600px) scale(0.5)  rotateX(25deg)}*/
/*    44% { -moz-transform: translateY(-100px)}
    53% {-moz-transform: translateY(-100px) rotateX(25deg)} 
    100% {  -moz-transform: translateY(-600px) scale(0.5)  rotateX(25deg)}
*/    44% { -webkit-transform: translateY(-100px)}
    53% {-webkit-transform: translateY(-100px) perspective(200px)  rotateX(25deg)} 
    100% {  -webkit-transform: translateY(-600px) scale(0.5) perspective(200px) rotateX(25deg)}
}

#footer {
    font-size: 20px;
    font-family: 'Verdana';
    color: whitesmoke;
    position: absolute;
    bottom: 10px;
    right: 10px;
}