/***************************************************
 * Generated by SVG Artista on 9/18/2025, 2:26:11 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/
 svg{
    width: 500px;
    margin: 0 auto;
 }

/***************************************************
 * Generated by SVG Artista on 9/18/2025, 2:34:08 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(158, 34, 37);
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(158, 34, 37);
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-fill-1 2s linear 1s both;
          animation: animate-svg-fill-1 2s linear 1s both;
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(17, 62, 41);
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(17, 62, 41);
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-fill-2 2s linear 1.5s both;
          animation: animate-svg-fill-2 2s linear 1.5s both;
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(199, 124, 20);
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(199, 124, 20);
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-fill-3 2s linear 2s both;
          animation: animate-svg-fill-3 2s linear 2s both;
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(169, 56, 98);
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(169, 56, 98);
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-fill-4 2s linear 2.5s both;
          animation: animate-svg-fill-4 2s linear 2.5s both;
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(111, 67, 122);
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(111, 67, 122);
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-fill-5 2s linear 3s both;
          animation: animate-svg-fill-5 2s linear 3s both;
}

@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(200, 97, 72);
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(200, 97, 72);
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-fill-6 2s linear 3.5s both;
          animation: animate-svg-fill-6 2s linear 3.5s both;
}