/* ----------------------------------------------------------- */
/* == footer */
/* ----------------------------------------------------------- */

.footer {
  padding-top: 18rem;
  padding-bottom: 10rem;
  background: $color-primary url("/images/triforce.svg") no-repeat;
  background-position: center 10rem;
  text-align: center;
  color: #8f92ae;
}

.footer :where(a, a:visited, a:link) {
  cursor: pointer;
  text-decoration: underline;
  // color: inherit;
}

.footer__logo:where(:link, :visited) {
  display: inline-block;
  text-decoration: none;
  font-size: 3rem;
  font-weight: 900;
  letter-spacing: 0.015em;
}

.footer__logo:where(:hover, :active, :focus) {
  text-decoration: underline;
}