#gunney {
    position: absolute;
    width: 250px;
    top: 334px;
    height: 300px;
    left: 23px;
}

#gunner {
    position: absolute;
    width: 250px;
    height: 300px;
    left: 710px;
    top: 200px;
}

#gunney,
#gunner {
    vertical-align: middle;
    display: none;
}

#hBar2 {
    width: 400px;
    height: 35px;
    border: 1px solid black;
    position: absolute;
    background-color: blue;
    margin-top: 100px;
    text-align: center;
    display: none;
}

#hBar {
    width: 400px;
    height: 35px;
    border: 1px solid black;
    position: absolute;
    background-color: red;
    text-align: center;
    display: none;
}

#hBar3 {
    width: 400px;
    height: 35px;
    border: 1px solid black;
    position: absolute;
    background-color: red;
    text-align: center;
    left: 650px;
    display: none;
}

#hBar4 {
    width: 400px;
    height: 35px;
    border: 1px solid black;
    position: absolute;
    background-color: blue;
    text-align: center;
    left: 650px;
    top: 150px;
    display: none;
}

body {
    background-image: url("background.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}


#button1 {
    position: absolute;
    top: 650px;
    left: 220px;
    display: none;
}

#button2 {
    position: absolute;
    /*top: 600px;*/
    left: 800px;
    bottom: 100px;
    display: none;
}

#button3 {
    position: absolute;
    top: 600px;
    /*left: 790px;*/
    ;
    right: 1150px;
    display: none;
}

#button4 {
    position: absolute;
    /*right: 1000px;*/
    left: 800px;
    /*top: 675px;*/
    bottom: 60px;
    display: none;
}

#batarang {
    position: absolute;
    right: 1100px;
    top: 400px;
    opacity: 0;
    transition: transform 2s;
}

#laser {
    position: absolute;
    top: 250px;
    left: 640px;
    opacity: 0;
    transition: transform 2s;
}

#batGameOver,
#superGameOver {
    display: none;
}

body {
    background-image: url("stormyCity.gif");
    background-size: cover;
}

#stormBackground {
    display: none;
}

#remoteExplosive {
    position: absolute;
    left: 200px;
    top: 479px;
    display: none;

}

#c4Explosion {
    position: absolute;
    right: 400px;
    top: 213px;
    display: none;

}

#specialAttack {
    position: absolute;
    right: 1176px;
    top: 627px;
    opacity: 1;
    display: none;
}

#supermanLogo {
    position: absolute;
    right: 400px;
    top: 300px;
    display: none;
}

#specialAttack2 {
    position: absolute;
    top: 555px;
    left: 748px;
    display: none;
}

#superBurn {
    position: absolute;
    left: 500px;
    top: 250px;
}

#startButton {
    position: absolute;
    left: 500px;
    background-image: url("logoBvS.png");
    background-size: cover;
    width: 200px;
    height: 78px;
    top: 165px;
}

#BvSLogo {
    display: none;
}

#borderLightning {
    display: none;
}

#earthquakeAttack {
    position: absolute;
    top: 400px;
    left: 250px;
    display: none;
}