#myButton {
  /* Set the width and height of the button to match the image size */
  width: 300px;
  height: 150px;

  /* Set the background image using the URL of your image */
  background-image: url('dogimage.png');
  

  /* Optionally, you can remove the default button border and background */
  border: none;
  background-color: transparent;
  /* Ensure the button content (text) is not displayed */
  overflow: hidden;

    font-size: 50px;
 
 




}
body{

background-color: rgb(0, 255, 255);

}

#powerUp{
width: 60px;
  height: 30px;

  /* Set the background image using the URL of your image */
  background-image: url('buttonbackground.jpg');
  

  /* Optionally, you can remove the default button border and background */

  background-color: transparent;
  /* Ensure the button content (text) is not displayed */
  overflow: hidden;

}

#powerUp1{
width: 60px;
  height: 30px;

  /* Set the background image using the URL of your image */
  background-image: url('buttonbackground.jpg');
  

  /* Optionally, you can remove the default button border and background */

  background-color: transparent;
  /* Ensure the button content (text) is not displayed */
  overflow: hidden;

}

#showButtonx{

width: 150px;
  height: 30px;

  /* Set the background image using the URL of your image */
  background-image: url('thiny.png');
  

  /* Optionally, you can remove the default button border and background */

  background-color: transparent;
  /* Ensure the button content (text) is not displayed */
  overflow: hidden;



}

#myImagex{

/* Set the width and height of the button to match the image size */
  width: 300px;
  height: 160px;

  position: absolute;
  top: 0;
  left: 01;
  z-index: 2;
}

#autoclickerupgrade{
width: 60px;
  height: 30px;

  /* Set the background image using the URL of your image */
  background-image: url('buttonbackground.jpg');
  

  /* Optionally, you can remove the default button border and background */

  background-color: transparent;
  /* Ensure the button content (text) is not displayed */
  overflow: hidden;

}


#hidden{
color: rgb(0, 225, 225);


}

.animation-element {
  width: 100px;
  height: 81px;
  background-image: url('catsmallcrowm.png');
  position: absolute;
  top: 90%;
  left: 90%;
  transform: translate(-50%, -50%);
}

@keyframes bounceAnimation {
  0%, 100% {
    transform: translate(-50%, -50%) translateY(0);
  }
  50% {
    transform: translate(-50%, -50%) translateY(-30px);
  }
}

.animation-element {
  animation: bounceAnimation 2s ease-in-out infinite; /* Customize the duration */
}