@import url(https://fonts.googleapis.com/css?family=Anton|Roboto);.word{font-family:Anton,sans-serif;perspective:1000px}.word span{cursor:pointer;display:inline-block;font-size:50px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:.8}.word span:first-child.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:nth-child(3).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)}}@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)}}@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}@-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)}}.word span:nth-child(6).active{-webkit-animation:balance2 1.5s ease-out;animation:balance2 1.5s ease-out;transform-origin:bottom left}@-webkit-keyframes balance2{0%,to{transform:rotate(20deg)}30%,60%{transform:rotate(0deg)}}@keyframes balance2{0%,to{transform:rotate(20deg)}30%,60%{transform:rotate(0deg)}}.word span:nth-child(7).active{-webkit-animation:shrinkjump2 2s ease-in-out;animation:shrinkjump2 2s ease-in-out;transform-origin:bottom center}@-webkit-keyframes shrinkjump2{10%,35%{transform:scaleY(.2) translate(0)}45%,50%{transform:scale(2) translateY(100px)}80%{transform:scale(1) translate(0)}}@keyframes shrinkjump2{10%,35%{transform:scaleY(.2) translate(0)}45%,50%{transform:scale(2) translateY(100px)}80%{transform:scale(1) translate(0)}}.word span:nth-child(8).active{-webkit-animation:falling2 2s ease-out;animation:falling2 2s ease-out;transform-origin:bottom center}@-webkit-keyframes falling2{12%{transform:rotateY(240deg)}24%{transform:rotateY(150deg)}36%{transform:rotateY(200deg)}48%{transform:rotateY(175deg)}60%,85%{transform:rotateY(180deg)}to{transform:rotateY(0deg)}}@keyframes falling2{12%{transform:rotateY(240deg)}24%{transform:rotateY(150deg)}36%{transform:rotateY(200deg)}48%{transform:rotateY(175deg)}60%,85%{transform:rotateY(180deg)}to{transform:rotateY(0deg)}}.word span:nth-child(9).active{-webkit-animation:rotate2 1s ease-out;animation:rotate2 1s ease-out}@-webkit-keyframes rotate2{20%,80%{transform:rotateY(90deg)}to{transform:rotateY(1turn)}}@keyframes rotate2{20%,80%{transform:rotateY(90deg)}to{transform:rotateY(1turn)}}.word span:nth-child(10).active{-webkit-animation:toplong2 2s linear;animation:toplong2 2s linear}@-webkit-keyframes toplong2{10%,40%{transform:translateY(48vh) scaleY(1)}90%{transform:translateY(-48vh) scaleY(2)}}@keyframes toplong2{10%,40%{transform:translateY(48vh) scaleY(1)}90%{transform:translateY(-48vh) scaleY(2)}}.word span:nth-child(11).active{-webkit-animation:balance3 1.5s ease-out;animation:balance3 1.5s ease-out;transform-origin:bottom left}@-webkit-keyframes balance3{0%,to{transform:rotate(0deg)}30%,60%{transform:rotate(45deg)}}@keyframes balance3{0%,to{transform:rotate(0deg)}30%,60%{transform:rotate(45deg)}}.gradient-blue{background:linear-gradient(90deg,rgba(168,255,238,.2196078431372549),#fff)}.gradient-red{background:linear-gradient(90deg,rgba(255,168,175,.43137254901960786),#fff)}.gradient-green{background:linear-gradient(90deg,rgba(168,255,180,.5803921568627451),#fff)}.fixed_button{background-color:transparent}.scrollable{height:500px;overflow-y:scroll}.fixed_report_button{position:fixed;bottom:100px;right:50px;z-index:999}.gradient{background:linear-gradient(90deg,rgba(168,255,238,.2196078431372549),#fff)}.gradient-red{background:linear-gradient(90deg,rgba(255,168,175,.2196078431372549),#fff)}.fixed_button{right:50px}.fixed_button,.fixed_button_2{position:fixed;bottom:50px;z-index:999}.fixed_button_2{left:50px}.transparent{background-color:transparent}