.animated-book-card{cursor:pointer;transform-style:preserve-3d;background-color:#fff;border-top-right-radius:10px;border-bottom-right-radius:10px;transition:all 1s;position:relative;transform:perspective(2000px)rotate(0);box-shadow:10px 0 20px rgba(0,0,0,.4),inset 300px 0 50px rgba(0,0,0,.4)}.animated-book-cover{transform-origin:0;width:100%;height:100%;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-top-right-radius:10px;border-bottom-right-radius:10px;justify-content:center;align-items:center;padding:2rem;transition:all 1s;display:flex;position:absolute;top:0;left:0}.animated-book-cover:after{content:"";-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#2e2e2e;border-top-right-radius:10px;border-bottom-right-radius:10px;width:100%;height:100%;position:absolute;top:0;left:0;transform:rotateY(180deg)}.cover-text{text-align:center;color:#fff;z-index:1}.cover-title{text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem;font-size:2rem;font-weight:700}.cover-subtitle{opacity:.9;font-size:1rem;font-style:italic;font-weight:300}.animated-book-card.open{transform:perspective(2000px)rotate(-3deg);box-shadow:10px 0 20px rgba(0,0,0,.4),inset 20px 0 50px rgba(0,0,0,.4)}.animated-book-card.open .animated-book-cover{transform:rotateY(-120deg);box-shadow:10px 0 20px rgba(0,0,0,.4)}.animated-book-content{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;font-size:12px;display:flex;overflow-y:auto}.animated-book-content h2{text-align:center;margin-bottom:1rem;font-size:1.5em;font-weight:700}.animated-book-content p{text-align:justify;line-height:1.4}