body
{
    text-align: center;
    background-color: #071c24;
    position: absolute;
    margin: 0;
    width: 100%;
    height: 100%;
    align-content:center;
    font-family: 'Eczar', serif;
    font-weight: bold;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #020a0e91; 
    margin-top: 3em;
    margin-bottom: 3em;
    border-radius: 30px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #076969; 
    border-radius: 30px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #064e4e; 
  }
  
  
#TableWrapper
{
  background-color:#758186a9;
  width: 50%;
  height:50%;
  position:relative;
  left:25%;
  top:25%;
  border:0 solid transparent;
  border-radius:25px;
  overflow-y:scroll;
  
}
#LeaguesTable
{
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border-collapse: collapse;

}
#LeagueHeader
{
  width:70%; 
}
th
{
  height:2em;
  font-size:2em;
  border-bottom:1px solid black;

}
td
{
  font-size:1.3em;
}
.league
{
    cursor:pointer;
}
.CreateButton
{
  background-color:#0F9C94;
  height: 3em;
  width:150px;  
  position:absolute;
  top: 1em;
  right: 2em;
  border-radius:25px;
  cursor:pointer;
}
span
{
  color:#9fc3c3;
  font-size: 2em;
  position:relative;
  top:calc(100% - 1.4em);
}