header,
main,
body,
footer {
	font-family: serif;
	margin: 0 auto;
	padding: 30px 20px 0 20px;
	max-width: 600px;
}
a{
	color: black;
	text-decoration: none;
	background-color: #f0f0f0;
}
ul{
	list-style-type: square;
}
h1{
	font-size: 16px;
}
/* Base navigation styles */
nav a {
  text-decoration: none;
  color: #555;
  padding: 10px 15px;
  transition: color 0.3s ease;
}

/* Hover state for all links */
nav a:hover {
  color: #000;
}

/* The "Active" state */
nav a.active {
  color: #007bff; /* A nice blue */
  font-weight: bold;
  border-bottom: 2px solid #007bff;
}