.t{
            font-size: 40px;
            font-weight: bold;
            color: white;
            text-align: center;
            text-transform: uppercase;
            font-family: Arial, sans-serif;
  }

body{
background-color: #DACBB6;
background-image: url('');
}


#cover{
width: 820px;
height: 580px;
border-radius: 15px;
background-color: #91697b;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-image: url('');
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('');
}

#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;
}

#rightpage{
float: right;
width: 361px;
height: 544px;
padding: 15px;
}