/* ===== Base ===== */
body {
  margin: 0;
  background: #e6e0d4;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}


/* ===== Wrapper ===== */
#front-door {
  position: relative;
  text-align: center;
}

/* ===== Main Image ===== */
#frontdoor-image {
  width: 900px;
  max-width: 100%;
  height: auto;
}

/* ===== Scroll Button ===== */
#enter-scroll {
  position: absolute;

  /* 🔧 YOUR NUDGE CONTROLS */
  top: 80%;      /* move UP/DOWN */
  left: 50%;     /* move LEFT/RIGHT */
  transform: translateX(-50%);

  cursor: pointer;
}

/* Scroll image size */
#enter-scroll img {
  width: 240px;  /* resize scroll */
  height: auto;
}

/* ENTER text on scroll */
.scroll-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  font-family: "Georgia", serif;
  font-size: 22px;
  letter-spacing: 2px;
  color: #4b2e1e;
  pointer-events: none;
}

/* Gentle hover */
#enter-scroll:hover {
  transform: translateX(-50%) scale(1.05);
}