html {
  height: 100%;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1 0 auto;
}

footer {
  margin-top: auto;
}

a:hover,
a:focus-visible {
  text-decoration: underline !important;
  text-underline-offset: 0.15em;
}

/* Mobile tweaks */
@media (max-width: 576px) {

  footer .copyright p {
    font-size: 0.95rem;
    margin-top: 20px;
  }

  footer .copyright a {
    font-size: 0.95rem;
  }
}