game.css

.table {
  border-collapse: collapse;
  border : 4px solid #2B0E00;
}

.o {
  background-color: #b58863;
}

.e {
  background-color: #f0d9b5;
}

.pawnWselect:hover{
	cursor:pointer;
  filter: opacity(30%);
  -webkit-filter: opacity(30%);

}

.pawnBselect:hover{
  cursor:pointer;
  filter: opacity(30%);
  -webkit-filter: opacity(30%);
}

.arrow{
  -webkit-animation: mymove 300ms; /* Chrome, Safari, Opera */
  animation: mymove 300ms;

}

@keyframes mymove{
  from {max-width: 10%; padding-left: 20%;}
  to {max-width: 60%; padding-left: 20%;}
}

@-webkit-keyframes mymove {
  from {max-width: 10%; padding-left: 20%;}
  to {max-width: 60%; padding-left: 20%;}
}

.pawnTurn{
  filter: opacity(30%);
  -webkit-filter: opacity(30%);
}