/* Container */
.thing1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: rgb(255, 255, 255);
}
.thing2 {
  margin-top: 3rem;
  margin-bottom: 3rem;
  padding: 1rem;
  max-width: 70rem;
  width: 100%;
  display: flex;  
  flex-direction: column;
}
.rankings-h1 {
  color: #31302f;
  letter-spacing: 0.1rem;
  font-style: oblique;
}
#rankings_table_container {
  width: 100%;
}
#rankings_table_container i {
    background-color: white;
    display: block;
    text-align: center;
    width: 100%;
    padding: 0.2rem 0;
    font-size: 0.8rem;
    color: rgb(113, 113, 113);
}
.rankings_table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.rankings_table th {
    position: sticky;
    top: 0;
    z-index: 10;
    background: linear-gradient(36deg, #473e35, #290f0f);
    padding: 0.5rem;
    text-align: left;
    border-bottom: 0.05rem solid black;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #ffffff;
}
.rankings_table td {
  padding: 0.75rem 0;
  text-align: center;
  background: #ffffff; /* dark red */
  border-bottom: 0.05rem solid gray; /* slightly lighter red for separation */
  font-size: 0.95rem;
  color: rgb(44, 33, 24);
}
.rankings_table td,
.rankings_table th {
  border: 0.05rem solid gainsboro;  
}
.rankings_table tr:nth-child(even) td {
  background: #fff6f1; /* alternate dark red shade */
}