body {
      font-family: sans-serif;
  }
  .output, input {
      font-size: 10pt;
      position: absolute;
      height: 1.8em;
      width: 50pt;


  }
  input {
      border: black;
       background: #EEE;
       opacity:0.5;
  }
  .output {
      background: rgb(73, 71, 209);
      pointer-events: none;
      padding-top: 2pt;
      height: 14pt;
  }
  input:focus + .output {
      display: none;
  }
  table {
      border-collapse: collapse;
  }
  td > div {
      width: 55pt;
      height: 16pt;
  }
  td {
      border: 1px solid rgb(20, 20, 20);
  }
  .column-label > td, .row-label {
      text-align: center;
      background: #EEE;
  }
  .row-label {
      width: 2em;
  }