JSFiddle - React, Tailwind, and code Playground

HTML

<div id="TextKeyboard">
     <h3>Design your Apple keyboard</h3>

</div>

CSS

#TextKeyboard {
        height: 26px;
        width: 330px;
        text-transform: uppercase;
        text-align: left;
        background: -webkit-linear-gradient(#615bff, #262544);
        /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#615bff, #262544);
        /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#615bff, #262544);
        /* For Firefox 3.6 to 15 */
        background: linear-gradient(#615bff, #262544);
        margin-top: 20px;
        margin-left: 20px;
        padding-left: 10px;
        border-radius: 12px;
        border: 1px solid;
    }
    h3 {
        color: #f6b824;
        text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    }