#gameCanvas {
    border: 1px solid #ff0000;
}

.scores-container {
      float: right;
      text-align: right;
}

.score-container, .high-score-container {
    position: relative;
    display: inline-block;
    background: #bbada0;
    padding: 15px 25px;
    font-size: 25px;
    height: 25px;
    line-height: 47px;
    font-weight: bold;
    border-radius: 3px;
    color: white;
    margin-top: 8px;
    text-align: center;
}

.multiplier-container {
    position: relative;
    display: inline-block;
    background: #adbba0;
    padding: 15px 25px;
    font-size: 25px;
    height: 25px;
    line-height: 47px;
    font-weight: bold;
    border-radius: 3px;
    color: white;
    margin-top: 8px;
    text-align: center;
}

.num-moves-container {
    position: relative;
    display: inline-block;
    background: #a02222;
    padding: 15px 25px;
    font-size: 25px;
    height: 25px;
    line-height: 47px;
    font-weight: bold;
    border-radius: 3px;
    color: white;
    margin-top: 8px;
    text-align: center;
}

.high-move-container, .last-move-container {
    position: relative;
    display: inline-block;
    background: #2222a0;
    padding: 15px 25px;
    font-size: 25px;
    height: 25px;
    line-height: 47px;
    font-weight: bold;
    border-radius: 3px;
    color: white;
    margin-top: 8px;
    text-align: center;
}

.score-container:after {
    content: "Score";
    font-size: 13px;
}

.multiplier-container:after {
    content: "Multiplier";
    font-size: 9px;
}

.num-moves-container:after {
    content: "Moves";
    font-size: 13px;
}

.high-score-container:after {
    content:"Best";
    font-size: 13px;
}

.high-move-container:after {
    content:"Best Move";
    font-size: 10px;
}

.last-move-container:after {
    content:"Last Move";
    font-size: 13px;
}

.score-container:after, .high-score-container:after,
  .multiplier-container:after, .num-moves-container:after,
  .high-move-container:after, .last-move-container:after {
    position: absolute;
    width: 100%;
    top: 10px;
    left: 0;
    text-transform: uppercase;
    line-height: 13px;
    text-align: center;
    color: #eee4da;
}

.restart-button, .menu-button, .start-button {
  display: inline-block;
  background: #8f7a66;
  border-radius: 3px;
  padding: 0 20px;
  text-decoration: none;
  color: #f9f6f2;
  height: 40px;
  line-height: 42px;
  display: block;
  text-align: center;
}
.restart-button, .menu-button {
    float: right;
}
.wraparound, .swapDirections, .start-button {
    float: center;
}