JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>


<body style ="background-color:white"onclick="baseCalc();k();instrumentcheck();" onload ="memory();nullcheck();hider();baseCalc();show0();instrumentcheck();">


<div class = "container-fluid" style ="margin-top:20px;display:block;" >
<div class ="container-fluid" style ="position:absolute;margin-left:630px;">
<div id="htControl" class="container">
  <div class ="btn-group-vertical" style ="background-color:white;">
  <label id="aboutThisButton" style ="margin-bottom:35px;"><button type ="button" class="btn btn active" style ="font-size:20px;width:130px;text-shadow:1px 2px white;font-family:Times New Roman, Times, serif;">About </button></label>
  <label id="settingButton" style ="margin-bottom:35px;" ><button type ="button"class="btn btn-warning" style ="margin-top:-25px;width:130px;font-size:20px;text-shadow:1px 1px black;"><strong>Setting</strong></button></label>
  <label id="vivaButton" style ="margin-bottom:35px;"><button type ="button" class="btn btn-primary" style ="margin-top:-25px;font-size:20px;width:100px;text-shadow:1px 1px black;color:pink;width:130px"><strong>비바체</strong></button></label>
  <label id="harvestButton" style ="margin-bottom:35px;"><button type ="button" class="btn btn-success" style ="margin-top:-25px;font-size:20px;text-shadow:1px 1px black;color:#80ff80;width:130px"><strong>풍년가</strong></button></label>
  <label id="oobButton" style ="margin-bottom:35px;"><button type ="button" class="btn btn-danger" style ="margin-top:-25px;font-size:20px;text-shadow:1px 1px black;color:orange;width:130px"><strong>전장의서곡</strong> </button></label>
  <label id="marchButton" style ="margin-bottom:35px;"><button type ="button" class="btn btn-info" style...

CSS

#hover{
  background-color:transparent;
}
#hover0:hover{
  background-color:yellow;
}
#wtControl{
  width:630px;
  background-color:white;
  //margin-left:20px;
}
#wtControl2{
  width:630px;
  background-color:white;
}
#htControl{
  background-color:white;
  height:500px;
  width: 200px;
  position:fixed;
}
#aboutThis{
   display:none;
}

#setting{
display:block;
}

.smallView{
  font-size:11px;
}
#setEnchant{
  display:none;
}
.yesInstrument{
  
}
#viva{
  display:none;
}
#harvest{
  display:none;
}
#oob{
  display:none;
}
#march{
  display:none;
}
/*=====================================*/
#setting input[type="checkbox"]+label{
 text-align:left;
 opacity:0.15; 
 border: 1px solid transparent;
}
#setting input[type="radio"]+label{
 text-align:left;
 opacity:0.15; 
 border: 1px solid transparent;
}
#setting input[type="radio"]{
  border: 1px solid transparent;
 display:none;
}
#setting input[type="checkbox"]{
  border: 1px solid transparent;
  opacity:0.4;
}

#setting input[type="radio"]:checked {
  opacity:1;
}
#setting input[type="checkbox"]:checked {
  opacity:1;
}
#setting input[type="checkbox"]:checked+label {
  opacity:1;
}
#setting input[type="radio"]:checked +label {
  opacity:1;
}
#setting input[type="number"]:hover{
  background-color:#f2f2f2;
  
}

#setting input+label:hover{
  opacity:0.6;
}

/*=====================================*/
.container {
  display: inline-block;

}