table {border-spacing:0;border-collapse:collapse;}
table td,table th{border:1px solid gray;margin:0;padding:3px;}
table th{font-weight:bold;}
table#allplayers td:nth-child(5) {text-align:right;}
table#allplayers td:nth-child(6) {text-align:right;}
table#allplayers td:nth-child(7) {text-align:right;}
table#allplayers td:nth-child(9) {text-align:center;color:red;font-weight:bold;}
table.scouting td:nth-child(5) {text-align:right;}
table.scouting td:nth-child(6) {text-align:right;}
table.scouting td:nth-child(7) {text-align:right;}
table.scouting td:nth-child(9) {text-align:center;color:red;font-weight:bold;}
.playertmp{display:none;}
.grbold{color:green;font-weight:bold;}

.star-full{
  position:relative;
  display:inline-block;
  overflow:hidden;
  color:yellow;
  -webkit-text-stroke:0.5px black;
  font-size:25px;
}
.star-empty{
  position:relative;
  display:inline-block;
  overflow:hidden;
  color:black;
  -webkit-text-stroke:0.5px black;
  font-size:25px;
}
.star-half{
  position:relative;
  display:inline-block;
  font-size:25px;
  -webkit-text-stroke:0.5px black;
  color:transparent;
  c-olor:black;
  overflow:hidden;
  white-space:pre;
}
.star-half::before{
  position:absolute;
  display:block;
  color:yellow;
  z-index:1;
  top:0;
  width:50%;
  content: attr(data-content);
  overflow:hidden;
  pointer-events:none;
}
.star-half::after{
  position:absolute;
  display:block;
  color:black;
  z-index:2;
  top:0;
  left:50%;
  direction:rtl;
  width:50%;
  content: attr(data-content);
  overflow:hidden;
  pointer-events:none;
}

@media only screen and (max-width: 600px) {

  h1{
    text-align:center;
    align:center;
  }
  select{
    font-size:36px;
  }

}