JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
      <div id="side">
        <div id="sidebarContent">


	</div>

</div>

      </div>
      <div id="contentArea">









	<div id="revealScoreNonMobile">
		<div class="revealScore" style="display: none;"> 
			<button name="button" type="submit" class="showScore btn-feedback">Show Score</button> 
		</div>
		<div class="stats" style="">
			<div class="score">5.0</div> 
			(<span class="votesCast">1</span> votes cast)
	</div>
	</div>
</div>

<div id="revealScoreMobile">
	<div class="revealScore" style="display: none;"> 
		<button name="button" type="submit" class="showScore btn-feedback">Show Score</button> 
	</div>
	<div class="stats" style="">
		<div class="score">5.0</div> 
		(<span class="votesCast">1</span> votes cast)
	</div>
</div>

CSS

style* { margin: 0 auto; font-family: sans-serif; }

body { 
	margin: 0 auto; 
	font-family: Benton Sans,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,Tahoma,Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
}

header {
	width: 100%;
	background-color: orange;
	text-align: center;
	position: relative;
}


* {
    box-sizing: border-box;
}
.button, .file-upload-button, .gsc-cursor-page {
    font-family: "Lato", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Sans-Serif;
    -webkit-appearance: none;
    font-size: 1rem;
    text-shadow: none;
    line-height: 1.2;
    outline: 0;
    padding: 10px 16px;
    position: relative;
    border-radius: 3px;
    color: white;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none !important;
    text-align: center;
    font-weight: normal !important;
}
.pagination-button {
    background: none;
    border: 3px solid #ccc;
}
.button-no-right-margin, .button:only-child, .file-upload-button:only-child {
    margin-right: 0 !important;
}
.pagination .button {
    display: inline-block;
    margin: 0 0 4px 0;
}
.bottom-pagination .pagination-button:first-of-type {
    float: right !important;
}








* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.button>svg, .file-upload-button>svg, .button>span>svg, .file-upload-button>span>svg, .gsc-cursor-page>svg, .gsc-cursor-page>span>svg {
    display: inline-block;
    pointer-events: none;
    vertical-align: bottom;
    fill: white;
}
.pagination-button .icon-arrow-right-mini, .pagination-button .icon-arrow-left-mini {
    width: 14px;
    height: 14px;
    position: relative;
    top: -1px;
}
.pagination-button .icon-arrow-right-mini {
    margin-left: 4px;
}




* {
    box-sizing: border-box;
}
.button, .file-upload-button, .gsc-cursor-page {
    font-family: "Lato", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Sans-Serif;
    -webkit-appearance: none;
    font-size: 1rem;
   ...