.table-container {
  overflow-x: auto;
}

table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

th, td {
  padding: 15px;
  border: 1px solid #ddd;
  text-align: left;
}

thead th {
  position: sticky;
  background: #002060;
  color: white;
}

tbody tr:nth-child(even) {
  background: rgb(225, 225, 225);
}

/* Media query for smaller screens */
@media screen and (max-width: 650px) {
  th, td {
    padding: 10px;
    word-break: break-word;
  }

  /* Arrange letters vertically */
  td:first-child {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
  }

  th, td {
    text-align: center;
  }

    /* Remove left borders and bottom borders from the first column */
    tr td:first-child {
      border-left: none;
      border-bottom: none;
    }
  
}