#main_table td,
#main_table th,
#main_table tr,
#euler_step_table td,
#euler_step_table th,
#euler_step_table tr
{
  padding-bottom: 1px;
  padding-top: 1px;
  border-width: 1px;
  border-color: white;
  border-style: dotted;
  font-family: "Archivo Narrow", sans-serif;
  background: black;
  color: white;
}

#main_table th,
#euler_step_table th {
  background: black;
  color: yellow;
}

#main_table a {
  color: cyan;
}

#main_table a:hover {
  background: #333;
}

#main_table .expansion td {
  text-align: left;
}

#main_table .float_byte,
#main_table .sign_bin,
#main_table .exponent_bin,
#main_table .fraction_bin {
  font-family: "Iosevka Fixed Web", monospace;
  margin-right: 0.25em;
}

#main_table .sign_bin {
  background: #0ff;
  color: black;
}

#main_table .sign_dec {
  color: #0ff;
}

#main_table .exponent_bin {
  background: #f3f;
  color: black;
}

#main_table .exponent_dec {
  color: #f3f;
}

#main_table .fraction_bin {
  background: #f99;
  color: black;
}

#main_table .fraction_dec {
  color: #f99;
}
#main_table .floatTitle {
  color: yellow;
  font-size: 110%;
  font-weight: bold;
}

#euler_step_demo {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
}

#euler_step_inputs {
  grid-area: 1/1/1/1;
}

#euler_step_output {
  grid-area: 1/2/1/2;
}

#euler_step_inputs input {
  font-size: 100%;
  color: white;
  background: black;
  border: solid thin white;
}
#euler_step_inputs input:disabled {
  background: #333;
}

.errormsg {
  border: thin solid yellow;
  background: #a00;
  color: white;
}