JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="panel">
    </div>
    <div id="question">
    </div>
    <div id="buttons">
    </div>
  </body>

CSS

div {
  background-color: #D7D3C8;
}

#panel {
  height: 5em;
  box-shadow: 0px 3px 3px #AAAAAA;
}

#question {
  height: 5em;
  border: 1px solid #BFBFBF;
}

#buttons {
  height: 5em;
  box-shadow: 0px -3px 3px #AAAAAA;
}