JSFiddle - React, Tailwind, and code Playground

HTML

<textarea></textarea>

CSS

textarea {
    background: transparent;
    display: inline;
    resize: none;
    margin-top: 1%;
    min-width: 100px;
    height: 38px;
    border: none;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    border-radius: 50px;
    box-shadow: 0 0 1pt 1pt #8F4A11;
}

textarea:focus {
    border: none;
    outline: none;
}