.site-footer {
  position: relative;
  background: var(--color-metal);
  color: var(--color-paper);
  text-align: center;
  padding: 2rem 0;
  font-size: 0.9rem;
  border-top: 1px solid rgba(185, 121, 60, 0.2);
}

.site-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../../img/textures/metal046b.jpg") repeat;
  background-size: 220px 220px;
  opacity: 0.14;
  mix-blend-mode: screen;
  pointer-events: none;
}

.site-footer .container {
  position: relative;
  z-index: 1;
}

.site-footer a {
  color: var(--color-paper);
}

.site-footer a:hover {
  color: var(--color-wood);
}