body {
        font-family: Arial, sans-serif;
        margin: 20px;
    }

h1 {
    color: #333;
    }

/* Basic table styling */
table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
}

/* Table header styling */
th {
  background-color: #f2f2f2;
  color: #333;
  padding: 10px;
  text-align: left;
  border-bottom: 2px solid #ddd;
  border-radius: 8px 8px 0 0; /* Rounded corners for the header */
}

/* Table row styling */
tr {
  background-color: #fff;
  transition: background-color 0.3s ease;
}

/* Hover effect on table rows */
tr:hover {
  background-color: #f5f5f5;
}

/* Table cell styling */
td {
  padding: 12px;
  border-bottom: 1px solid #ddd;
  border-radius: 0 0 8px 8px; /* Rounded corners for the cells */
}

/* Alternating row colors */
tr:nth-child(even) {
  background-color: #f9f9f9;
}