body {
  margin: 0;
  background: black;
  overflow-y: hidden;
}

video {
  position: absolute;
  width: auto;
}

.main-lamp-vid {
  height: 100vh;
  left: 277.3vh;
}

.bookstore-lamp-vid {
  height: 100vh;
  left: 33.8vh;
}

.wizard-lamp-vid {
  height: 100vh;
  left: 148.8vh;
}

.sewing-store-lamp-vid {
  height: 100vh;
  left: 464vh;
}


.background-img {
  position: absolute;
  width: auto;
  height: 100vh;
}

h1 {
  font-weight: normal;
  font-size: 1.3rem;
  font-family: 'IM Fell English SC', serif;
  letter-spacing: 0.09rem;
  color:#E6E6E6;
  margin: 0;
  margin-bottom: 0.5rem;
}

p {
  margin: 0;
  font-weight: normal;
  font-size: 1rem;
  font-family: 'IM Fell English', serif;
  letter-spacing: 0.03rem;
  color:#BFBFBF;
  width: 22rem;
  line-height: 1.3rem;
}

.modal {
  position: absolute;
  background: rgba(0,0,0,0.4);
  padding-left: 1rem;
  padding-top: 0.8rem;
  padding-bottom: 0.6rem;
  padding-right: 0.2rem;
}

.hover {
  cursor: pointer;
}

.hidden {
  display:none;
}

.clock-description {
  left: 130vh;
  top: 15vh;
}

.clock-detector {
  position: absolute;
  left: 161vh;
  top: 0vh;
  width: 13.5vh;
  height: 27vh;
}

.bookstore-description {
  left: 40vh;
  top: 60vh;
}

.bookstore-detector {
  position: absolute;
  width: 8vh;
  height: 15.3vh;
  left: 49vh;
  top: 50vh;
}

.sewing-store-description {
  left: 495vh;
  top: 70vh;
}

.sewing-store-description > p {
  width: 24rem;
}

.sewing-store-detector {
  position: absolute;
  left: 511vh;
  top: 51vh;
  width: 21vh;
  height: 25vh;
}

.wizard-apartment-description {
  left: 180vh;
  top: 20vh;
}

.wizard-apartment-detector {
  position: absolute;
  left: 175vh;
  top: 0vh;
  width: 14vh;
  height: 61vh;
}

.dumpster-description {
  left: 687vh;
  top: 75vh;
}

.dumpster-description > p {
  width: 24rem;
}

.dumpster-detector {
  position: absolute;
  left: 683vh;
  top: 61vh;
  width: 74vh;
  height: 16vh;
}

.poster-description {
  text-align: left;
  position: absolute;
  top: 40vh;
  left: 15vh;
}

.detector {
  /*background-color: rgba(255,0,0,0.4);;*/
}

.poster-1-detector {
  position: absolute;
  width: 3.6vh;
  height: 5.3vh;
  left: 62.2vh;
  top: 51.8vh;
}

.poster-2-detector {
  position: absolute;
  width: 3.6vh;
  height: 6vh;
  left: 374vh;
  top: 62vh;
}

.poster-3-detector {
  position: absolute;
  width: 3.6vh;
  height: 5vh;
  left: 673.1vh;
  top: 62.5vh;
}

.poster-container {
  width: 100%;
  height: 100%;
  text-align: center;
  position: fixed;
  opacity: 1;
  z-index: 2;
  background: rgba(0,0,0,0.4);
}

.missing-poster-img {
  margin-top: 2vw;
  height: 90vh;
}

.backpack-detector {
  position: absolute;
  width: 3vh;
  height: 3vh;
  left: 174.3vh;
  top: 60vh;
}

.backpack-description {
  left: 118vh;
  top: 59vh;
}

.ribbon-1-detector {
  position: absolute;
  width: 8vh;
  height: 11vh;
  left: 267vh;
  top: 37vh;
}

.ribbon-1-description {
  left: 225vh;
  top: 50vh;
}

.ribbon-2-detector {
  position: absolute;
  width: 11vh;
  height: 14vh;
  left: 499vh;
  top: 52vh;
}

.ribbon-2-description {
  left: 480vh;
  top: 40vh;
}

.ribbon-3-detector {
  position: absolute;
  width: 24vh;
  height: 16vh;
  left: 711vh;
  top: 61vh;
}

.ribbon-3-description {
  left: 700vh;
  top: 52vh;
}

.crow-detector {
  position: absolute;
  width: 8vh;
  height: 7vh;
  left: 211vh;
  top: 84vh;
}

.crow-description {
  left: 195vh;
  top: 74vh;
}

.coin-detector {
  position: absolute;
  width: 5vh;
  height: 5vh;
  left: 504.8vh;
  top: 76.3vh;
}

.coin-description {
  left: 480vh;
  top: 83vh;
}

.note-detector {
  position: absolute;
  width: 5vh;
  height: 5vh;
  left: 769vh;
  top: 84.5vh;
}

.note-description {
  left: 690vh;
  top: 79vh;
  font-style: italic;
}

.note-description > p {
  width: 32rem;
}

.wendy-detector {
  position: absolute;
  width: 19vh;
  height: 28vh;
  left: 309vh;
  top: 61vh;
}

.wendy-description {
  left: 291vh;
  top: 47vh;
}

.door-mat-detector {
  position: absolute;
  width: 8vh;
  height: 3vh;
  left: 49vh;
  top: 65vh;
}

.door-mat-description {
  top: 70vh;
  left: 40vh;
}

.alley-detector {
  position: absolute;
  left: 771vh;
  top: 30vh;
  width: 18vh;
  height: 45vh;
}
