body {
  background: white;
}



table {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
border-radius: 10px;
font-size: 20px;
border-spacing: 0;
text-align: center;
}
th {
background: #2a3d63;
color: white;
text-shadow: 0 1px 1px #2D2020;
padding: 10px 20px;
  height: 50px;
  width: 50px
}
th,td {
  height: 80px;
  width: 80px;
border-style: solid;
border-width: 0 3px 3px 0;
}

th:first-child, td:first-child {
text-align: left;
}
th:first-child {
border-top-left-radius: 10px;
}
th:last-child {
border-top-right-radius: 10px;
border-right: none;
}
td {
padding: 10px 20px;
}

tr:last-child td:first-child {
border-radius: 0 0 0 10px;
}
tr:last-child td:last-child {
border-radius: 0 0 10px 0;
}
tr td:last-child {
border-right: none;
}
.points {
  background-color: rgb(250,172,17);
  color: black;
}
.pointswin {
  background-color: rgb(224,224,224);
  color: black;
}
.points.two {
  background-color: rgb(248,248,248);
  color: black;
}
.points.three {
  background-color: rgb(248,248,248);
  color: black;
}
.points.four {
  background-color: rgb(248,248,248);
  color: black;
}
.points.five {
  background-color: rgb(248,248,248);
  color: black;
}
.points.six {
  background-color: rgb(248,248,248);
  color: black;
}


.shodowred {
  background-color: rgb(248,248,248);
  color: black;
}
.top20 {
  background-color: rgb(240,240,240);
  color: black;
}
.top30 {
  background-color: rgb(237,189,151);
  color: black;
}
.top40 {
  background-color: rgb(223,255,244);
  color: black;
}

.top10 {
  background-color: rgb(255,242,196);
  color: black;
}
.los {
  background-color: rgb(255,242,196);
  color: black;
}

.win {
  background-color: rgb(152,251,152);
  color: black;
}

.shodowgreen {
  background-color: rgb(248,248,248);
  color: green;
}

.table2 {
position: absolute;
  top: 650px;
}

a.button10 {
  display: inline-block;
  color: black;
  font-size: 125%;
  font-weight: 700;
  text-decoration: none;
  user-select: none;
  padding: .25em .5em;
  outline: none;
  border: 1px solid rgb(250,172,17);
  border-radius: 7px;
  background: rgb(250,172,17) linear-gradient(rgb(250,172,17), rgb(250,172,17));
  box-shadow: inset 0 -2px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,0);
  transition: box-shadow .2s, border-color .2s;
} 
a.button10:hover {
  box-shadow: inset 0 -1px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,.5);
}
a.button10:active {
  padding: calc(.25em + 1px) .5em calc(.25em - 1px);
  border-color: rgba(177,159,0,1);
  box-shadow: inset 0 -1px 1px rgba(0,0,0,.1), inset 0 1px 2px rgba(0,0,0,.3), inset 0 0 0 60px rgba(255,255,0,.45);
}