@import url(https://fonts.googleapis.com/css2?family=Titan+One&display=swap);*{box-sizing:border-box;font-family:Titan One,cursive}body{bottom:0;height:100vh;left:0;margin:0;right:0;top:0}html{height:100%;overflow:scroll;overflow-x:hidden}::-webkit-scrollbar{background:transparent;width:0}::-webkit-scrollbar-thumb{background:red}.bg{-webkit-animation:slide 3s ease-in-out infinite alternate;animation:slide 3s ease-in-out infinite alternate;background-image:linear-gradient(-60deg,#6c3 50%,#09f 0);bottom:0;left:-50%;opacity:.5;position:fixed;right:-50%;top:0;z-index:-1}.bg2{animation-direction:alternate-reverse;-webkit-animation-duration:4s;animation-duration:4s}.bg3{-webkit-animation-duration:5s;animation-duration:5s}.content{background-color:hsla(0,0%,100%,.8);border-radius:.25em;box-shadow:0 0 .25em rgba(0,0,0,.25);box-sizing:border-box;left:50%;padding:2vmin;position:fixed;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes slide{0%{-webkit-transform:translateX(-25%);transform:translateX(-25%)}to{-webkit-transform:translateX(25%);transform:translateX(25%)}}@keyframes slide{0%{-webkit-transform:translateX(-25%);transform:translateX(-25%)}to{-webkit-transform:translateX(25%);transform:translateX(25%)}}.word{margin:2rem 2rem 3rem}.word span{-webkit-animation-iteration-count:1;animation-iteration-count:1;cursor:pointer;display:inline-block;font-size:4vw;line-height:.8;-webkit-user-select:none;user-select:none}.word span:first-child.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:nth-child(3).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)}}@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)}}@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:shrinkjump 1s ease-in-out;animation:shrinkjump 1s ease-in-out}.word span:nth-child(5).active,.word span:nth-child(6).active{-webkit-transform-origin:bottom center;transform-origin:bottom center}.word span:nth-child(6).active{-webkit-animation:falling 2s ease-out;animation:falling 2s ease-out}.word span:nth-child(7).active{-webkit-animation:toplong 1.5s linear;animation:toplong 1.5s linear}.word span:nth-child(8).active{-webkit-animation:balance 1.5s ease-out;animation:balance 1.5s ease-out;-webkit-transform-origin:top left;transform-origin:top left}@-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)}}
/*# sourceMappingURL=main.7c161028.css.map*/