body {
  padding: 50px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a {
  color: #00B7FF;
}

footer {
  position: fixed; /* Fixes the element relative to the viewport */
  bottom: 0;       /* Aligns it to the bottom */
  left: 0;         /* Aligns it to the left */
  width: 100%;     /* Makes it span the full width */
  background-color: #343a40; /* A standard dark background color (like Bootstrap's bg-dark) */
  color: #f8f9fa;  /* A light color for the text (like Bootstrap's text-light) */
  padding: 10px 0; /* Adds some vertical padding (top/bottom 10px, left/right 0) */

  /* Use Flexbox to center content */
  display: flex;
  flex-direction: column; /* Stack image and text vertically */
  align-items: center;    /* Center items horizontally */
  justify-content: center;/* Center items vertically (if footer had extra height) */
}

footer img {
  /* Optional: add a little space below the image */
  margin-bottom: 5px;
}

footer p {
  margin: 0; /* Remove default paragraph margin */
  font-size: 0.9em; /* Optional: slightly smaller text */
}