body{
  background-color: #DACBB6;
  background-image: url('https://i.imgur.com/m5Mig5o.png');
}

.header{
  display: block;
    margin-left: auto;
  margin-right: auto;
  height: auto;
}



#cover{
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 15px;
  background-color: #91697b;
  margin-top: -14px;
  margin-bottom: -12px;
  background-image: url('https://i.imgur.com/BspyVOP.png');
  box-shadow: 2px 2px 2px #57443E;
  padding: 10px;
  clear: both;
  overflow: auto;
}
#page1{
  background-color: #fff;
  border-radius: 15px;
  max-width: 1098px;
  padding: 2px;
  box-shadow: 0px 0px 2px #57443E;
  clear: both;
  overflow: auto;

}
#page2{
  background-color: #fff;
  border-radius: 15px;
  max-width: 1096px;
  padding: 2px;
  box-shadow: 0px 0px 2px #57443E;
  clear: both;
  overflow: auto;

}
#page3{
  max-width: 1094px;
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 1px 0px 2px #574539;
  background-image: url('https://i.imgur.com/BspyVOP.png');
  clear: both;
  overflow: auto;

}

#line{
  width: 1px;
  height:789px;
  margin: 0 auto;
  background-color: #e8e6dc;
  box-shadow: 0px 0px 7px rgba(194, 189, 172, 0.6);
}
#leftpage{
  float: left;
  width: 46%;
  padding: 1px;
  max-width: 545px;
  padding: 10px;

}
#rightpage{
  float: right;
  width: 46%;
  padding: 1px;
  max-width: 545px;
  padding: 10px;



}


@media screen and (max-width:900px) {
  
.header img {
  padding: 0;
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
  max-width: 735px;

  }
#cover {
  padding: 10;
  display: block;
  margin: 0 auto;
  width: 94%;
  height: auto;

  }
    

#line{
  max-width: 0px;
  height: 0px;

}
#leftpage{

  width: 90%;
  padding: 10px;
    float: none;
    max-width: 800px;

}
#rightpage{

  width: 90%;
  padding: 10px;
  float: none;
      max-width: 800px;

}


}