.footer-bottom {
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
}

.developer-credit {
  margin-left: auto;
  text-align: right;
}

.developer-credit a {
  color: var(--ink);
  font-weight: 700;
  border-bottom: 1px solid var(--gold);
  transition: color .2s;
}

.developer-credit a:hover {
  color: #a96f00;
}

@media (max-width: 640px) {
  .footer-bottom {
    align-items: flex-start;
  }

  .developer-credit {
    margin-left: 0;
    text-align: left;
  }
}