fixed-content {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: white; /* Adjust as needed */
  z-index: 1; /* Ensure it appears above other content */
  padding: 20px; /* Adjust spacing as needed */
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); /* Optional: Add shadow for better visibility */
}

table {
  width: 100%; /* Adjust the width as needed */
  border-collapse: collapse; /* Collapse the borders */
}

table, th, td {
  border: 1px solid #ccc; /* Table and cells border */
}

th {
  background-color: #f9f9f9; /* Light grey background for header */
  font-weight: bold; /* Make the header bold */
  padding: 10px; /* Add padding for header cells */
}

td, th{
  padding: 10px; /* Add padding for cells */
  text-align: center; /* Center text for all cells */
}

td:first-child, th:first-child{
  text-align: left; /* Align text to left for the first column */
}

.table-container {
  margin: 0 auto; /* This will center the container horizontally */
  width: fit-content; /* This will make the container width fit its content */
}