body {
  margin: 0;
}

.scene {
  position: relative;
  width: 100vw;
  height: 100vh;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hotspot {
  position: absolute;
  cursor: pointer;
}

.hotspot:hover {
  outline: 2px solid rgba(255,255,255,0.5);
}

.dialog {
  position: relative;
  height: 600px;
  background: black;
}

.player {
  position: absolute;
  bottom: 0;
  left: 50px;
  height: 400px;
}

.npc {
  position: absolute;
  bottom: 0;
  right: 50px;
  height: 400px;
}

.text {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0,0,0,0.7);
  color: white;
  padding: 20px;
}