html{height:auto;text-align:center;font-size:19px}body{margin:10px auto;padding:0 10px;max-width:700px}button{font-size:1.5em;padding:10px}.pendingLetter{color:#000}.correctLetter{color:#00a000}.wrongLetter{color:red;text-decoration:underline}hr{margin-top:3em;border:1px solid grey;border-radius:5px;width:33%}.grow-wrap{display:grid}.grow-wrap:after{content:attr(data-replicated-value) " ";white-space:pre-wrap;visibility:hidden}.grow-wrap>textarea{resize:none;overflow:hidden}.grow-wrap:after,.grow-wrap>textarea{border:1px solid #000;padding:.5rem;font:inherit;grid-area:1/1/2/2}