body {
    background-color: #0D161D;
}

H1{
    margin: auto;
    text-align: center;
    color: white;
}

H2{
    margin: auto;
    text-align: center;
    color: white;
    margin-bottom: 20px; /* Space between the table and the chart */
}



H3{
    color: white;
    position: absolute;
    text-align: right;
    top: 10px;
    right: 10px;
}

button {
    position: absolute;
    top: 10px;
    left: 10px;
}


#countDown{
    margin-bottom: 30px;
}

#countDownVar{
    color: #FF5733;
    
}

#groupTot{
    color: #fcba03;
}

#joinClub{
    position: absolute;
    top: 10px;
    left: 10px;
}

#ldrbrd{
    position: absolute;
    top: 10px;
    left: 10px;
}

/* Below is all of the table and chart layout styles*/


.layout {
    display: none; /* Hide all layouts by default */
}

#individualLayout.active,
#teamLayout.active {
    display: block;
}

.container {
    text-align: center;
    max-width: 800px; 
    margin: 0 auto;
}


#indTableDiv{
    display: inline-flex
}

#groupTotCanvas{
    flex: 1
}

#indTab{
     flex: 5
}
.inner-div {
    margin-bottom: 20px;
    margin-top: 20px;
}

table{
    color: white;
    border-collapse: collapse;
    margin: 0 auto; /* Center the table horizontally */
    width: 40%;
}

#teamTableDiv{
    font-size: 20px;
}

th, td {
    padding: 2px;
    text-align: center;
}