.Title {
    color: #CCFFCC;
    font-size: large;
    text-align: center;
  }
table {
    font-size: calc(10px + 0.390625vw);
    border: 1px solid white;
    border-collapse: collapse;
    max-width:100%;
    white-space:nowrap;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; /* Safari */
}
  .theme {
    color: white;
    background: #012154;
  }
  .BigPinkFont {
    color: #FF9999;
    font-weight: bold;
    font-size: large;
  }
  .SmallFont {
    font-size: x-small;
  }
  .SmallBlueFont {
    font-size: x-small;
    color: #00FFFF;
  }
  .SmallYellowFont {
    font-size: x-small;
    color: #FFFF00;
  }
  .YellowBoldFont {
    color: #FFFF00;
    font-weight: bold;
  }
  .GreenFont {
    color: #00FF00;
    font-weight: bold;
  }
  .BlueFont {
    color: #00FFFF;
    font-weight: bold;
}
  .PurpleFont {
  color: #CC66FF;
  font-weight: bold;
}

.RedFont {
  color: #FF99CC;
  font-weight: bold;
}
.ScarletFont {
  color: red;
  font-weight: bold;
}
  a {
    color: #ADEEEE;
  }
  table, th, td {
    border: 1px solid white;
    border-collapse: collapse;
  }
  table.tableNoBorder {
    font-size: 16px;
    border-collapse: collapse;
    border: none;
    border-spacing: 3px;
  }
  table.tableNoBorder td{
    border: none;
    padding: 15px;
  }
  table.table0 {
    font-size: 13px;
    border-collapse: collapse;
    border: 1px solid white;
    border-spacing: 2px;	    
  }
  table.table0 th {
    background-color: #003300;
    font-weight: bold;
    text-align: center;
    border: 1px solid white;
}
table.table0 td {
  border: 1px solid white;
  padding: 2px;
}
  table.table1 {
    font-size: 13px;
    border-collapse: collapse;
    border: 1px solid white;
    border-spacing: 2px;	    
  }
  table.table1 tbody:nth-child(even) tr:nth-child(even) {background-color: #0066cc}
  table.table1 th {
    background-color: #003300;
    font-weight: bold;
    text-align: center;
    border: 1px solid white;
}
  table.table1 td {
      border: 1px solid white;
      padding: 2px;
  }
  table.tableRace {
    font-size: 13px;
    color: black;
    border-collapse: collapse;
    border: 1px solid black;
    border-spacing: 1px;
  }
  table.tableRace th {
    background-color: #003300;
    font-weight: bold;
    text-align: center;
    color:white;
    border: 1px solid black;
}
table.tableRace td {
  border: 1px solid black;
  padding: 1px;
}
.Select1 {
    background-color: #008000;
}
.Select2 {
    background-color: #C48F3D;
}
.Select3 {
    background-color: #CE2EA6;
}
.Select4 {
    background-color: #1877A6;
}
.Select5 {
    background-color: #245D7A;
}
.GreyBack {background-color: grey;}
.RedBack{background-color: Red;}
.BlueBack{background-color: Blue;}
.SplitBack{background: linear-gradient(to right, red 50%, blue 51%)}
.GoldBack{background-color: rgb(255, 237, 35); color: black;
}

.G0 {
  background-color: #CCCC00;
}
.G1 {
  background-color: #FFBBBB;
}
.G2 {
  background-color: #A3E4FE;
}
.G3 {
  background-color: #CCFFCC;
}
table.sortable thead {
font-weight: bold;
cursor: default;
}
.cross {
  text-decoration: line-through;
}

.container {
  height: 100%;
  width: 80%;
  margin:auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.divtitle{
  background-color: burlywood;
  font-weight: bolder;
  color:blue;
  text-align: center;
}

.leftsection {
  float: left;
  width: 30%;
}

.rightsection {
  float: right; 
  width: 70%; 
  margin: 20px;
  font-size: 13px;
  line-height: 1.6
}