body {
  font-family: sans-serif;
  margin: 0;
  padding: 0;
}
header {
  background-color: #333;
  color: white;
  padding: 1em 0;
  text-align: center;
}
nav {
  background-color: #f0f0f0;
  padding: 1em 0;
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
nav li {
  display: inline-block;
  margin: 0 10px;
}
main {
  padding: 20px;
  max-width: 800px;
  margin: 0 auto;
}
h2 {
  margin-top: 1.5em;
}
a {
  color: blue;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/* Table Styles */
table {
  width: 100%; /* Table stretches to full width of its container */
  border-collapse: collapse; /* Removes spacing between cells */
  margin: 20px 0; /* Adds spacing above and below the table */
}
th,
td {
  border: 1px solid #ddd; /* Light border for cells */
  padding: 10px; /* Adds padding inside cells for better readability */
  text-align: left; /* Aligns text to the left by default */
}
th {
  background-color: #f0f0f0; /* Slightly shaded background for headers */
  font-weight: bold; /* Makes header text bold */
}
tr:nth-child(even) {
  background-color: #f9f9f9; /* Alternating row background for easier reading */
}
tr:hover {
  background-color: #eef; /* Soft highlight when hovering over a row */
}
caption {
  caption-side: top; /* Caption appears above the table */
  font-size: 1.2em; /* Slightly larger font for emphasis */
  font-weight: bold; /* Bold text for the caption */
  margin-bottom: 10px; /* Adds spacing between the caption and the table */
}