body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#f0ecec;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}.App{background:#fff;border-radius:20px;box-shadow:0 12px 24px #0000001a;margin:50px auto;max-width:600px;padding:30px 40px;text-align:center}h1{color:#0077b6}.input-box,h1{margin-bottom:30px}.gen input[type=text]{border:2px solid #000;border-radius:10px;font-size:16px;margin-right:10px;max-width:300px;outline:none;padding:12px;transition:border-color .3s ease;width:70%}.gen input[type=text]:focus{border-color:#0077b6}.button{background-color:#0077b6;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .5s ease}.button:hover{background-color:#005f8c}.extra{margin-top:20px;padding-left:10%;text-align:left}.extra h5{color:#444;font-weight:600;margin:10px 0 5px}.extra input[type=color]{background:none;border:none;cursor:pointer;height:40px;width:60px}.extra input[type=range]{margin-top:10px;width:100%}.output-box{margin-top:30px}.output-box img{background:#fefefe;border:1px solid #ddd;border-radius:10px;max-width:100%;padding:10px;width:auto}.output-box a button{background-color:#00b386;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;margin-top:15px;padding:10px 20px;transition:background-color .3s ease}.output-box a button:hover{background-color:#00996d}
/*# sourceMappingURL=main.7d4d93ad.css.map*/