JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="panel">
    </div>
    <div id="question">
    </div>
    <div id="delimiter">
    </div>
    <div id="answer">
    </div>
    <div id="buttons">
       <button class="buttons" id="again">Again</button>
       <button class="buttons" id="good">Good</button>
       <button class="buttons" id="easy">Easy</button>
    </div>
  </body>

CSS

/* reset start */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
        display: block;
}
body {
        line-height: 1;
}
ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}
table {
        border-collapse: collapse;
        border-spacing: 0;
}
/* reset end */
html, body {
  height: 100%;
}

a:link, a:visited {
  color: #C13832;
  text-decoration: none;
}

div {
  background-color: #D7D3C8;
}

#panel {
  height: 4%;
  box-shadow: 0px 3px 3px #AAAAAA;
  z-index: 100;
  position: relative;
}

#question {
  height: 43.9%;
}

#delimiter {
  background-color: #BFBFBF;
  height: 0.3%;
}

#answer {
  height: 43.9%;
}

#buttons {
  height: 8%;
  box-shadow: 0px -3px 3px #AAAAAA;
  text-align:center;
}

button.buttons {
  border-radius: 3px;
  box-shadow: #959595 0 2px 5px;
  border: 0;
  padding: 0;
  margin: 0;
  width: 32.6%;
  height: 100%;
  outline: none;
}

button::-moz-focus-inner {
  border: 0;
}