body {
  background-color: #284d22;
  max-width: 640px; /* Or any desired width */
  margin: 0 auto;
  color: #e8d6ca;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  text-align: center;
  font-size: 24px;

}

p {
  color: #bcfab1;
}

ul {
  color: #bcfab1;
}

h1 {
  color: #46bd31;
}

h2 {
  color: #46bd31;
}

a:link {
  color: #197559;
}

a:visited {
  color: #197559;
}

a:hover {
  color: #913fba;
  text-decoration: underline;
}

a:active {
  color: #913fba;
}

.navigation-bar {
  display: flex;       /* Activates flexbox layout */
  justify-content: center; /* Centers the images within the container */
}

image-container img {
  width: 33.33333333333%;          /* Sets each image to take up roughly one-third of the container width */
  height: auto;        /* Maintains the image's aspect ratio */
}