html {
color: white;
  letter-spacing: 3px;
  font-family:  helvetica, arial, sans-serif;

}

header {
background-color:Black;
}

body {
background-image:url(panda_wellcome_2.jpg);
  margin:0;
  padding:0;

  background-position:right center;
  /*background-size: cover;*/
}

table {
margin:auto;
  border-collapse: separate;
  border: none;
  border-spacing: 15px;
}

a {
color : black;
}

td {

  text-align: center;

  letter-spacing: 3px;
  font-family:  helvetica,  sans-serif;
  width: 160px;
  font-size: 1.4rem;
  line-height: 2;
  border-radius: 10px;
  border: none;
  background-image: linear-gradient(to bottom right, #fff, #000);
  box-shadow: 1px 1px 1px black,
              inset 2px 3px 5px rgba(0,0,0,0.5),
              inset -2px -3px 5px rgba(255,255,255,0.5);
}

td:focus, td:hover { 

  background-image: linear-gradient(to bottom right, #FFF, #00BBBB);
}

td:active {
  box-shadow: inset 2px 2px 1px black,
              inset 2px 3px 5px rgba(0,0,0,0.3),
              inset -2px -3px 5px rgba(255,255,255,0.5);
}