/* Footer */
footer {
  margin-top: 56px;
  text-align: center;
  color: var(--soft);
  font-size: 0.82rem;
  line-height: 1.8;
  padding-bottom: 20px;
}
footer a {
  text-decoration: none;
  font-weight: 600;
  color: var(--text);
  transition: opacity 0.2s;
}
footer a:hover { text-decoration: underline; }
footer .made-by {
  color: inherit;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.2s;
}
footer .made-by:hover { color: var(--text); }

footer .footer-made { margin-top: 14px; }