@import url(https://fonts.googleapis.com/css2?family=Fredoka&display=swap);@import url(https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#23253d;background-size:30%;background-repeat:no-repeat;background-position:0 45%;font-family:Fredoka,sans-serif;line-height:24px}@media screen and (max-width:420px){.waves{display:none}#button-submit{right:-55px}}h1,h2,h3,h4,h5,h6{font-family:Fredoka,sans-serif;font-weight:100;color:#fff}.container{display:flex;flex-wrap:nowrap;flex-direction:column;width:100%;position:relative;top:100px}.body-wrap{width:100%}header{max-width:300px;margin:auto}header h1{font-family:Permanent Marker,cursive;margin:0;color:#0aabeb;font-size:88px;line-height:88px;font-weight:700}header h1 span{color:#ccc}header small{color:#7e8099;font-size:14px;text-align:right;display:block}main form{max-width:600px;width:100%;margin:60px auto auto}main form fieldset{padding:0;margin:0;border:none;position:relative;border-radius:10px}main form fieldset input[type=text]{color:#7e8099;width:60%;padding:20px 160px 20px 20px;font-family:Fredoka,sans-serif;font-weight:600;border:none;outline:none;box-shadow:none}main form fieldset input[type=submit]{background:#12554c url(https://icons8.com/icon/hGHnxaSWwWYb/link);font-family:Permanent Marker,cursive;background-position:85% 50%;background-size:30px;background-repeat:no-repeat;color:#fff;text-transform:uppercase;font-size:24px;line-height:14px;height:100%;position:absolute;right:0;top:0;margin:0;border:none;padding:20px 60px 20px 20px;outline:none;font-weight:700;transition:all .6s;cursor:pointer}main form fieldset input[type=submit]:hover{background:#a51830 url(https://cdnjs.cloudflare.com/ajax/libs/ionicons/5.1.2/collection/components/icon/svg/cut.svg);background-position:85% 50%;background-size:30px;background-repeat:no-repeat;transition:all .3s}main #result{display:block;background:#1e1d32;padding:20px;text-align:center;color:#fff;border-radius:0 0 10px 10px;text-shadow:1px 1px 1px #000;opacity:0;transition:all .6s}main #copy{background:url(https://cdnjs.cloudflare.com/ajax/libs/ionicons/5.1.2/collection/components/icon/svg/copy-sharp.svg);background-position:85% 50%;background-size:40px;background-repeat:no-repeat;position:absolute;height:30px;width:35px;top:5px;right:20px;border:none;cursor:pointer;outline:none;opacity:.3;transition:all .6s}main .display-result #copy,main .display-result #result{opacity:1;transition:all .3s}main #copy:hover{opacity:.8;transition:all .3s}main #copy:hover:after{opacity:1;display:block}main #copy:after{opacity:0;content:"copy";color:#fff;padding:5px 8px;background:#000;position:absolute;bottom:-30px;font-size:10px;border-radius:5px;left:0;text-transform:uppercase;transition:all .6s}.footer{text-align:center;font-size:50px;margin-top:1rem;padding:1rem;background-color:#09f;left:0}.footer,.waves{position:fixed;bottom:0;width:100%}.socials{display:flex;justify-content:center;grid-gap:20px;gap:20px}
/*# sourceMappingURL=main.4bef2f07.chunk.css.map */