.book-container{z-index:1;perspective:3000px}.book-container .book{position:relative;display:block;width:400px;height:550px;margin:5% auto;border-radius:2px 4px 4px 2px;background:#233619;font-family:acumin-pro,sans-serif;-webkit-box-shadow:13px 13px 8px 0 rgba(151,146,153,.6);-moz-box-shadow:13px 13px 8px 0 rgba(151,146,153,.6);box-shadow:13px 13px 8px 0 rgba(151,146,153,.6);font-weight:400;color:#2b2b2b;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform .5s;-moz-transition:-moz-transform .5s;transition:transform .5s}.book-container.book-small .book{width:200px;height:300px;margin:2% auto;-webkit-box-shadow:8px 8px 6px 0 rgba(151,146,153,.6);-moz-box-shadow:8px 8px 6px 0 rgba(151,146,153,.6);box-shadow:8px 8px 6px 0 rgba(151,146,153,.6)}.book-container.book-small .front>div{width:200px;height:300px}.book-container.book-small .left-side{width:20px;left:-10px;height:300px}.book-container.book-small h2{width:300px;height:30px;font-size:12px;line-height:30px;-webkit-transform:rotate(90deg) translateY(-30px);-moz-transform:rotate(90deg) translateY(-30px);transform:rotate(90deg) translateY(-30px)}.book-container.book-small .left-side h2 span:first-child{font-size:10px;padding-right:15px}.book-container.book-small .cover svg,.book-container.book-small .num-down,.book-container.book-small .num-up{display:none}.book-container.book-small .author{font-size:12px;top:260px;left:20px}.book-container.book-small .cover:after{left:5px;width:2px}.book-container.book-small .front{-webkit-transform:translateZ(10px);-moz-transform:translateZ(10px);transform:translateZ(10px)}.book-container.book-small .front>div{box-shadow:inset 2px 0 5px rgba(0,0,0,.1);border-radius:0 3px 3px 0}.book-container .book.book-hover,.book-container .book:hover{-webkit-transform:rotateY(35deg);-moz-transform:rotateY(35deg);transform:rotateY(35deg)}.book-container .cover .page-flip{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:50%;transform-origin:left center;backface-visibility:hidden;-webkit-backface-visibility:hidden;animation-duration:.6s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;border-radius:0 3px 3px 0;box-shadow:inset 4px 0 10px rgba(0,0,0,.12);z-index:20}.book-container .cover .page-flip.next{animation-name:pageFlipNext}.book-container .cover .page-flip.prev{transform-origin:right center;animation-name:pageFlipPrev}@keyframes pageFlipNext{0%{transform:rotateY(0deg);opacity:1}to{transform:rotateY(-170deg);opacity:1}}@keyframes pageFlipPrev{0%{transform:rotateY(0deg);opacity:1}to{transform:rotateY(170deg);opacity:1}}.book-container .book>div,.book-container .front>div{display:block;position:absolute}.book-container .front{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition:-webkit-transform .5s;-moz-transition:-moz-transform .5s;transition:transform .5s;-webkit-transform:translateZ(20px);-moz-transform:translateZ(20px);transform:translateZ(20px);z-index:10}.book-container .left-side{width:40px;left:-20px;height:550px;background-color:#233619;-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);transform:rotateY(-90deg)}.cover svg{position:absolute;top:50%;left:45%;margin-top:-100px;margin-left:-110px;width:300px}#eye-right{padding-left:185px}.cover .num-up{position:absolute;top:64px;left:47px;letter-spacing:50px;transform:rotate(-90deg)}.cover .num-down{position:relative;top:65px;left:-95px;transform:rotate(-90deg)}.author{font-family:acumin-pro,sans-serif;font-weight:400;position:absolute;top:475px;left:50px;opacity:.8}.book-container .front>div{border-radius:0 3px 3px 0;box-shadow:inset 4px 0 10px rgba(0,0,0,.1)}.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:rgba(0,0,0,.1);box-shadow:1px 0 3px rgba(255,255,255,.1)}.book-container h2{width:500px;height:40px;color:#2b2b2b;font-size:15px;line-height:40px;padding-right:10px;text-align:right;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(90deg) translateY(-40px);-moz-transform:rotate(90deg) translateY(-40px);transform:rotate(90deg) translateY(-40px)}.book-container .left-side h2{color:#ffd700;text-shadow:0 0 2px rgba(0,0,0,.4)}.cover{background-color:#233619}.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}.book-container.book-extra-small .book{width:45px;height:60px;margin:.5% auto;-webkit-box-shadow:3px 3px 2px 0 rgba(151,146,153,.6);-moz-box-shadow:3px 3px 2px 0 rgba(151,146,153,.6);box-shadow:3px 3px 2px 0 rgba(151,146,153,.6)}.book-container.book-extra-small .front>div{width:45px;height:60px}.book-container.book-extra-small .left-side{width:4.5px;left:-2.25px;height:60px}.book-container.book-extra-small h2{width:60px;height:6px;font-size:6px;line-height:6px;-webkit-transform:rotate(90deg) translateY(-6px);-moz-transform:rotate(90deg) translateY(-6px);transform:rotate(90deg) translateY(-6px)}.book-container.book-extra-small .left-side h2 span:first-child{font-size:4px;padding-right:3px}.book-container.book-extra-small .cover svg,.book-container.book-extra-small .num-down,.book-container.book-extra-small .num-up{display:none}.book-container.book-extra-small .author{font-size:4px;top:52px;left:3px}.book-container.book-extra-small .cover:after{left:1.5px;width:.75px}.book-container.book-extra-small .front{-webkit-transform:translateZ(2.25px);-moz-transform:translateZ(2.25px);transform:translateZ(2.25px)}.book-container.book-extra-small .front>div{box-shadow:inset .75px 0 1.5px rgba(0,0,0,.1);border-radius:0 1.5px 1.5px 0}