.content {
  margin: 0;
  padding: 0;
  grid-area: content;
  position: relative;
  min-width: 0;
}

.footer {
  margin: 4em 0 0 0;
  padding: 1em 0;
  border-top: 0.1rem solid rgb(var(--color-text));
}

.footer__text {
  font-size: var(--type-small);
  margin: 0 0 0.75em 0;
}

.footer__copyright {
  font-size: var(--type-x-small);
}

@media screen and (min-width: 50em) {

  .content {
    padding: 2.65em 6em 0 3.5em;
  }

}