body {
  background-color: white;
  color: black;
  font-family: Helvetica;
  font-size: 16px;
  margin: 25px;
}

.navbar {
  overflow: hidden;
  /*position: fixed; /* Fixed position so it remains at the top */
  top: 0; /* Distance from the top of the viewport */
  width: 100%; /* Full width */
  margin-bottom: 10px;
}

.navbar a {
  float: left; /* Float the links to the left */
  display: block; /* Display as block elements */
  color: #00000; /* Text color of the links */
  text-align: center; /* Center align the text */
  padding: 5px 5px; /* Padding around the links */
  margin-top: 2.5px;
  text-decoration: none; /* Remove underline from links */
}

.navbar a:hover {
  color: #b85146; /* Change color on hover if desired */
}

.navbar a:visited {
  color: #000000; /* Set the color for visited links */
}

a {
  text-decoration: none;
  color: #000000;
}

a:visited {
  color: #000000; /* Set the color for visited links */
}

.content {
  margin-top: 20px; /* Margin to push content below the navbar */
  /* Adjust this value based on the height of your navbar */
}

.container {
  display: flex; /* Use flexbox */
}

.left-column, .right-column {
  flex: 1; /* Both columns grow and shrink equally */
  /*padding: 20px; /* Add padding for spacing */
}

img {
  max-width: 100%; /* Ensure the image doesn't exceed its container */
  height: auto; /* Maintain aspect ratio */
}