JSFiddle - React, Tailwind, and code Playground

HTML

<form method="get" action="/search" id="search">
  <input name="q" type="text" size="40" placeholder="Search..." />
</form>

CSS

#search input[type="text"] {
                                      background: url(../img/search-icon.png) no-repeat 2.6% 50% #fcfcfc;
                                      background-size: 6%;
                                      border: 1px solid #d1d1d1;
                                      font: normal 1.7em Arial,Helvetica,Sans-serif;
                                      color: #bebebe;
                                      width: 33%;
                                      padding: 0.6% 2%;
                                      border-radius: 3em;
                                      text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
                                      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
                                      padding-left: 3.8%;
                                      outline: 0; }