/* Details about the cover of the page */
  
    #cover {
      width: 820px;
      height: 580px;
      border-radius: 15px;
      border-color: #ffffff;
      background-color: #000000;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
    }
    
  color {
    background-color: #000000;
  }

/* Background */

  background {
    background-color: #000000;
    box-shadow: 2px 2px 2px #57443E;
    padding: 10px;
  }
  
/* Text */

  text {
    font-size: 16px; /* px | em */
    font-family: Times, serif; /* If multiple fonts: 2nd, 3rd etc are used if first does not work or is still loading. */
    font-style: italic;
    font-weight: bold;
    text-decoration: underline;
    line-height: 1; /* also in px or em */
    text-align: center; /* left | center | right | justify */
  }


/* First page */ 

  #page1{
    background-color: #ffffff;
    border-radius: 15px;
    width: 818px;
    height: 578px;
    padding: 2px;
    box-shadow: 0px 0px 2px #57443E;
  }

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


/* Divider line (spine) */

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


/* Pages */

  #leftpage{
    float: left;
    width: 363px;
    height: 544px;
    padding: 15px;
  }

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