body {
  background-image: url(shrine.png);
  background-size: cover;
  background-attachment: fixed;
  color: black;
}

.page {
  border: 0.25vw solid #f0bd77;
  width: 49%;
  height: 60vw;
  background-image: url(crumpled.jpg);
  background-size: 20vw;
  text-align: left;
}
.innerpage {
  margin: 0vw 2vw 0vw 1vw ;
  height: 60vw;
  overflow-y: auto;
}
.left, .right {
  font-size: 3vw;
  position: absolute;
  top: 30vw;
  width: 2vw;
  height: 3vw;
  background-color: lightblue;
}
.left {
  left: -2vw;
}
.right {
  right: -2vw;
  text-align: right
}
.index {
  font-size: 3vw;
  position: absolute;
  top: 2vw;
  left: -7vw;
  width: 7vw;
  height: 3vw;
  background-color: lightblue;
}