table{
    
  margin-left: auto;
  margin-right: auto;
  text-align: center;
 
}
.table-responsive{
  
  overflow-x: auto;
  
}
.navbar {
  background-color:cornflowerblue;
  
}


h1{
  text-align: center;

}
h2{
  text-align: center;
}

h5{
  text-align: center;
}

p {
  text-align: center;
}

h4{
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}




table th{
  text-align: left;
  background-color: cornflowerblue !important;
}

table tr{
  text-align: left;
}

.schedule tr{
text-align: left;

}

.schedule th{
text-align: left;
}

.winrow{
   background-color: lightgreen;
}

.loserow{
  background-color: lightcoral;
}

.players tr{
border:1px solid black;
}

.players tr:nth-child(odd) {
  background: #e9f5f8}

.players{
  width: 80%;
  margin: 0 auto;
  overflow-x: auto;
  white-space: nowrap;
  width: 80% !important;
}

.schedule{
width: 80%;
margin: 0 auto;
overflow-x: auto;
white-space: nowrap;

}
.stickycol {
  position: -webkit-sticky;
  position: sticky;
  left: 0 !important;
  opacity: 1 !important;
  background-color:cornflowerblue;
  text-align: left;
}

.players tr {
text-align: center;
}

.players th {
text-align: center;
}

.players td{
border:1px solid black;
}

tr:nth-child(odd) {
background: #e9f5f8;
}
@media only screen and (max-width: 785px) {
  
  .schedule{
    font-size: x-small;
  }
    

    .sched1 { 
      display: none; 
      font-size: small;
} 
.scrolltable {
width: 100% !important;
}
  
.players{
 display: block;
 width: 100% !important;
}


.schedule{
width: 100%;
}




  


}