#dataTable {
  table-layout: fixed;
  width: 95%;
  margin-left: 30px;
}
#dataTable thead tr {
  height: 100px;
}
.defender {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  width: 25px;
}
.attacker {
  width: 65px;
}
.attackLabel {
  position: fixed;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  top: 50%;
  left: -30px;
  font-size: 30px;
}
.defenceLabel {
  font-size: 30px;
  margin-left: 50%;
  margin-bottom: 20px;
}
#dataTable tr:nth-child(8n-4)
{
  border-bottom: 1px dashed black;
}
#dataTable td:nth-child(8n-3)
{
  border-right: 1px dashed black;
}