body {
  font-family: NBP Sydnie2, sans-serif;
  text-align: center;
}

#game {
  width: 90vw;
  height: 80vh;
  overflow: hidden;
  border: 2px solid #f682e5;
  margin: 0 auto;
  position: relative;
}

#scene {
  display: block;
  user-select: none;
  -webkit-user-drag: none;
  pointer-events: auto;
}

#scene-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  cursor: grab;
}

#scene-wrapper.dragging {
  cursor: grabbing;
}

#obstacle {
  position: absolute;
  width: 192px;
  height: 192px;

  background-image: url(../assets/obstacles/box.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  cursor: pointer;
  transition: left 0.4s ease, top 0.4s ease;
}
#obstacle2 {
  position: absolute;
  width: 192px;
  height: 192px;

  background-image: url(../assets/obstacles/bush.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  cursor: pointer;
  transition: left 0.4s ease, top 0.4s ease;
}

.found-marker {
  position: absolute;
  width: 295px;
  height: 126px;
  background-image: url('../assets/other/check.png'); 
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none; 
  z-index: 10;
}