body {
  background-color: #DACBB6;
  background-image: url('430206-1.png');
  background-size: contain;
  height: 810px;
  background-repeat:repeat-x;
  overflow-y: hidden;
}

#cover {
  width: 1120px;
  height: 780px;
  border-radius: 15px;
  background-color: #91697b;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url('https://i.imgur.com/BspyVOP.png');
  box-shadow: 2px 2px 2px #57443E;
  padding: 10px;
}
    
#page1 {
  background-color: #fff;
  border-radius: 15px;
  width: 1118px;
  height: 778px;
  padding: 2px;
  box-shadow: 0px 0px 2px #57443E;
}
      
#page2 {
  background-color: #fff;
  border-radius: 15px;
  width: 1114px;
  height: 774px;
  box-shadow: 0px 0px 2px #574539;
  padding: 2px;
}

#page3 {
  background-color: #fff;
  border-radius: 15px;
  width: 1114px;
  height: 774px;
  box-shadow: 0px 0px 2px #574539;
  background-image: url('https://i.imgur.com/BspyVOP.png');
}
          
#line {
  width: 1px;
  height: 774px;
  margin: 0 auto;
  background-color: #A19386;
  box-shadow: 0px 0px 10px #2e2a27;
}
            
#leftpage {
  float: left;
  width: 363px;
  height: 544px;
  padding: 15px;
}

#rightpage {
  float: right;
  width: 361px;
  height: 544px;
  padding: 15px;
}
                
#nav {
  position: relative;
  right: 600px;
  top: 80px;
  transform: rotate(-90deg);
}


.prev {
  position: relative;
  top: 600px;
  text-align: right;
}

.next {
  position: relative;
  top: 600px;
  text-align: left;
}