body{
  background:url(https://circustiger.neocities.org/graphics/warmstar.gif);
}
html{
  cursor: url(https://circustiger.neocities.org/graphics/cur268.png),auto;
}

#cover{
width: 820px;
height: 580px;
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: 818px;
height: 578px;
padding: 2px;
box-shadow: 0px 0px 2px #57443E;
}

#page2{
background-color: #fff;
border-radius: 15px;
width: 814px;
height: 574px;
box-shadow: 0px 0px 2px #574539;
padding: 2px;
}

#page3{
background-color: #fff;
border-radius: 15px;
width: 814px;
height: 574px;
box-shadow: 0px 0px 2px #574539;
background-image: url('https://i.imgur.com/BspyVOP.png');
}

#line{
width: 1px;
height: 574px;
margin: 0 auto;
background-color: #A19386;
box-shadow: 0px 0px 10px #2e2a27;
}

#leftpage{
float: left;
width: 363px;
height: 544px;
padding: 15px;
margin-top:55px;

}
#rightpage{
float: right;
width: 361px;
height: 544px;
padding: 15px;
margin-top:55px;
}
.bottomimgL {
  position:absolute;
  bottom:10px;
  left:25px;
  width:45%;
}
.bottomimgR {
  position:absolute;
  bottom:10px;
  right:25px;
  width:45%;
}

.topimgL {
  position:absolute;
  top:15px;
  left:25px;
  width:45%;
}
.topimgR {
  position:absolute;
  top:15px;
  right:25px;
  width:45%;
}