.bookshelf_wrapper{display:inline-block;position:relative;width:100%}.bookshelf_wrapper.paused .book_item,.bookshelf_wrapper.paused .shelf:before,.bookshelf_wrapper.paused .shelf:after{animation-play-state:paused}.bookshelf_wrapper.paused .book_item,.bookshelf_wrapper.paused .book_item:before,.bookshelf_wrapper.paused .book_item:after{border-color:#E4A8A8}.bookshelf_wrapper.paused .book_item.first:before,.bookshelf_wrapper.paused .book_item.first:after,.bookshelf_wrapper.paused .book_item.sixth::before,.bookshelf_wrapper.paused .shelf::before,.bookshelf_wrapper.paused .shelf::after{background-color:#E4A8A8}.books_list{margin:0 auto;width:300px;height:135px;padding:0}.book_item{position:absolute;bottom:0px;box-sizing:border-box;list-style:none;width:40px;height:120px;opacity:0;background-color:#fff;border:3px solid #CCC;transform-origin:bottom left;transform:translateX(300px);animation:travel 2500ms linear infinite;transition:border-color 0.5s ease-out, background-color 0.5s ease-out, color 0.5s ease-out}.book_item.first{height:140px}.book_item.first:before,.book_item.first:after{content:'';position:absolute;top:10px;left:0;width:100%;height:3px;background-color:#CCC}.book_item.first:after{top:initial;bottom:10px}.book_item.second:before,.book_item.second:after,.book_item.fifth:before,.book_item.fifth:after{box-sizing:border-box;content:'';position:absolute;top:10px;left:0;width:100%;height:10.5px;border-top:3px solid #CCC;border-bottom:3px solid #CCC}.book_item.second:after,.book_item.fifth:after{top:initial;bottom:10px}.book_item.third:before,.book_item.third:after{box-sizing:border-box;content:'';position:absolute;top:10px;left:9px;width:12px;height:12px;border-radius:50%;border:3px solid #CCC}.book_item.third:after{top:initial;bottom:10px}.book_item.fourth{height:130px}.book_item.fourth:before{box-sizing:border-box;content:'';position:absolute;top:46px;left:0;width:100%;height:10.5px;border-top:3px solid #CCC;border-bottom:3px solid #CCC}.book_item.fifth{height:100px}.book_item.sixth{height:140px}.book_item.sixth:before{box-sizing:border-box;content:'';position:absolute;bottom:31px;left:0px;width:100%;height:3px;background-color:#CCC}.book_item.sixth:after{box-sizing:border-box;content:'';position:absolute;bottom:10px;left:9px;width:12px;height:12px;border-radius:50%;border:3px solid #CCC}.book_item:nth-child(2){animation-delay:416.66667ms}.book_item:nth-child(3){animation-delay:833.33333ms}.book_item:nth-child(4){animation-delay:1250ms}.book_item:nth-child(5){animation-delay:1666.66667ms}.book_item:nth-child(6){animation-delay:2083.33333ms}.shelf{width:320px;height:3px;margin:0 auto;background-color:transparent;position:relative}.shelf:before,.shelf:after{content:'';position:absolute;width:100%;height:100%;background:#D6D6D6;background-image:radial-gradient(rgba(255,255,255,0.5) 30%, transparent 0);background-size:10px 10px;background-position:0 -2.5px;top:200%;left:5%;animation:move 250ms linear infinite}.shelf:after{top:400%;left:7.5%}@keyframes move{from{background-position-x:0}to{background-position-x:10px}}@keyframes travel{0%{opacity:0;transform:translateX(300px) rotateZ(0deg) scaleY(1)}6.5%{transform:translateX(279.5px) rotateZ(0deg) scaleY(1.1)}8.8%{transform:translateX(273.6px) rotateZ(0deg) scaleY(1)}10%{opacity:1;transform:translateX(270px) rotateZ(0deg)}17.6%{transform:translateX(247.2px) rotateZ(-30deg)}45%{transform:translateX(165px) rotateZ(-30deg)}49.5%{transform:translateX(151.5px) rotateZ(-45deg)}61.5%{transform:translateX(115.5px) rotateZ(-45deg)}67%{transform:translateX(99px) rotateZ(-60deg)}76%{transform:translateX(72px) rotateZ(-60deg)}83.5%{opacity:1;transform:translateX(49.5px) rotateZ(-90deg)}90%{opacity:0}100%{opacity:0;transform:translateX(0px) rotateZ(-90deg)}}