.App{align-items:center;animation:gradientBG 20s ease infinite;background:linear-gradient(270deg,#ff9a9e,#fad0c4,#a1c4fd,#c2e9fb);background-size:800% 800%;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px;text-align:center}@keyframes gradientBG{0%{background-position:0 50%}25%{background-position:50% 50%}50%{background-position:100% 50%}75%{background-position:50% 50%}to{background-position:0 50%}}.App-header{background-color:#0009;border-radius:15px;box-shadow:0 10px 20px #0003;color:#fff;max-width:600px;padding:40px;transition:all .5s ease;width:100%}.App-header:hover{box-shadow:0 15px 25px #0000004d;transform:scale(1.03)}h1{color:#ffdd57;font-size:2.5rem}h1,textarea{margin-bottom:20px}textarea{border:2px solid #61dafb;border-radius:10px;font-size:1rem;height:100px;max-width:500px;padding:15px;resize:none;width:90%}button{animation:gradientButton 4s ease infinite;background:linear-gradient(45deg,#ff6ec4,#7873f5);background-size:200% 200%;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:12px 25px;transition:all .3s ease}button:hover{transform:scale(1.1)}@keyframes gradientButton{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.result{word-wrap:break-word;background-color:#fff3;border-radius:10px;font-size:1.5rem;margin-top:20px;min-height:50px;padding:20px}.result span{animation:bounce .6s ease,float 2s infinite;cursor:default;display:inline-block}.result span:hover{animation:bounce .6s ease,shake .5s,sparkle 1s ease infinite}@keyframes bounce{0%{transform:translateY(-10px)}50%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shake{0%{transform:translateX(0) rotate(0deg)}25%{transform:translateX(-5px) rotate(-10deg)}50%{transform:translateX(5px) rotate(10deg)}75%{transform:translateX(-5px) rotate(-10deg)}to{transform:translateX(0) rotate(0deg)}}@keyframes sparkle{0%{text-shadow:0 0 5px #fff,0 0 10px #ff0}50%{text-shadow:0 0 10px #ff0,0 0 20px #ff69b4}to{text-shadow:0 0 5px #fff,0 0 10px #ff0}}footer{color:#555;font-size:.9rem;margin-top:40px}
/*# sourceMappingURL=main.cb66f557.css.map*/