ul {
  &.active {
    li {
      animation: fadeInLeft .6s ease forwards;
      animation-delay: .3s;
      &:nth-of-type(2) {
          animation-delay: .4s;
      }
      &:nth-of-type(3) {
          animation-delay: .5s;
      }
      &:nth-of-type(4) {
          animation-delay: .6s;
      }
      &:nth-of-type(5) {
          animation-delay: .7s;
      }
      &:nth-of-type(6) {
          animation-delay: .8s;
      }
      &:nth-of-type(7) {
          animation-delay: .9s;
      }
      &:nth-of-type(8) {
          animation-delay: 1s;
      }
      &:nth-of-type(9) {
          animation-delay: 1.1s;
      }
      &:nth-of-type(10) {
          animation-delay: 1.2s;
      }
    }   
  }
}