body{
     background-color: darkslateblue;
     display:flex;
     flex-direction: column;
     align-items: center;
     padding:0;
     margin:0;
     height:100vh;
     background-image: url(dungeon.avif);
     background-size: cover;
     
     
}

 #canvas-container{
    display:flex;

} 
img{
    height:25vh;
    width: 100%;
}
/* 
table#inventory{
    display:flex;
    flex-direction:column;
    align-items: center;
    background-color: beige;
} */

table, th, td {
    border: 10px gray solid;
    background-color: beige;
    display:flex;
    justify-content: center;
    
  }
  td#health{
    color: red
  }
/* canvas{
    background-color: gray;
    width: 75%;
    height: 750px;
    position:relative;
    z-index: 0;
    
} */
/* #item-container{
    width:25%;
} */
/* div#hero{
    width: 10px;
    height:10px;
    background-color: red;
    position:absolute;
    z-index: 1;
} */

/* div#mob{
    width: 10px;
    height:10px;
    background-color: blue;
    position: absolute;
    z-index: 1;
    top:100px;
    left: 100px;
    right:100px;
} */