.container path {
  fill : transparent;
  stroke-width: 1px;
  stroke:#7cb344; 
  
  stroke-dasharray: 250;
  stroke-dashoffset: 500;
}


.container:hover path {
  animation: animlogo 5s linear infinite; 
  animation-direction: alternate;
}
@keyframes animlogo {

  0%{
    stroke-dasharray: 150;
    stroke-dashoffset: 0;
    stroke-width: 1px;
    fill : transparent;
  }
  50%{
    stroke-dasharray: 250;
    stroke-dashoffset: 500;
    stroke-witdh: 0px;
    fill : transparent;
  }
  100%{
/*
    stroke-dashoffset: 1000;
*/
    stroke-dasharray: 500;

    stroke-width: 0px;
    fill : #7cb344;
  }

/*
  150%{
    stroke-dasharray: 250;
    stroke-dashoffset: 500;
    stroke-witdh: 0px;
  }
  200%{
    stroke-dasharray: 150;
    stroke-dashoffset: 0;
    stroke-witdh: 1px;
    fill : transparent;
  }
*/

}