title: Success animation tutorial not running CSS
body: <p>I'm on a tutorial to create a success check mark with an animation.
  I already created all the elements such as the box for the alert etc but have trouble with an animation.</p>
  
  <p>Here is the code example I'm following : <a href="https://codepen.io/istiaktridip/pen/BZqaOd" rel="nofollow noreferrer">Link</a></p>
  
  <p>I tried to do it on my computer putting the HTML part and the JS together and the css in a style.css sheet but doesn't work :(</p>
  
  <p>Here is the HTML document :</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta charset="utf-8" /&gt;
          &lt;link rel="stylesheet" href="style.css" /&gt;
          &lt;title&gt;Test&lt;/title&gt;
  
          &lt;script&gt;
              $("button").click(function () {
                  $(".check-icon").hide();
                  setTimeout(function () {
                  $(".check-icon").show();
                  }, 10);
                  });
          &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div class="success-checkmark"&gt;
              &lt;div class="check-icon"&gt;
                  &lt;span class="icon-line line-tip"&gt;&lt;/span&gt;
                  &lt;span class="icon-line line-long"&gt;&lt;/span&gt;
                  &lt;div class="icon-circle"&gt;&lt;/div&gt;
                  &lt;div class="icon-fix"&gt;&lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;center&gt;
                  &lt;button id="restart"&gt;Restart Animation&lt;/button&gt;
              &lt;/center&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I didn't copy the css as it is the same as is the link and a long code..</p>
  
  <p>It gives me a white screen and a lot of warnings on code inspection :</p>
  
  <p><a href="https://i.stack.imgur.com/L5PaW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/L5PaW.png" alt="Code inspection"></a></p>
  
  <p>As I'm doing something wrong please ?</p>
  
  <p>Thank you for your help,</p>
  
  <p>Jerry</p>