.bb {
  background-color: dimgrey;
}
.container {
  width:470px;
  height: 480px;
  border: 5px dashed black;
  background-color: burlywood;
  box-sizing: border-box;
}
.grid {
  width:460px;
  height: 470px;
  display: grid;
  grid-template: repeat(10,1fr)/repeat(10,1fr);
  
}
.item {
  background-color: darkgray;
}
.upwall {
  width:460px;
  height: 141px;
  position: relative;
  display: grid;
  grid-template: repeat(3,1fr)/repeat(10,1fr);
  background-color: fuchsia;
  top:-470px;
}
.bottomwall {
  width:460px;
  height: 188px;
  position: relative;
  display: grid;
  grid-template: repeat(4,1fr)/repeat(10,1fr);
  background-color: brown;
  top:-329px;
}
.wall {
  background-color: darkslategrey;
}
.player {
  position: relative;
  margin: 0;
}
.fist {
  width:50px;
  height: 15px;
  background-color: black;
  position: relative;
  top:0px;
  left:50px;
  display: none;
  /*transform: rotate(90deg);
  animation: slash .3s 1 both;*/
}
@keyframes slash {
  from {
    transform: rotate(90deg);
  }
  to {
    transform: rotate(190deg);
  }
}
.prev, .next {
  color: cyan;
  text-align: left;
  font-size: 30px;
  font-family: sans-serif;
  position: relative;
  margin: 0;
  margin-top: 10px;
  background-color: crimson;
}
.prev {
  display: none;
}
.next {
  text-align: right;
  top:-30px;
  display: none;
}
.heal {
  margin: 0;
  width:200px;
  height:30px;
  border: 5px solid black;
  background-color: whitesmoke;
  position: relative;
  font-size: 25px;
  font-family: monospace;
  margin-bottom: 20px;
}
.health {
  width:200px;
  height: 30px;
  padding-left: 80px;
  position: relative;
  background-color: red;
  box-sizing: border-box;
}
.vault {
  width:60px;
  height: 30px;
  font-size: 25px;
  font-weight: bold;
  display: inline;
  position: relative;
  left:340px;
  top:-55px;
}
.up, .down, .right, .left {
  width:80px;
  height: 80px;
  border: 5px solid black;
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
  border-radius: 50%;
  font-size: 35px;
  font-weight: bolder;
  box-sizing: border-box;
  padding-top: 10px;
}
.left {
  left:0px;
}
.up {
  left:100px;
}
.right {
  left:200px;
  top:-70px;
}
.down {
  left:100px;
  top:-70px;
}
.shoot {
  width:120px;
  height: 120px;
  background-color: whitesmoke;
  border: 4px solid black;
  border-radius: 50%;
  position: relative;
  font-size: 30px;
  font-weight: bolder;
  box-sizing: border-box;
  margin: 0;
  left:350px;
  top:-310px;
  padding-top: 30px;
  padding-left: 50px;
}
.enter {
  text-align: center;
  background: khaki;
  font-family: monospace;
  position: relative;
  top:-200px;
  display: none;
}
.tut {
  width:auto;
  height: 350px;
  background-color: cadetblue;
  color:yellow;
  font-size: 20px;
  text-align: justify;
  outline: 3px wavy;
  font-family: serif;
  display: none;
}