footer {
  margin-top: auto;            /* толкает футер вниз */
  padding: 1rem 2rem;
  background: #111;            /* тёмный фон */
  color: #aaa;                 /* светлый текст */
  font-size: 0.9rem;
  text-align: center;
}

html, body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}