.bookshelf-wrapper{position:relative;width:260px;height:260px}.bookshelf-inner{position:absolute;left:50%;bottom:17px;transform:translateX(-50%)}.books-list{position:relative;width:220px;margin:0 auto;padding:0}.book-item{position:absolute;top:-88px;box-sizing:border-box;list-style:none;width:29px;height:88px;opacity:0;background-color:transparent;border:3px solid #232a25;transform-origin:bottom left;transform:translateX(220px);animation:book-travel 2.5s linear infinite}.book-item.first{top:-103px;height:103px}.book-item.first:after,.book-item.first:before{content:"";position:absolute;top:7px;left:0;width:100%;height:3px;background-color:#232a25}.book-item.first:after{top:auto;bottom:7px}.book-item.fifth:after,.book-item.fifth:before,.book-item.second:after,.book-item.second:before{box-sizing:border-box;content:"";position:absolute;top:7px;left:0;width:100%;height:14px;border-top:3px solid #232a25;border-bottom:3px solid #232a25}.book-item.fifth:after,.book-item.second:after{top:auto;bottom:7px}.book-item.third:after,.book-item.third:before{box-sizing:border-box;content:"";position:absolute;top:7px;left:7px;width:8px;height:8px;border-radius:50%;border:3px solid #232a25}.book-item.third:after{top:auto;bottom:7px}.book-item.fourth{top:-95px;height:95px}.book-item.fourth:before{box-sizing:border-box;content:"";position:absolute;top:34px;left:0;width:100%;height:14px;border-top:3px solid #232a25;border-bottom:3px solid #232a25}.book-item.fifth{top:-73px;height:73px}.book-item.sixth{top:-103px;height:103px}.book-item.sixth:before{bottom:22px;left:0;width:100%;height:3px;background-color:#232a25}.book-item.sixth:after,.book-item.sixth:before{box-sizing:border-box;content:"";position:absolute}.book-item.sixth:after{bottom:7px;left:7px;width:8px;height:8px;border-radius:50%;border:3px solid #232a25}.book-item:nth-child(2){animation-delay:.4166666666667s}.book-item:nth-child(3){animation-delay:.8333333333333s}.book-item:nth-child(4){animation-delay:1.25s}.book-item:nth-child(5){animation-delay:1.6666666666667s}.book-item:nth-child(6){animation-delay:2083.3333333333ms}.bookshelf-shelf{width:220px;height:3px;margin:0 auto;background-color:#232a25;position:relative}.bookshelf-shelf:after,.bookshelf-shelf:before{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(rgba(35,42,37,.5) 30%,transparent 0);background-size:7px 7px;background-position:0 -1.75px;top:200%;left:5%;animation:book-dust .25s linear infinite}.bookshelf-shelf:after{top:400%;left:7.5%}@keyframes book-dust{0%{background-position-x:0}to{background-position-x:7px}}@keyframes book-travel{0%{opacity:0;transform:translateX(220px) rotate(0deg) scaleY(1)}6.5%{transform:translateX(205px) rotate(0deg) scaleY(1.1)}8.8%{transform:translateX(200.6px) rotate(0deg) scaleY(1)}10%{opacity:1;transform:translateX(198px) rotate(0deg)}17.6%{transform:translateX(181.3px) rotate(-30deg)}45%{transform:translateX(121px) rotate(-30deg)}49.5%{transform:translateX(111.1px) rotate(-45deg)}61.5%{transform:translateX(84.7px) rotate(-45deg)}67%{transform:translateX(72.6px) rotate(-60deg)}76%{transform:translateX(52.8px) rotate(-60deg)}83.5%{opacity:1;transform:translateX(36.3px) rotate(-90deg)}90%{opacity:0}to{opacity:0;transform:translateX(0) rotate(-90deg)}}