body {
  margin: 0;
  overflow: hidden;
  font-family: "Comic Neue", "Patrick Hand", "Comic Sans MS", cursive;
}

/* Background stays the SAME */
#background {
  position: fixed;
  inset: 0;
  background-image: url("1-background.webp");
  background-size: cover;
  background-position: center;
  z-index: -10;
}

/* Centered open book */
#entry-book {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Two-page spread */
#spread {
  display: flex;
  gap: 0;
}

/* Page */
.page {
  position: relative;
}

/* Paper image */
.page-bg {
  width: 420px;
  display: block;
}

/* Text overlay */
.page-content {
  position: absolute;
  inset: 0;
  padding: 56px 48px;
  font-size: 22px;
  line-height: 1.45;
  letter-spacing: 0.4px;
}

/* Soft pink tint */
.page-content.pink {
  color: #6a4a5e;
}

/* Links */
.page-content a {
  color: #8a8a8a;
  text-decoration: none;
}

.page-content a:hover {
  color: #ff9fcf;
}

/* Back link */
#back {
  display: block;
  margin-top: 12px;
  text-align: center;
  font-size: 14px;
  opacity: 0.7;
  color: #444;
  text-decoration: none;
}