.truthTable{
  display: grid;
  pointer-events: none;
    background: rgb(238, 238, 238);
  grid-template-columns:50px 300px 150px 300px 150px 300px;
  grid-template-rows: 70px 350px 320px;
  grid-template-areas: 
  "tth tth . . . ."
  " . AND . OR . XOR "
  ".  NOT . LEFT . RIGHT "
  ;
}
.truthTableheading{
  grid-area: tth;
}
.ANDTable{ 
grid-area: AND;
}
.ORTable{
  grid-area: OR;
}
.XORTable{
  grid-area: XOR;
}
.NOTTable{
grid-area: NOT;
}
.LEFTShiftTable{
grid-area: LEFT;
}
.rightShiftTable{
grid-area: RIGHT;
}


.truthTable thead th {
  background-color: #e6e6e6;
  color: #000000;
  padding: 10px;
  border: 1px solid #ddd;
}