/* Main styles */
body {
  font-family: 'Inter', sans-serif;
  background-color: #808c9e;
  color: #101804;
  margin: 0 15%;
}

.container {
  max-width: 960px;
  margin: 0 auto;
  padding: 20px;
  background-color: #c48430;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h1 {
    font-size: 75px;
}

h2, h3 {
font-size: 40px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Sedgwick Ave Display', cursive;

  text-align: center;
  color: #1a1a1a;
}

table {
    font-family: 'Inter', sans-serif;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 20px;
}

table th, table td {
  border: 1px solid #292a4261;
  padding: 10px;
  text-align: left;
  vertical-align: middle;
  
}

table th {
  background-color: #172212;
  color: #e5d4ca;
}

/* Navigation styles */
.nav {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.nav a {
  display: inline-block;
  padding: 10px 20px;
  background-color: #808c9e;
  color: white;
  border-radius: 5px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.nav a:hover {
  background-color: #808c9e;
}

.nav a.active {
  background-color: #808c9e;
}

/* Standings styles */
table {
  margin-bottom: 40px;
  border: 1px solid #292a4261;
}

 table th {
  background-color: #1b3246;
  border: 1px solid #292a4261;
  color: white;
}

 table td {
     border: 1px solid #292a4261;
 
}

 table tr:nth-child(2n) {
  background-color: white!important;
  color: black;
}

 table tr:nth-child(2n+1) {
  background-color: #2942362e;
  color: white;
}

/* Footer styles */
footer {
  text-align: center;
  padding: 20px;
  background-color: #c48430;
  border-top: 1px solid #808c9e;
  color: #e5d4ca;
}