body {
  background-color: lightgray;
  max-width:50em;
}
table, th, td {
border: 1px solid black;
}

td {
text-align: center;
}

h1 {
  text-align: center;
}

div.chrom {
    overflow: scroll;
}

.hide {
  display: none;
}

.myDIV {
  color: blue;
}

.myDIV:hover + .hide {
  position: fixed;
  display: block;
  background-color: white;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px;
  color: red;
}

.errorMessages {
  color: red;
}