main {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: flex-start;
}

#display-table {
  margin-top: 20px;
  font-family: monospace;
  border-collapse: collapse;
  width: 100%;
}

#display-table tbody th {
    border-radius: 2px;
}

i {
    margin-left: 10px;
}

#display-table {
    border-radius: 10px;
}

#display-table tbody td,
#display-table th {
  border: 1px solid #ddd;
  padding: 8px;
}

.higher {
    color: #2B4162;
}

.lower {
    color: #DB162F;
}

.correct {
    color: #aec859
}

#display-table tbody tr:nth-child(even) {
  background-color: #f2f2f2;
}

#display-table tbody tr:hover {
  background-color: #ddd;
}

#display-table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #0468aa;
  color: white;
  font-weight: bold;
  min-width: 10vw;
}