.book-container{z-index:1;perspective:3000px}.book-container .flipable-book{transform-style:preserve-3d;transition:transform .5s}.book-container .flipable-book:hover{transform:rotateY(45deg)}.book-container .flipable-book>div,.book-container .front>div{display:block;position:absolute}.book-container .front{transform-style:preserve-3d;transform-origin:0% 50%;transition:transform .5s;transform:translateZ(20px);z-index:10}.book-container .left-side{width:40px;left:-20px;background-color:#e8e5ea;transform:rotateY(-90deg)}.book-container .front>div{border-radius:0 3px 3px 0;box-shadow:inset 4px 0 10px #0000001a}.book-container .front:after{content:"";position:absolute;top:1px;bottom:1px;left:-1px;width:1px}.book-container .cover:after{content:"";position:absolute;top:0;left:10px;bottom:0;width:3px;background:#0000001a;box-shadow:1px 0 3px #ffffff1a}.book-container h2{width:360px;height:40px;color:#2b2b2b;font-size:15px;line-height:40px;padding-right:10px;text-align:right;transform-origin:0 0;transform:rotate(90deg) translateY(-40px)}.cover{background:linear-gradient(45deg,#dad5dc,#f2ebf4)}.left-side h2 span:first-child{font-weight:400;font-size:13px;padding-right:20px}.left-side h2 span:last-child{font-family:acumin-pro,sans-serif}