html, body {
    margin: 0px;
    padding: 0px;
}

.stats_table td {
    text-align: right;
    border: 1px solid grey;
    border-right: 1px solid grey;
}

a {
    color: yellow!important;
}

h1, h4, h6 {
    color: yellow;
    text-align: center;
}

.ct_red   { background-color: red; }
.ct_green { background-color: lightgreen; }

#features {
    background-color: white;
    min-width: 100%;
}

#features h1, h6 {
    color: blue;
}

.hf_txt_color {
    color: yellow!important;
}

.txt_color {
    color: blue!important;
}

#no_games {
    background-color: yellow;
    border: 4px solid blue;
    color: blue;
    font-size: 30px;
    min-width: 100%;
    text-align: center;
}

.tac {
    text-align: center;
}

#last_season {
    background-color: #add8e6;
}

#this_season {
    background-color: lightgreen;
}

#minus_points {
    background-color: #FFB6C1;
}

#plus_points {
    background-color: #FFB6C1;
}

#equal_points {
    background-color: #ADD8E6;
}

.table-responsive {
  overflow-x: auto;
  position: relative;
}

/* Sticky first column */
.table th:first-child,
.table td:first-child {
  position: sticky;
  left: 0;
  background: white; /* ensures text isn’t overlapped by scrolling part */
  z-index: 3;
}

/* Sticky second column */
.table th:nth-child(2),
.table td:nth-child(2) {
  position: sticky;
  left: 80px; /* adjust based on actual width of first column */
  background: white;
  z-index: 2;
}