body {
  background-color: #ddd;
  color: #000;
  font-family: Courier;
}

.button-div {
   width: 5%;
   height: 2%;
   background-color: #333;
   color: #fff;
   border: 2px #888;
   border-radius: 10px;
   text-align: center;
   user-select: none;
}
.button-div:hover {
  border-radius: 8px;
}
.button-div:active {
  background-color: #222;
  transform: scale(0.9);
  transition: transform 0.1s, background-color 0.1s;
}
.button-div:inactive {
  background-color: #333;
  transform: scale(1);
  transition: transform 0.1s, background-color 0.1s;
}

.game-div {
  margin: auto;
  width: 86%;
  height: 90%;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 2px solid #333;
}
.game-header {
  position: relative;
  height: 3%;
  top: 3%;
  border: 1px solid #000;
}

.game-button {
   width: 5%;
   height: 2%;
   background-color: #333;
   color: #fff;
   user-select: none;
}
.game-button:hover {
  background-color: #444;
}
.game-button:active {
  background-color: #222;
  transform: scale(0.9);
}
.bgame-button:inactive {
  background-color: #333;
  transform: scale(1);
  transition: transform 0.1s, background-color 0.1s;
}

.main-table-div{
  float: left;
  width: 80%;
}
.side-info-div{
  float: right;
  width: 18%;
  border: 2px solid #000;
}
.darken {
  background-color: #bbb;
}