/*pushes down the footer. that's it!*/
body {min-height: 100vh; /* Ensure body takes at least viewport height */
  display: flex;
  flex-direction: column; /* Stack children vertically */}

/*footer that stays at the bottom of the page*/
#content {
  flex: 1; /* Critical: Takes remaining space, pushing footer down */}