#svg path,polygon {
  stroke: transparent;
  fill: transparent;
}

#svg.start .st0, 
#svg.start .st1{
  stroke-dasharray: 5500;
  stroke-dashoffset: 0;
  stroke-width: 6;
}
#svg.start .st0,
#svg.start .st1 {
  stroke: #00afec;
  animation: st0_anime 2s ease-in 0s forwards;
}

@keyframes st0_anime {
  0% {
    stroke-dashoffset: 5000;
    fill: transparent;
  }
  50% {
    stroke-dashoffset: 0;
    fill: transparent;
  }
  100% {
    
    fill: #00afec;
  }
}
@keyframes st1_anime {
  0% {
    stroke-dashoffset: 5000;
    fill: transparent;
  }
  50% {
    stroke-dashoffset: 0;
    fill: transparent;
  }
  100% {
    fill: #00afec;
  }
}

.svg_box {
  width: 350px;
  text-align: center;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .svg_box {
    width: 280px;
  }
}