body{

  background-color: darkblue;
 

  }
  
  #text {
    background-color: black;
    color: white;
    padding: 10px;
  }
  
  #game {
    max-width: 500px;
    max-height: 400px;
    background-color: lightgray;
    color: white;
    margin: 0 auto;
    padding: 10px;
  }
  
  #controls {
    border: 1px black solid;
    padding: 5px;
  }
  
  #stats {
    border: 1px black solid;
    color: black;
    padding: 5px
    ;
  }
  span[id="xpText"]{
    color: darkgreen;
  }
  span[id="healthText"]{
    color: darkred;
  }
  span[id="goldText"]{
    color: goldenrod;
  }
  #monsterStats {
    display: none;
    border: 1px black solid;
    color: white;
    padding: 5px;
    background-color: #800000;
  }
  .Image {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 500px; /* Set the height of the container */
   
    background-size: cover; /* Ensure the image covers the entire container */
    background-position: center; /* Center the image horizontally and vertically */
  }
  
  .Image img {
    max-width: 100%; /* Ensure the image doesn't exceed its container's width */
    max-height: 100%; /* Ensure the image doesn't exceed its container's height */
  }


  .stat {
    padding-right: 10px;
  }