#senterboard{
  width: 95%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

#playerboard{
  width: 95%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1%;
}

table{
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

tr{
  width: auto;
  height: auto;
}

th{
  width: 120px;
  height: 150px;
  border: solid 3px;
  font-size: 25px;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-position: center;
  user-select: none;
  background-size: contain;
}

.player_th{
  width: 150px;
}

button.button1 {
  font-size: 20px;
  padding: 5px 20px;
  background-color: #506493;
  color: #fff;
  border-radius: 5px;
  border-style:  solid;
  border-color: silver;
}

button.button1:hover {
  background-color: #6ea2ba;
  color: #fff;
  border-color: silver;
}

button.button2 {
  font-size: 20px;
  padding: 5px 20px;
  background-color: #e34968;
  color: #fff;
  border-radius: 5px;
  border-style:  solid;
  border-color: silver;
}

button.button2:hover {
  background-color: #f1a2cc;
  color: #fff;
  border-color: silver;
}

button.button3 {
  font-size: 20px;
  padding: 5px 20px;
  background-color: #5da534;
  color: #fff;
  border-radius: 5px;
  border-style:  solid;
  border-color: silver;
}

button.button3:hover {
  background-color: #afe0a3;
  color: #fff;
  border-color: silver;
}

button.button4 {
  font-size: 20px;
  padding: 5px 20px;
  background-color: #f8ad3b;
  color: #fff;
  border-radius: 5px;
  border-style:  solid;
  border-color: silver;
}

button.button4:hover {
  background-color: #ffe684;
  color: #fff;
  border-color: silver;
}

button.button5 {
  font-size: 25px;
  padding: 5px 20px;
  background-color: #a336c1;
  color: #fff;
  border-radius: 5px;
  border-style:  solid;
  border-color: silver;
}

button.button5:hover {
  background-color: #e6a7fd;
  color: #fff;
  border-color: silver;
}

button.button6 {
  font-size: 20px;
  padding: 5px 20px;
  background-color: #3d9eff;
  color: #fff;
  border-radius: 5px;
  border-style:  solid;
  border-color: silver;
}

button.button6:hover {
  background-color: #88d4fc;
  color: #fff;
  border-color: silver;
}


h1{
  margin: 0%;
  margin-left: auto;
  margin-right: auto;
  height:160px;
  text-align: center;
  background-image: url("img/top.png");
  background-repeat: no-repeat;
  background: size 100%;
  background-position: center;
}

p{
  text-align: center;
  margin: 0;
  margin-bottom: 1%;
}