label {
  display: inline-block;
  width: 60px;
  margin: 5px;
}

input[type="text"]  {
  width: 300px;
}
    
#Err_disp {
  display: inline-block;
  opacity:50%;
} 

th {
  padding: 1px 10px;
}
td{
  text-align: center;
}
.match{
  color: lime;
}
.mismatch {
  color: red; 
}  
#legend {
  float:right;
}

.code {
  font-family: monospace;
  background: RGBa(128,128,128,0.7);
  padding: 2px 5px;
  border-radius: 3px;
  border: solid 1px RGBa(0,0,0,0.7);
}


@media (prefers-color-scheme: dark) {
  body {
    background: rgb(50,50,50);
    color: white;
  }
  a:link {
    color:rgb(128,128,255);
  }
  
  a:visited {
    color:rgb(128,128,192);
  }
  
  a:hover, a:focus {
    color:rgb(162,162,255);
  }
}