body.light .footer {
  background: hsl(var(--base-hue), 50%, 85%);
  color: black;
  border-top: 7px solid hsl(var(--base-hue), 100%, 30%);
}
body.light .footer span.notice {
  color: #333;
}
body.light .footer .external-list a {
  color: hsl(var(--base-hue), 100%, 20%);
}
.footer {
  border-top: 1px solid #555;
  background: black;
  color: white;
  padding: 2rem;
  margin-top: 1rem;
}
.footer span.notice {
  color: #aaa;
}
.footer .top {
  width: 100%;
  margin-bottom: 3rem;
}
.footer .external-list > span {
  font-weight: bold;
}
.footer .external-list a {
  color: hsl(var(--base-hue), 70%, 60%);
}
.footer .external-list a:hover {
  color: hsl(var(--base-hue), 100%, 80%);
}
body .home img, .footer img {
  height: 50px;
}