body {
  font-family: sans-serif;
  text-align: center;
  background: #eef;
}

#board {
  border: 2px solid #1900ff;
  background: #959647;
}

#ui {
  margin-top: 10px;
}
.game-board {
  display: grid;
  grid-template-columns: 2fr 1fr;
}
.container {
  position: relative;
}
#grainMeterContainer {
  position: absolute;
  top: 50%;
  left: 10px;
  height: 10px;
  width: 120px;
  background-color:beige;
  border: 2px solid black;
  margin-right: 1rem;
}
#truckMeterContainer {
  position: absolute;
  margin-right: 1rem;
  top: 50%;
  left: 10px;
  height: 10px;
  width: 120px;
  background-color:beige;
  border: 2px solid black;
}
#grainMeter {
  height: 100%;
  width: 0%;
  transition: width 0.1s;
  background-color: green;
}
#truckMeter {
  height: 100%;
  width: 0%;
  transition: width 0.1s;
  background-color: green;
}
.level {
  position: relative;
  padding: 1em;
  background: rgb(66, 63, 63);
  color: white;

}
.box {
  padding: 1em;
  background: white;
  color: black;
}