body {
  font-family: "Times New Roman", Times, serif;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}

header, footer {
  font-family: "Times New Roman", Times, serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Times New Roman", Times, serif;
}

header {
  background-color: #222222;
  color: #fff;
  padding: 10px;
}

header h1 a {
  color: #fff;
  text-decoration: none;
}

nav ul {
  list-style-type: none;
}

nav ul li {
  display: inline;
  margin-right: 10px;
}

nav ul li a {
  color: #fff; /* Set your preferred color for unvisited links */
  text-decoration: none; /* Optional: removes underline */
}

nav ul li a:visited {
  color: #fff; /* Change this to your preferred color for visited links */
}

main {
  padding: 20px;
}

footer {
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 10px;
  margin-top: 20px;
}

.people-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 30px; /* Space between people */
  margin: 20px;
}

.person {
  display: flex;
  align-items: center; /* Center image and bio vertically */
  max-width: 350px;
  width: 100%;
  margin-bottom: 20px;
}

.person-image {
  border-radius: 50%; /* Makes the image circular */
  width: 150px; /* Fixed width for the image */
  height: 150px; /* Fixed height for the image */
  object-fit: cover; /* Makes sure the image covers the area nicely */
  margin-right: 20px; /* Space between image and bio */
}

.bio {
  max-width: 200px; /* Limits the width of the bio text */
}

.bio h2 {
  font-size: 1.5em;
  margin-bottom: 10px;
}

.bio p {
  font-size: 1em;
  line-height: 1.5;
}

footer a {
  color: #fff;             
  text-decoration: none;
}

footer a:hover,
footer a:active {
  color: #fff;    
  background-color: #555;
}