@import url(https://fonts.googleapis.com/css?family=Anton|Roboto);.word{perspective:1000px}.word span{cursor:pointer;display:inline-block;font-size:100px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:.8}.word span:first-child.active,.word span:nth-child(11).active{-webkit-animation:balance 1.5s ease-out;animation:balance 1.5s ease-out;transform-origin:bottom left}@-webkit-keyframes balance{0%,to{transform:rotate(0deg)}30%,60%{transform:rotate(-45deg)}}@keyframes balance{0%,to{transform:rotate(0deg)}30%,60%{transform:rotate(-45deg)}}.word span:nth-child(2).active{-webkit-animation:shrinkjump 1s ease-in-out;animation:shrinkjump 1s ease-in-out;transform-origin:bottom center}@-webkit-keyframes shrinkjump{10%,35%{transform:scale(2,.2) translate(0)}45%,50%{transform:scale(1) translateY(-150px)}80%{transform:scale(1) translate(0)}}@keyframes shrinkjump{10%,35%{transform:scale(2,.2) translate(0)}45%,50%{transform:scale(1) translateY(-150px)}80%{transform:scale(1) translate(0)}}.word span:first-child.active{-webkit-animation:falling 2s ease-out;animation:falling 2s ease-out;transform-origin:bottom center}@-webkit-keyframes falling{12%{transform:rotateX(240deg)}24%{transform:rotateX(150deg)}36%{transform:rotateX(200deg)}48%{transform:rotateX(175deg)}60%,85%{transform:rotateX(180deg)}to{transform:rotateX(0deg)}}.word span:nth-child(4).active{-webkit-animation:rotate 1s ease-out;animation:rotate 1s ease-out}@-webkit-keyframes rotate{20%,80%{transform:rotateY(180deg)}to{transform:rotateY(1turn)}}.word span:nth-child(5).active{-webkit-animation:toplong 1.5s linear;animation:toplong 1.5s linear}.word span:nth-child(6).active,.word span:nth-child(10).active{-webkit-animation:falling 2s ease-out;animation:falling 2s ease-out;transform-origin:bottom center}@keyframes falling{12%{transform:rotateX(240deg)}24%{transform:rotateX(150deg)}36%{transform:rotateX(200deg)}48%{transform:rotateX(175deg)}60%,85%{transform:rotateX(180deg)}to{transform:rotateX(0deg)}}.word span:nth-child(3).active,.word span:nth-child(7).active,.word span:nth-child(9).active{-webkit-animation:rotate 1s ease-out;animation:rotate 1s ease-out}@keyframes rotate{20%,80%{transform:rotateY(180deg)}to{transform:rotateY(1turn)}}.word span:nth-child(8).active{-webkit-animation:toplong 1.5s linear;animation:toplong 1.5s linear}@-webkit-keyframes toplong{10%,40%{transform:translateY(-48vh) scaleY(1)}90%{transform:translateY(-48vh) scaleY(4)}}@keyframes toplong{10%,40%{transform:translateY(-48vh) scaleY(1)}90%{transform:translateY(-48vh) scaleY(4)}}