*{box-sizing:border-box;margin:0;padding:0}body{background-color:#c4e0f9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;justify-content:center;padding:20px}.main,body{align-items:center;display:flex}.main{background:linear-gradient(90deg,#2ec0f9,#67aaf9);border-radius:15px;box-shadow:0 4px 15px #0000001a;flex-direction:column;margin-top:20px;max-width:800px;padding:30px;width:100%}.input{text-align:center;width:100%}.img{border:5px solid #fff;border-radius:10px;height:auto;margin-bottom:20px;max-width:100%}input[type=file]{background-color:#fff;border:2px solid #2ec0f9;border-radius:5px;cursor:pointer;display:block;font-size:16px;margin:20px auto;padding:10px}input[type=file]:hover{background-color:#9bbdf9}.prompt input{border:2px solid #2ec0f9;border-radius:5px;font-size:16px;margin-bottom:20px;max-width:80%;padding:12px;transition:all .3s ease;width:100%}.prompt input:focus{border-color:#67aaf9;outline:none}button{background-color:#b95f89;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:5px;padding:12px 25px;transition:all .3s ease}button:hover{background-color:#9bbdf9;transform:scale(1.05)}button:active{background-color:#67aaf9}.output p{word-wrap:break-word;background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;color:#212121;font-size:18px;margin-top:70px;padding:20px;white-space:pre-wrap}@media (max-width:768px){.main{margin-top:500px;padding:15px}.img{max-width:90%}.prompt input{max-width:none;width:100%}button{font-size:14px;padding:12px;width:100%}.output p{font-size:16px}}@media (min-width:769px){.main{flex-direction:row;justify-content:space-between;padding:30px}.input,.output{width:45%}.img{height:auto;margin-bottom:30px;max-width:100%}.prompt input{max-width:none;width:100%}button{font-size:16px;padding:15px 30px;width:auto}.output p{font-size:18px}}.footer{background-color:#282c34;border-radius:25px;color:#fff;margin-top:250px;padding:20px;text-align:center}.footer-content{margin:0 auto;max-width:1200px}.footer p{font-size:.9em;margin:0}.footer-links{margin-top:10px}.footer-links a{color:#61dafb;font-size:1em;margin:0 10px;text-decoration:none}.footer-links a:hover{text-decoration:underline}@media screen and (max-width:690px){.footer-links a{display:block;margin:5px 0}.footer{margin-top:100px}}
/*# sourceMappingURL=main.67f15e1d.css.map*/