*{box-sizing:border-box}:root{--color-primary:#12557c;--color-secondary:#7c1243}body{margin:0;padding:0 0 3rem;position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;font-size:16px;color:#333;background-color:var(--color-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}h1{margin:0 0 1em}h1 a{color:inherit;text-decoration:none}main{width:70%;max-width:900px;padding:1rem;background-color:#fff;border-radius:.25em}.textarea{width:100%;min-height:5rem;resize:none;border:1px solid var(--color-primary);border-radius:.25em;padding:1em;transition:all .3s ease}.textarea:focus{outline:0;border-color:var(--color-secondary);box-shadow:inset 0 0 5px var(--color-secondary)}form{display:flex;flex-direction:column;align-items:center;margin:0}form .textarea{height:30em;max-height:70vh}form button{background-color:var(--color-primary);border:none;color:#fff;padding:.5em 1em;border-radius:5em;transition:all .3s ease;margin:2em 0 0;font-size:16px}form button:focus{background-color:var(--color-secondary)}.output-label{margin:1em 0 .5em}#output{display:flex;align-items:center}footer{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%)}footer,footer a{color:hsla(0,0%,100%,.47)}footer a{text-decoration:none}