@keyframes appear{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes appearLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes appearRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.blockAppear{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out}.blockAppear.visible{animation:appear 1s ease-out forwards;opacity:1}.blockAppear:not(.visible){opacity:0}.blockAppearRight{opacity:0;transform:translate(100px);transition:opacity .6s ease-out,transform .6s ease-out}.blockAppearRight.visible{animation:appearRight 1s ease-out forwards;opacity:1;transform:translate(0)}.blockAppearRight:not(.visible){opacity:0}.blockAppearLeft{opacity:0;transform:translate(-100px);transition:opacity .6s ease-out,transform .6s ease-out}.blockAppearLeft.visible{animation:appearLeft 1s ease-out forwards;opacity:1;transform:translate(0)}.blockAppearLeft:not(.visible){opacity:0}.linear-gradient-text{background:linear-gradient(90deg,#986b6b,red,#ff7f00,#ff0,#00bfff,#50c878,teal);-webkit-background-clip:text;background-clip:text;color:transparent}.bg-anime-text,.text-hover:hover{background:linear-gradient(270deg,#986b6b,red,#ff7f00,#ff0,#00bfff,#50c878,teal);-webkit-background-clip:text;background-clip:text;background-size:1400% 1400%;color:transparent}.bg-anime,.bg-anime-text,.text-hover:hover{animation:gradientAnimation 20s ease infinite}.bg-anime{background:linear-gradient(270deg,#986b6b,red,#ff7f00,#ff0,#00bfff,#50c878,teal);background-size:1400% 1400%}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}
