#game-world {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 200px;
  overflow: hidden;
  background: transparent;
  z-index: 9999;
}

#mario {
  position: absolute;
  bottom: 0;
  left: -60px;
  height: 80px;
  /*transition: transform 0.2s linear;*/
}

#cano {
  position: absolute;
  bottom: 0;
  right: 20px;
  height: 100px;
}

.pulando {
  animation: pulo 0.6s ease-out;
}

@keyframes pulo {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-100px); }
  100% { transform: translateY(0); }
}