footer {
  display: grid;
  grid-template-areas: 'copyright links';
  align-items: center;
  padding: 0.5em 2em;
  margin: 0;
}

footer p {
  margin: 0;
}

footer a {
  color: var(--darkText);
}

#footerCopyright {
  grid-area: copyright;
  color: var(--darkText);
}

#footerLinks {
  grid-area: links;
  text-align: end;
}

#footerLinks a {
  padding-left: 1em;
  padding-right: 1em;
}

#footerLinks a + a {
  border-left: 0.1em solid var(--separator);
  padding-right: 0;
}