

body {
  margin: 0;
  background-color: white;
  font-family: "Nunito", sans-serif;
  image-rendering: pixelated;
}

/* Neutral links */
a {
  color: black;
  text-decoration: none;
}

/* -------------------- */
/* Room wrapper (stage) */
/* -------------------- */

.wrapper {
  position: relative;
  width: 1050px;
  margin: 0 auto;
  isolation: isolate; /* IMPORTANT: stabilizes z-index layering */
}

/* -------------------- */
/* Background room img  */
/* -------------------- */

.room {
  display: block;
  pointer-events: none;
  user-select: none;
}

/* -------------------- */
/* Decorative overlays  */
/* (visual only)        */
/* -------------------- */

.doll {
  position: absolute;
  top: 460px;
  left: 500px;
  width: 150px;
  pointer-events: none;
}

.visionboard {
  position: absolute;
  top: 460px;
  left: 630px;
  width: 95px;
  pointer-events: none;
}

.blue-ipod{
  position: absolute;
  top: 660px;
  left: 762px;
  width: 55px;
  pointer-events: none;
}

/* -------------------- */
/* Invisible clickzones */
/* -------------------- */

.click-zone {
  position: absolute;
  display: block;
  z-index: 9998; /* MUST be above images + glitter */
}

/* DEBUG MODE — turn off when done */
/*
.click-zone {
  outline: 2px dashed red;
  background: rgba(255, 0, 0, 0.15);
}
*/


/* -------------------- */
/* Individual hotspots  */
/* -------------------- */

.goodreads {
  top: 210px;
  left: 765px;
  width: 190px;
  height: 420px;
}

.blog {
  top: 350px;
  left: 1px;
  width: 255px;
  height: 330px;
}

.pinterest {
  top: 225px;
  left: 515px;
  width: 220px;
  height: 305px;
}

.spotify {
  top: 640px;
  left: 665px;
  width: 90px;
  height: 90px;
}

/* -------------------- */
/* Tooltip (hover text) */
/* -------------------- */

.tooltip {
  position: absolute;
  display: none;
  padding: 6px 10px;
  background: white;
  border: 2px solid black;
  border-radius: 10px;
  font-family: "Nunito", sans-serif;
  font-size: 14px;
  line-height: 1.1;
  pointer-events: none;
  z-index: 9999; /* always above clickzones */
}

