canvas {
  background-color: darkgreen;
}

.info-text {
  margin: 1vw;
  font-size: large;
}

.button {
  font-size: medium;
  margin: 1vw;
  background-color: beige;
}

/* make stuff centered horizontally */
.center {
  text-align: center;
}

.message-box {
  background-color:rgb(255, 255, 255, .95);
  border: 8px solid steelblue;
  padding: 16px;
  /* next line is so that we can float this message box over the canvas.
     Its position is set in the code.  */
  position: fixed;
  font-size: x-large;
}