/* Sticky footer layout */
html, body {
  height: 100%;            /* full height */
  margin: 0;               /* no default spacing */
  display: flex;
  flex-direction: column;  /* stack vertically */
}

#content {
  flex: 1;                 /* expand content to push footer down */
}

/* Footer styling */
footer {
  text-align: center;
  padding: 10px;
  background: #000;  /* black footer bar */
  color: #ccc;       /* grey text */
  font-size: 14px;
}