body {
  font-family: helvetica, arial, sans-serif;
  margin: 2em;
   background-color: #CCC
}

h1 {
  font-style: italic;
  color: #FF6F00;
}


#canvas2 {
  display: block;
  width: 28px;
  height: 28px;
  margin: 10px auto 0px auto;
  zoom: 6;
  background-color: #FFF
}

#canvas1 {
  display: block;
   margin:0px 0px 0px 0px;
   background-color: #FFF
}

p {
  margin: 5px;
}

p#prediction {
  font-size: 20pt;
  margin: 10px;
  text-align: center;
}

p#prediction.correct {
  border: 2px solid #00ff00;
  color: #00ff00;
  font-size: 100pt;
}

p#prediction.wrong {
  border: 2px solid #ff0000;
  color: #ff0000;
  font-size: 100pt;
}

.box {
  width: 45%;
  margin: 1%;
  border: 1px dashed #cdcdcd;
  display: inline-block;
  min-height: 400px;
  text-align: center;
  float: left;
}