@import url('https://fonts.googleapis.com/css?family=Stalemate');
*, *:before, *:after {
  box-sizing: border-box;
}


img {
  max-width: 100%;
}
body {
    background:  linear-gradient(
      rgba(255, 255, 255, 0.9),
      rgba(255, 255, 255, 0.9)), url(https://s-media-cache-ak0.pinimg.com/originals/30/b3/a9/30b3a9b27032a6b9c1d7a69d2400fb9e.jpg);
		/*font-family: 'Stalemate', cursive;*/
}



.container {
  overflow: hidden;
 // margin-top: 3%;
}
.book-wrapper {
  position: relative;
  margin: 2% auto;
  width: 670px;
}

.book-wrapper img {
      filter: drop-shadow(15px 5px 5px #494338);
}
.pages-container {
    position: absolute;
    top: 4%;
    left: 3%;
    right: 0;
    bottom: 0;
    width: 91.5%;
    height: 91%;
}

.pages {

}
.pages [class^="page-num-"] {
	background-image: url("https://cdn.inspirationhut.net/wp-content/uploads/2014/09/paper-fibres.jpg");
   background-size: auto 100%;
  position: relative;
}


.pages-content {
    text-align: center;
      position: absolute;
    width: 100%;
    height: 100%;
    display: table;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10%;
}

/*.content-inner {*/
/*      text-align: center;*/
/*    display: table-cell;*/
/*    vertical-align: middle;*/
/*}*/


.book-wrapper {
   user-select: none;
}

/*url(https://openclipart.org/image/2400px/svg_to_png/242093/Vintage-Floral-Texture-Background.png)*/
.page-num-1 .pages-background {
    background: linear-gradient( rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
    background-size: cover;
    opacity: 0.2;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
