body {
  margin: 0;
  height: 100vh; /* Full viewport height */
  display: flex;
  flex-direction: column; /* Stack items vertically */
  justify-content: center; /* Center image vertically (adjusted below) */
  align-items: center; /* Center image horizontally */
  background-color: black; /* Background color for visibility */
}

main {
  flex: 1; /* Pushes the footer to the bottom */
  display: flex;
  justify-content: center;
  align-items: center;
}

img {
  max-width: 100%; /* Prevents image from overflowing */
  max-height: 100%; /* Ensures image fits in the viewport */
}

footer {
  text-align: center;
  color: white; /* White for readability */
  font-size: 14px; /* Adjust font size as needed */
  padding: 10px 0; /* Optional spacing from the bottom */
}