title: SVG 'fill' problem, after stroke type out
body: <p>Thank you for reading this, I am trying to make an SVG logo type out. I have managed to do the first part ok, but getting the logo to animate like writing. However Id like the writing to be filled i with black after the animation has completed. Ive been to other threads on here but their solutions dont work for me.</p>
  
  <p>Any help would be very much appreciated.</p>
  
  <p>Thank you so much for your time and help!</p>
  
  <p>my pen can be found here > <a href="https://codepen.io/limtu/pen/gBYepZ?editors=1010" rel="nofollow noreferrer">https://codepen.io/limtu/pen/gBYepZ?editors=1010</a></p>
  
  <pre><code>enter code here &lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 532.46 217.12"&gt;
  
  
     &lt;defs&gt;
      &lt;style&gt;.cls-1{
     fill:#fff; stroke:#000;stroke-miterlimit:10;stroke-width:0.25px;
     stroke-dasharray: 5000;
      stroke-dashoffset: 0;
      -webkit-animation: dash 12s linear forwards;
      -moz-animation: dash 12s linear forwards;
      -o-animation: dash 12s linear forwards;
      animation: dash 12s linear forwards;
  
  
  
  
    }
  
    @-webkit-keyframes dash {
  
      from { stroke-dashoffset: 5000;
      }
  
      to { stroke-dashoffset: 0;
      }
  
  
    }
  
    .cls-1:hover {
      fill: ;
    }
  
  
  
  
    .cls-2{
    fill:#fff;
   }
  
  .cls-3{
  
    font-size:42.01px;fill:#020200;
    font-family:ArialMT, Arial;
    letter-spacing:0.21em;
    }
  
  &lt;/style&gt;
  </code></pre>
  
  <p></p>