**{padding:0;margin:0;box-sizing:border-box}#root{width:100%;height:100%;height:fit-content}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;width:100%;height:100dvh;scroll-behavior:smooth}h1{font-size:3.2em;line-height:1.1}button,label{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover,label:hover{border-color:#646cff}button:disabled,label:disabled{border-color:#0000;cursor:not-allowed}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}section{display:flex;align-items:center;justify-content:space-around;height:fit-content;width:100%}header{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;margin:auto}@media (max-width: 635px){section{display:grid;justify-content:center;gap:30px}h1{font-size:2em}.img_title{height:100px}}@media (max-width: 1309px){section{display:grid;place-items:center;gap:30px;scale:.59}}.container_input_letter{display:grid;place-content:center;gap:15px;border:solid 1px #ccc;border-radius:10px;padding:50px;height:fit-content;width:fit-content;background-color:#fff2}h3{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:20px;font-weight:600;margin:0}.img_preview{width:300px;border-radius:10px;box-shadow:0 0 10px #fff}.container_input_img{display:grid;place-items:center;gap:20px}.container_input_poem,.container_input_preview{display:flex;justify-content:center;gap:5px}.container_input_preview{width:100%}.input_title{width:100%;padding:10px;border-radius:10px;background:#000;border:solid 2px #000;transition:all .5s ease-in-out}.input_text{padding:10px;border:solid 2px #000;border-radius:10px;background:#000;resize:none;height:300px;width:400px;transition:all .5s ease-in-out}.input_text:focus,.input_title:focus{outline:none;border:solid 2px #fff}.input_text::placeholder,.input_title::placeholder{font-weight:600;font-family:sans-serif}.input_poem{background:#000;height:150px}input,textarea{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:20px;font-weight:600}.container_input_flex{display:flex;justify-content:center;align-items:center;gap:5px}input[type=file]{display:none}.container_input_background{display:grid;place-items:center}@media (max-width: 375px){.container_input_letter{padding:30px;scale:.9}}.container_input_color{display:grid;place-items:center;gap:10px}.container_letter{height:fit-content;width:90%;padding:20px;border:solid 1px #fff4;border-radius:5px;overflow-wrap:break-word;word-break:break-word}.title{word-wrap:break-all;text-align:center;font-size:1.8em;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.paragraph,.poem{word-wrap:break-all;font-size:1.2em}.img_letter{width:40%;border-radius:50%;aspect-ratio:1/1;object-fit:cover;margin:auto}.container_img_letter{width:100%;display:grid;place-items:center}.container_download{display:grid;place-items:center;gap:30px;height:100%}.container_loading{display:flex;justify-content:center;align-items:center;height:100vh}.loading{background-color:#111;width:100px;height:100px;border-radius:100%;display:grid;place-items:center}.loading:after,.loading:before{z-index:-1;content:"";position:absolute;height:100px;width:100px;background-image:conic-gradient(transparent 30%,#00f);border-radius:100%;padding:3px;animation:1s load_ball infinite linear}.loading:before{filter:blur(1.5rem)}@keyframes load_ball{to{transform:rotate(360deg)}0%{transform:rotate(0)}}header{animation:endLoading 2s ease-in-out forwards;animation-iteration-count:1}@keyframes endLoading{0%{opacity:0}to{opacity:1}}.container_about{display:grid;place-items:end;gap:10px;margin:0 10px 20px 0;padding-bottom:20px}.icon_link{text-decoration:none;color:#fff;transition:all ease-in-out .3s}.icon_about{width:50px;height:50px}.icon_link:hover{transform:scale(1.1)}