* {
  box-sizing: border-box;
}

body,
html {
  width: 100vw;
  height: 100vh;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background: #5fafff;
  -webkit-tap-highlight-color: transparent;
  cursor: url(./pin.png) 0 0, auto;
}
.floor {
  width: 100vw;
  height: 5vh;
  background: url(./floor.png) no-repeat top;
  background-size: cover;
  position: absolute;
  z-index: 2;
  bottom: 0;
  pointer-events: none;
}

.floor__dead {
  width: 20vh;
  height: 20vh;
  background: url(./dead.png) no-repeat left bottom;
  background-size: contain;
  position: absolute;
  bottom: 2vh;
  left: 5vw;
}

@media (max-aspect-ratio: 1) {
  .floor__dead {
    width: 20vw;
    height: 20vw;
  }
}

.death {
  display: block;
  width: 200px;
  height: 300px;
  background: url(./spritesheet.png) no-repeat right;
  transform: translate3d(-70px, -30px, 0);
}
.death {
  display: block;
  width: 200px;
  height: 300px;
  background: url(./spritesheet.png) no-repeat right;
  transform: translate3d(-70px, -30px, 0);
}