@import url('https://fonts.googleapis.com/css?family=Stalemate');
*, *:before, *:after {
  box-sizing: border-box;
}
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
*, *:before, *:after {
  box-sizing: border-box;
}
img {
  max-width: 100%;
}
body {
    background:  linear-gradient(
      rgba(255, 255, 255, 0.1), 
      rgba(255, 255, 255, 0.1)), url("./1.jpg");
      font-family: 'Playfair Display', serif;
}
.imgresize {
  height: 700;
}
.imgresize2 {
  width: 1000;
}
.container {
  overflow: hidden;
}
.book-wrapper {
  position: relative;
  width: 100;
}
.book-wrapper img {
      filter: drop-shadow(15px 5px 5px #49433820);
}
.pages-container {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.header-page {
  position: absolute;
  top: 200px;
  text-align: center;
}
.pages [class^="page-num-"] {
	background-image: url("https://i.ibb.co/yXf1Ls6/hanji-bg.jpg");
  position: relative;
}
.footer{
  opacity: 0.3;
  margin-top:20px;
}
.logosized {
  width: 50px;
  position:absolute;
  z-index: 1;
  opacity: 0.8;
}

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

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


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


.page-num-1 .pages-background {
    background: linear-gradient( rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
    background-size: auto;
    opacity: 0.2;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.images {

  opacity: 0.6;

}

.prices {

  color: #413e40;

}

.text {

  color: #000000;

}

.name {

  color: #b76e79;

}

@keyframes example {
  0%   {color:rgba(228, 228, 228, 0); left:0px; top:0px;}
  25%  {color:rgba(192, 192, 192, 0.207); left:100px; top:0px;}
  50%  {color:rgba(87, 87, 87, 0.459); left:100px; top:50px;}
  75%  {color:rgba(82, 82, 82, 0.658); left:0px; top:50px;}
  100% {color:rgb(0, 0, 0); left:0px; top:0px;}
}