/* General Styles for the Information Pages */
body {
  background-color: #f9f2e9;
}
#info {
  padding: 15px;
  max-width: 1000px;
  margin: 60px auto;
  background-color: #f6f6e2;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  line-height: 1.8;
}

#info h2 {
  font-size: 32px;
  margin-bottom: 30px;
  color: #000000; /* Darker, more formal theme color */
  border-bottom: 2px solid #654321; /* Add an accent color */
  padding-bottom: 10px;
}

#info p {
  font-size: 20px;
  text-align: left;
}

#info p:last-child {
  margin-bottom: 0; /* Remove margin from last paragraph */
}

#info::before {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  background-color: #654321; /* Accent color */
  margin-bottom: 20px;
  border-radius: 2px;
}

/* Additional styles for a responsive layout */
@media only screen and (max-width: 600px) {
  #info {
    margin: 20px;
  }

  #info h2 {
    font-size: 28px;
  }

  #info p {
    font-size: 18px;
  }
}