.bubbles {
  > div {
    > div {
      a {
        color: white !important;
      }
    }
  }

  > div:nth-child(6n+1) {
    > div {
      background-color: $green !important;
      border: 2px solid $green !important;
    }
  }

  > div:nth-child(6n+2) {
    > div {
      background-color: $primary !important;
      border: 2px solid $primary !important;
    }
  }

  > div:nth-child(6n+3) {
    > div {
      background-color: $green !important;
      border: 2px solid $green !important;
    }
  }

  > div:nth-child(6n+4) {
    > div {
      background-color: $ocean !important;
      border: 2px solid $ocean !important;
    }
  }

  > div:nth-child(6n+5) {
    > div {
      background-color: $marine !important;
      border: 2px solid $marine !important;
    }
  }

  > div:nth-child(6n+6) {
    > div {
      background-color: $ocean !important;
      border: 2px solid $ocean !important;
    }
  }