.book{width:18.5rem;height:14.5rem;perspective:60rem}.cover{background-color:#e6dcd4;transform:rotateY(0deg);width:9.25rem;height:13.5rem}.cover .page>.imgggg{padding:0!important}.imgCover{position:absolute;transform-style:preserve-3d;transform-origin:100% 0;transform:rotateY(0deg) scaleX(1);z-index:-50}.imgCover,.imgggg{width:9.25rem;height:13.5rem;border-radius:0 5px 5px 0}.imgggg{padding:-1rem;transform:scaleX(-1);z-index:-100}.page{top:.25rem;left:.25rem;background-color:#f4f3eb;transform:rotateY(0deg);width:9rem;height:13rem}.page:after,.page:before{display:block;content:"";padding-bottom:1rem}#frontCover{padding:0}.cover,.page{position:absolute;padding:1rem;transform-origin:100% 0;border-radius:5px 0 0 5px;box-shadow:inset 1px 0 20px rgba(0,0,0,.1),0 0 10px rgba(0,0,0,.02);box-sizing:border-box}.cover.turn{animation:bookCover .5s forwards}.cover.close{animation:bookClose .5s forwards;animation-delay:2s}.imgCover.show{animation:imgCoverBook 1s forwards;animation-delay:2s}.page.turn{animation:bookOpen 1s forwards}.page:first-of-type{animation-delay:.05s}.page:nth-of-type(2){animation-delay:.33s}.page:nth-of-type(3){animation-delay:.66s}.page:nth-of-type(4){animation:bookOpen150deg 1s forwards;animation-delay:.99s}.page:nth-of-type(5){animation:bookOpen55deg 1s forwards;animation-delay:1.1s}@keyframes imgCoverBook{0%{transform:scaleX(1)}30%{z-index:999}to{transform:rotateY(160deg);z-index:1000;opacity:1}}@keyframes bookClose{0%{z-index:999}to{transform:rotateY(160deg);z-index:1000}}@keyframes bookOpen{30%{z-index:999}to{transform:rotateY(180deg);z-index:999}}@keyframes bookCover{30%{z-index:999}to{transform:rotateY(180deg);z-index:1}}@keyframes bookOpen150deg{30%{z-index:999}to{transform:rotateY(150deg);z-index:999}}@keyframes bookOpen55deg{30%{z-index:999}to{transform:rotateY(55deg);z-index:999}}@keyframes bookOpen30deg{50%{z-index:999}to{transform:rotateY(0deg);z-index:999}}@keyframes bookOpen0deg{50%{z-index:999}to{transform:rotateY(0deg);z-index:999}}