@media (prefers-color-scheme: light) {
  footer {
    background-color: var(--color-light);
  }
}

@media (prefers-color-scheme: dark) {
  footer {
    background-color: var(--color-shade-dm);
  }
}

footer {
  font-size: var(--font-size-xsmall);
  letter-spacing: var(--kern-narrow);
  padding: var(--spacing-base) 0;
  margin-top: var(--spacing-xxlarge);
}

footer p {
  margin: 0;
  word-break: break-word;
}

footer p.donate {
  display: flex;
}

footer p img {
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  display: inline-flex;
  margin: 0 var(--spacing-xsmall) 0 0;
}



@media only screen and (max-width: 480px) {

  footer {
    font-size: var(--font-size-small);
  }

}