body {
  background-color: #f7f7f7;
  color: black;
  margin: 0;
  padding: 0;
}

.nav {
  background-color: #f7f7f7;
  border-bottom: 1px solid black;
  display: flex;
  align-items: flex-end;  
  justify-content: space-between;
  position: fixed;
  top: 0;
  width: 100%;
}

.nav-title {
  color: black;
  text-align: center;
  padding: 14px 16px;
  font-size: 28px;
}

.nav-links {
  display: flex;
  align-items: flex-end;
}

.nav a {
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 18px;
}

.content {
  margin-top: 60px;
  padding: 16px;
  display: flex;
  justify-content: center;
}

.main-section {
  display: flex;
  justify-content: center;
  align-items: center;
}

.text-content {
  width: 45%;  /* Constrain width to 50% of the page */
  margin: 0 auto;  /* Center the block horizontally */
  text-align: left;  /* Center text within the block */
}
.image-content {
  text-align: center;  /* Center content horizontally */
}
.image-content img {
  max-width: 200px; /* Adjust as needed */
  max-height: 200px; /* Adjust as needed */
}

.hidden {
  display: none;
}

.text-content h2 {
  text-align: center;  /* Center-align h2 headers within the .text-content block */
}

.email-status.success {
  color: green;
}

.email-status.error {
  color: red;
}

#submitButton {
  background-color: #DFF0D8; /* Pastel green */
  border: none;
  border-radius: 4px; /* Rounded corners */
  padding: 15px 32px; /* Adjust as needed */
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}