.char {
  font-family: monospace;
  font-size: 20pt;
  white-space: pre-wrap;
  display: inline-block;
  min-width: 20px;
}

.not-encoded {
  border-bottom: 5px solid red;
  color: red;
}

.bytes {
    display: inline-block;
}

.input {
  float: left;
}

.char-data {
  float: right;
  margin-right: 50px;
}

.byte {
    font-family: monospace;
    color: #4a4;
    background: #333;
    border-radius: 10px;
    font-weight: bolder;
    margin: 3px;
    opacity: 0.90;
    font-size: 16pt;
}

.highlighted-bytes {
  background: #dda;
  opacity: 1;
}

.segment:nth-child(2n + 1) {
  background: #f2f2f2;
}

.segment {
  border: 1px solid gray;
  border-radius: 5px;
}