*{
  margin: 0;
  padding: 0;
}

body{
  background-color: #3683ff;
}

#content{
  position: absolute;
  top: 50%;
  left: 30%;

  margin-top: -14.5em;
  margin-left: -9em;

  width: 18em;
  height: 20em;

	display: flex;
	flex-direction: column;
	justify-content: center;
}

#canvas{
  height: 19em;
  width: 19em;

  background-color: white;
  border: 1px solid black;
}

#button{
  width: 23em;
}

#output{
  padding-left: 10%;

  position: absolute;

  width: 16em;
  height: 19em;

  /* background-color: yellow; */

  left: calc(30% + 11em);
  top: calc(50% - 14.5em);
}
#output span{
  font-size: 16em;
  font-family: sans-serif;
}