@import url(https://fonts.googleapis.com/css?family=Anton|Roboto);.word{-webkit-perspective:1000px;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;-webkit-transform-origin:bottom left;transform-origin:bottom left}@-webkit-keyframes balance{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%,60%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes balance{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%,60%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.word span:nth-child(2).active{-webkit-animation:shrinkjump 1s ease-in-out;animation:shrinkjump 1s ease-in-out;-webkit-transform-origin:bottom center;transform-origin:bottom center}@-webkit-keyframes shrinkjump{10%,35%{-webkit-transform:scale(2,.2) translate(0);transform:scale(2,.2) translate(0)}45%,50%{-webkit-transform:scale(1) translateY(-150px);transform:scale(1) translateY(-150px)}80%{-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}}@keyframes shrinkjump{10%,35%{-webkit-transform:scale(2,.2) translate(0);transform:scale(2,.2) translate(0)}45%,50%{-webkit-transform:scale(1) translateY(-150px);transform:scale(1) translateY(-150px)}80%{-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}}.word span:first-child.active{-webkit-animation:falling 2s ease-out;animation:falling 2s ease-out;-webkit-transform-origin:bottom center;transform-origin:bottom center}@-webkit-keyframes falling{12%{-webkit-transform:rotateX(240deg);transform:rotateX(240deg)}24%{-webkit-transform:rotateX(150deg);transform:rotateX(150deg)}36%{-webkit-transform:rotateX(200deg);transform:rotateX(200deg)}48%{-webkit-transform:rotateX(175deg);transform:rotateX(175deg)}60%,85%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}to{-webkit-transform:rotateX(0deg);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%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{-webkit-transform:rotateY(1turn);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;-webkit-transform-origin:bottom center;transform-origin:bottom center}@keyframes falling{12%{-webkit-transform:rotateX(240deg);transform:rotateX(240deg)}24%{-webkit-transform:rotateX(150deg);transform:rotateX(150deg)}36%{-webkit-transform:rotateX(200deg);transform:rotateX(200deg)}48%{-webkit-transform:rotateX(175deg);transform:rotateX(175deg)}60%,85%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}to{-webkit-transform:rotateX(0deg);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%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{-webkit-transform:rotateY(1turn);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%{-webkit-transform:translateY(-48vh) scaleY(1);transform:translateY(-48vh) scaleY(1)}90%{-webkit-transform:translateY(-48vh) scaleY(4);transform:translateY(-48vh) scaleY(4)}}@keyframes toplong{10%,40%{-webkit-transform:translateY(-48vh) scaleY(1);transform:translateY(-48vh) scaleY(1)}90%{-webkit-transform:translateY(-48vh) scaleY(4);transform:translateY(-48vh) scaleY(4)}}