body {
  background-color: #070707;
}

.frame-wrapper {
  background-image: url('paper frame.png');   /* your frame image */
  background-repeat: no-repeat;
  background-position: center;
  background-size: 650px 900px;            /* frame fits whole container */
  padding: 50px;                        /* enough space so .background fits inside frame */
  max-width: 700px;                     /* slightly bigger than .background */
  margin: 50px auto;                    /* center horizontally */
  box-sizing: border-box;
}

.background {
  background-color: #e5e2ad;           /* yellow */
  border: 8px double #070707;          /* white border inside frame */
  border-radius: 12px;
  padding: 20px;
  max-width: 500px;
  margin: 0 auto;
  max-height: 700px;
  overflow-y: auto;
  color: #070707;
  font-family: 'Georgia', serif;
  text-align: center;
  box-sizing: border-box;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.2);
}

  .right-image {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 400px;
    z-index: 0;
  }
  
  .left-image {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) scaleX(-1); /* flip horizontally */
  width: 400px;
  z-index: 0;
  }
  
  
  .heading {
  color: #070707;
  transition: color 0.3s ease, text-shadow 0.3s ease;
}

.poem {
  color: #e5e2ad;
  transition: text-shadow 0.3s ease;
}

.poem-box {
  background-color: #070707;
  padding: 10px;
  border: 2px solid #e5e2ad;
  border-radius: 5px;
  max-width: 300px;  
  margin: 0 auto;   
  transition: box-shadow 0.3s ease;
}


.divider {
  text-align: center;
  color: #070707;       /* same soft yellow to match your palette */
  font-family: 'Georgia', serif;
  font-weight: bold;
  margin: 30px auto;    /* space above and below */
  font-size: 26px;
  user-select: none;    /* optional, prevents highlighting */
}

.back-button-container {
  text-align: center;
  margin: 30px 0; /* space below the frame */
  z-index: 10; /* ensure it sits above background images */
  position: relative;
}

.back-button {
  background-color: #e5e2ad;
  color: #070707;
  border: 2px solid #070707;
  border-radius: 5px;
  padding: 8px 15px;
  font-family: 'Georgia', serif;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.back-button:hover {
  background-color #070707;
  color: #070707;
  box-shadow: 0 0 10px #070707;
}