html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;

  overflow: hidden;
}

body {
  background-image: url("Images/background1.png");
  background-repeat: repeat;

  position: relative;

  touch-action: none;
}

/* MAIN SCENE */

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

  overflow: hidden;
}

/* ALL IMAGES */

.scene img {
  position: absolute;
  display: block;

  user-select: none;
  -webkit-user-drag: none;

  cursor: grab;

  touch-action: none;

  filter: drop-shadow(0 0 20px rgba(0,0,0,0.45));
}

/* GAMEBOY */

.gameboy {
  position: absolute;

  width: 34vw;
  max-width: 520px;
  min-width: 240px;

  left: 34vw;
  top: 18vh;

  transform: rotate(-6deg);

  z-index: 11;

  cursor: grab;
}

/* GAMEBOY IMAGE */

.gameboy-image {
  position: relative;

  width: 100%;
  height: auto;

  display: block;

  z-index: 1;

  filter: drop-shadow(0 0 20px rgba(0,0,0,0.45));
}

/* GBA SCREEN */

.gba-screen {
  position: absolute;

  left: 21.2%;
  top: 24.4%;

  width: 57.4%;
  height: 26.6%;

  border: none;

  background: black;

  border-radius: 0.2vw;

  overflow: hidden;

  opacity: 0;

  pointer-events: none;

  transition: opacity 0.25s ease;

  z-index: 2;
}

/* SHOW SCREEN */

.gameboy.gameboy-on .gba-screen {
  opacity: 1;
  pointer-events: auto;
}

/* LIGHTER */

.lighter {
  width: 30vw;
  max-width: 450px;
  min-width: 240px;

  left: -2vw;
  bottom: -1vh;

  transform: rotate(-27deg);

  z-index: 4;
}

/* SCALE */

.scale {
  width: 56vw;
  max-width: 860px;
  min-width: 300px;

  left: 10vw;
  top: 18vh;

  transform: rotate(-7deg);

  z-index: 2;
}

/* BACKWOODS */

.backwoods {
  width: 58vw;
  max-width: 900px;
  min-width: 260px;

  left: 42vw;
  top: -8vh;

  transform: rotate(-5deg);

  z-index: 5;
}

/* BAG */

.pack {
  width: 78vw;
  max-width: 1180px;
  min-width: 420px;

  right: -16vw;
  bottom: -24vh;

  transform: rotate(10deg);

  z-index: 1;
}

/* DOLLAR 1 */

.dollar1 {
  width: 27.3vw;
  max-width: 468px;
  min-width: 234px;

  left: 14vw;
  top: 4vh;

  transform: rotate(-18deg);

  z-index: 6;
}

/* DOLLAR 2 */

.dollar2 {
  width: 28.6vw;
  max-width: 546px;
  min-width: 234px;

  left: 56vw;
  top: 56vh;

  transform: rotate(8deg);

  z-index: 6;
}

/* DOLLAR 3 */

.dollar3 {
  width: 26vw;
  max-width: 468px;
  min-width: 221px;

  left: 70vw;
  top: 16vh;

  transform: rotate(24deg);

  z-index: 6;
}

/* PHONE */

.phone {
  width: 41vw;
  max-width: 736px;
  min-width: 368px;

  left: 64vw;
  top: 28vh;

  transform: rotate(19deg);

  z-index: 7;
}

/* HEADPHONES */

.headphones {
  width: 32vw;
  max-width: 560px;
  min-width: 260px;

  left: 30vw;
  top: 58vh;

  transform: rotate(-12deg);

  z-index: 8;
}

/* ROLLUP */

.rollup {
  width: 36vw;
  max-width: 630px;
  min-width: 270px;

  left: 46vw;
  top: 42vh;

  transform: rotate(32deg);

  z-index: 9;
}

/* LIT */

.lit {
  width: 27vw;
  max-width: 450px;
  min-width: 210px;

  left: 58vw;
  top: 34vh;

  transform: rotate(-14deg);

  z-index: 10;
}

/* MOBILE */

@media (max-width: 768px) {

  /* GAMEBOY */

  .gameboy {
    width: 68vw;

    left: 18vw;
    top: 20vh;
  }

  /* GBA SCREEN */

  .gba-screen {
    border-radius: 0.8vw;
  }

  /* LIGHTER */

  .lighter {
    width: 62vw;

    left: -6vw;
    bottom: -1vh;
  }

  /* SCALE */

  .scale {
    width: 110vw;

    left: -18vw;
    top: 30vh;
  }

  /* BACKWOODS */

  .backwoods {
    width: 95vw;

    left: 10vw;
    top: -1vh;
  }

  /* BAG */

  .pack {
    width: 145vw;

    right: -52vw;
    bottom: -10vh;
  }

  /* DOLLAR 1 */

  .dollar1 {
    width: 54.6vw;

    left: 2vw;
    top: 6vh;
  }

  /* DOLLAR 2 */

  .dollar2 {
    width: 57.2vw;

    left: 42vw;
    top: 66vh;
  }

  /* DOLLAR 3 */

  .dollar3 {
    width: 52vw;

    left: 48vw;
    top: 16vh;
  }

  /* PHONE */

  .phone {
    width: 82vw;

    left: 46vw;
    top: 40vh;

    transform: rotate(19deg);
  }

  /* HEADPHONES */

  .headphones {
    width: 62vw;

    left: 18vw;
    top: 70vh;

    transform: rotate(-12deg);
  }

  /* ROLLUP */

  .rollup {
    width: 72vw;

    left: 34vw;
    top: 46vh;

    transform: rotate(32deg);
  }

  /* LIT */

  .lit {
    width: 51vw;

    left: 54vw;
    top: 38vh;

    transform: rotate(-14deg);
  }
}