#adDiv{
    width: 100%;
    margin: -20px auto 0 auto;
}
#ad {
    width: 100%;
}
#ad-top {
margin: -20px auto 0 auto;
    width: 320px;
    height: 100px;
    border:1px solid #6500ff;
}

#ad-rect {
margin: 0 auto 0 auto;
    width: 320px;
    height: 250px;
    border:1px solid #6500ff;
    
}

#expl {
    position: absolute;
    background-image: url("./img/explosion.png");
    width: 20;
    height: 20;
    background-size: cover;
    display: none;
}

#mycanvas {
    width: 300px;
    height: 450px;
    display: block;
    margin:0 auto;
    position: relative;
    background-image: url("img/background.png");
    background-size: cover;
    }
    
#villain {
    position: absolute;
    display: none;
}

#bullet {
    position: absolute;
    display: none;
}

#fireBt {
    display: inline-block;
    height: 100px;
    width: 98%;
    margin: 0 auto;
    border-radius: 30px;
    font-size: 25px;
}

#againBt {
    display: none;
    height: 100px;
    width: 98%;
    margin: 0 auto;
    border-radius: 30px;
    font-size: 25px;
}

#home {
    
    height: 100px;
    width: 98%;
    margin: 0 auto;
}

button {
  background: #9FF4D5;
 margin-top: 10px;
  
  border: none;
  border-radius: 18px;
    }
  
button:active { 
background: #00A887;
}

#char1 {
    position: absolute;
    left: 0px;
    top: 375px;
    display: inline-block;
}

#char2 {
    position: absolute;
    left: 0px;
    top: 375px;
    display: none;
}

# score1, #score2 {
    font-size: 20px;
}