.footer {
  text-align: center;
  margin-top: 30px;
  font-size: 12px;
  color: darken($color2, 25%);

  .domain {
    font-weight: 500;

    a {
      color: inherit;
      text-decoration: none;
    }
  }

  .powered-by {
    font-weight: 400;

    a {
      color: inherit;
      text-decoration: underline;
      font-weight: 500;

      &:hover {
        text-decoration: none;
      }
    }
  }
}