body{width:100%}.book-wrapper{width:700px;position:relative;margin:0 auto;-moz-column-count:3;column-count:3;-moz-column-gap:12px;column-gap:12px;padding:4px}.book-items{cursor:default;padding:16px;margin:0;display:grid;-moz-column-break-inside:avoid;break-inside:avoid}.book-cover,.book-items,.main-book-wrap{position:relative}.book-cover .book-inside{position:absolute;width:90%;height:96%;top:1%;left:16px;border:1px solid grey;border-radius:2px 6px 6px 2px;background:#fff;box-shadow:10px 40px 40px -10px #00000030,inset -2px 0 0 grey,inset -3px 0 0 #dbdbdb,inset -4px 0 0 #fff,inset -5px 0 0 #dbdbdb,inset -6px 0 0 #fff,inset -7px 0 0 #dbdbdb,inset -8px 0 0 #fff,inset -9px 0 0 #dbdbdb}.book-cover .book-image{line-height:0;position:relative;border-radius:2px 6px 6px 2px;box-shadow:6px 6px 18px -2px rgba(0,0,0,.2),24px 28px 40px -6px rgba(0,0,0,.1);transition:all .3s ease-in-out;transform:perspective(2000px) rotateY(-15deg) translateX(-10px) scaleX(.94);cursor:pointer}.book-image img{grid-row:1/-1;grid-column:1;width:100%;border-radius:2px 6px 6px 2px}.book-image:hover{transform:perspective(2000px) rotateY(0deg) translateX(0) scaleX(1);transform-style:preserve-3d;box-shadow:6px 6px 12px -1px rgba(0,0,0,.1),20px 14px 16px -6px rgba(0,0,0,.1)}.effect{width:20px;margin-left:16px;border-left:2px solid #00000010;background-image:linear-gradient(90deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0));z-index:5}.effect,.light{position:absolute;height:100%;top:0;transition:all .5s ease}.light{width:90%;border-radius:3px;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2));right:0;opacity:.1;z-index:4}.book-image:hover .effect{margin-left:14px}.realvjy{width:900px;padding:20px;margin:0 auto;font-family:sans-serif;text-align:center}