.footer {
  background-color: $blue;
  box-sizing: border-box;
  margin-top: 68px;
  min-height: 100px;
  padding: 25px;

  @include jagged(6CA3BB, 40, top, fill, outside);

  i {
    padding: 10px;
  }

  &:before {
    animation: wave 30s linear infinite;

    @keyframes wave {
      0% {
        background-position: 0;
      }

      100% {
        background-position: 1000px;
      }
    }
  }

  .copyright {
    svg {
      padding-bottom: 4px;

      path {
        fill: $white;
      }
    }
  }

  .ssIcon {
    padding: 5px;
  }
}

.footer {
  background-color: #162f3d;
  box-sizing: border-box;
  margin-top: 68px;
  min-height: 100px;
  padding: 25px;

  @include jagged(162f3d, 40, top, fill, outside);

  i {
    padding: 10px;
  }

  &:before {
    animation: wave 30s linear infinite;

    @keyframes wave {
      0% {
        background-position: 0;
      }

      100% {
        background-position: 1000px;
      }
    }
  }

  .copyright {
    svg {
      padding-bottom: 4px;

      path {
        fill: $white;
      }
    }
  }

  .ssIcon {
    padding: 5px;
  }
}

Make footer darker for a11y
Make footer darker for a11y
