<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Analyzing Resume...</title>
    <link rel="stylesheet" href="static/loading.css" />
  </head>
  <body>
    <div class="loading-container">
      <!-- <img src="loading.gif" alt="Loading animation" class="loading-gif" /> -->
      <!-- <div class="spinner"></div> -->
      <h2>Analyzing your resume...</h2>
      <p>This may take a few moments. Please wait.</p>
      <script
        src="https://unpkg.com/@lottiefiles/dotlottie-wc@0.8.5/dist/dotlottie-wc.js"
        type="module"
      ></script>
      <dotlottie-wc
        src="https://lottie.host/ed4f2464-3032-43f1-9b09-c13d1fc156b8/g2Hmj0IqGY.lottie"
        style="width: 300px; height: 300px"
        autoplay
        loop
      ></dotlottie-wc>
    </div>

    <script src="static/loading.js"></script>
  </body>
</html>
