styleBook.css

*, *:before, *:after {
  box-sizing: border-box;
}

img {
  max-width: 100%;
}


.book-wrapper {
  position: relative;
  margin: 2% auto;
  width: 670px;
}

.book-wrapper img {
      filter: drop-shadow(15px 5px 5px #494338);
}
.pages-container {
  
}

.pages {

}
.pages [class^="page-num-"] {
	background-image: url("images/paper.png");
   background-size: auto 100%;
  position: relative;
}

.pages-content {
    text-align: center;
    width: 100%;
    height: 100%;
    display: table;
    padding: 10%;
   
  
}

.pages-content p {
     font-size:17px;
}

.pages-content h1 {
    color:black;
    font-size:26px;
}
.content-inner {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
      font-size:12px;
}


.book-wrapper {

    
    background-image: url("images/bookcover.png");
    background-size: contain;
    background-repeat: no-repeat;
       user-select: none;
    
}