body {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arimo, Arial, Verdana, sans-serif;
  margin-left: 20px;
}

body > div {
  margin: 20px 0;
}

#title {
  margin: 10px 0;
  padding: 0;
}

#chars {
  display: block;
  margin-bottom: 10px;
}

#chars label {
  margin: 0 5px;
  font: 1em Consolas, Menlo, Monaco, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", Cousine, monospace;
}

#code {
  display: block;
  margin-bottom: 5px;
  font: 1em Consolas, Menlo, Monaco, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", Cousine, monospace;
}

.code-valid {
  background-color: #E9F7EF;
}

.code-invalid {
  background-color: #FDEDEC;
}

#check {
  margin-right: 5px;
}

#status {
  font-weight: bold;
}

.status-valid {
  color: green;
}

.status-invalid {
  color: red;
}