@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    fill: #fffcf5;
    stroke-dashoffset: 1502.7601318359375px;
    stroke-dasharray: 1502.7601318359375px;
  }

  10% {
    fill: #fffcf5;
  }

  20% {
    fill: #fffcf5;
  }

  30% {
    fill: #fffcf5;
  }

  40% {
    fill: #fffcf5;
  }

  50% {
    fill: #fffcf5;
  }

  60% {
    fill: #fffcf5;
  }

  70% {
    fill: #fffcf5;
  }

  80% {
    fill: #fffcf5;
  }

  90% {
    fill: #fffcf5;
  }

  95% {
    fill: #fffcf5;
  }

  98% {
    fill: #fffcf5;
  }


  100% {
    fill: #17BFFF;
    stroke-dashoffset: 3005.520263671875px;
    stroke-dasharray: 1502.7601318359375px;

  }
}



@keyframes animate-svg-stroke-1 {
  0% {
    fill: #fffcf5;
    stroke-dashoffset: 1502.7601318359375px;
    stroke-dasharray: 1502.7601318359375px;
  }

  10% {
    fill: #fffcf5;
  }

  20% {
    fill: #fffcf5;
  }

  30% {
    fill: #fffcf5;
  }

  40% {
    fill: #fffcf5;
  }

  50% {
    fill: #fffcf5;
  }

  60% {
    fill: #fffcf5;
  }

  70% {
    fill: #fffcf5;
  }

  80% {
    fill: #fffcf5;
  }

  90% {
    fill: #fffcf5;
  }

  95% {
    fill: #fffcf5;
  }

  98% {
    fill: #fffcf5;
  }

  100% {
    fill: #17BFFF;
    stroke-dashoffset: 3005.520263671875px;
    stroke-dasharray: 1502.7601318359375px;
  }
}

.svg-elem {
  -webkit-animation: animate-svg-stroke-1 3s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
          animation: animate-svg-stroke-1 3s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
}
