* {
font-family: monospace;
font-size: 1rem;
}
body {
max-width: 40em;
}
label {
display: block;
margin-bottom: 1rem;
}
label span {
display: block;
}
input {
box-sizing: border-box;
width: 100%;
}

output {
display: block;
background-color: black;
color:white;
padding: 1rem;
margin-top: 2rem;
font-weight: bold;
}
output::before {
display: block;
content: "Encoded message for copy-paste:";
font-weight: normal;
}