.picksTable {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 8px;
  overflow-x: visible; /* Remove horizontal scroll on larger screens */
  display: table;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  table-layout: fixed;

}
  
  .picksTable thead {
    background-color: #f8f9fa;
  }
  
  .picksTable th {
    padding: 22px;
    font-weight: 600;
    color: #495057;
    text-transform: uppercase;
    font-size: 14px; /* Smaller font size for mobile */
    letter-spacing: 0.5px;
    white-space: nowrap; /* Prevent text wrapping in header */
    text-align: center;
  }
  
  .picksTable td {
    padding: 16px;
    border-top: 1px solid #e9ecef;
    color: #212529;
    font-size: 11px; /* Adjusted font size for mobile */
    text-align: center;
    font-family: 'Helvetica', Arial, sans-serif;
  }

  .correct {
    background-color: #ACD1AF;
  }

  .incorrect {
    background-color: #F47174;
  }

  .unknown {
    background-color: #808080;
  }
  
  .picksTable tbody td:hover{
    background-color: #f1f3f5;
    transition: background-color 0.3s ease;
  }  
  
  .picksTable tbody th:hover{
    background-color: #f1f3f5;
    transition: background-color 0.3s ease;
  }
  
  .picksTable tbody tr:last-child td {
    border-bottom: none;
  }
  
  .cbbPicks {
    margin: auto;
    width: 100%; /* Full width on mobile */
    max-width: 600px; /* Max width for larger screens */
    text-align: center;
  }
  
  .logo-cbb {
    height: 22px; /* Slightly smaller for mobile */
    width: 22px;
    vertical-align: middle; /* Align with text */
    margin-right: 0px; /* Add some space between logo and text */
  }
  
  .picks-container {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;  /* This centers the tab container and its children */
    display: block;
  }

  th.Game {
    width: 100%;
    text-align: center;
  }
  
  /* Media query for larger screens */
  @media (min-width: 768px) {
    .picksTable {
      display: table; /* Revert to table display on larger screens */
      overflow-x: visible; /* Remove horizontal scroll on larger screens */
      width: 75%;
      margin: auto;
      table-layout: fixed;
    }
  
    .picksTable th {
      padding: 22px;
      font-size: 16px;
    }
  
    .picksTable td {
      padding: 22px;
      font-size: 18px;
    }
  
    .cbbPicks {
      width: 50%; /* Revert to original width on larger screens */
    }
  
    .logo-cbb {
      height: 25px;
      width: 25px;
    }

    th.Game {
      width: 100%;
      text-align: center;
    }
  }