body{
  margin: 0;
  background-color: black;
}


#container{
  user-select: none;
  position: absolute;
  width: 800px;
  height: 800px;
  
}

#texto{
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: black;
  color: white;
  font-size: 32px;
  text-align: left;
}



#butonera{
  user-select: none;
position: absolute;
display: flex;
flex-direction: row;
justify-content: space-evenly;
align-items: center;
height: 90px;
width: 100%;
top: 620px;
}

#jumpbut{
  user-select: none;
  width: 150px;
  height: 90px;
  background-image: url("art.png");
  background-position: -243px -387px ;
}

/* art and coding made by delcarmat */

#ataquebut{
  user-select: none;
  width: 150px;
  height: 90px;
  background-image: url("art.png");
  background-position: -393px -387px ;
}

#shieldbut{
  user-select: none;
  width: 150px;
  height: 90px;
  background-image: url("art.png");
  background-position: -543px -387px ;
}

#izqbut{
  user-select: none;
  width: 75px;
  height: 90px;
  background-image: url("art.png");
  background-position: -393px -477px ;
} 

#derbut{
  user-select: none;
  width: 75px;
  height: 90px;
  background-image: url("art.png"); 
  background-position: -468px -477px ;
}