/*
 * Sticky Footer: https://materializecss.com/footer.html#sticky-footer
 * A sticky footer always stays on the bottom of the page regardless of how
 * little content is on the page. However, this footer will be pushed down if
 * there is a lot of content, so it is different from a fixed footer.
 *
 * Note: This may cause issues in Internet Explorer which has weak support for
 *       flexbox.
 */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main {
  flex: 1 0 auto;
}