title: Why the wt-sky-root div appears in my html when I don't write it in fi
body: <p>I have found a strange div with class &quot;wt-sky-root&quot;. What is it and how to delete it? In code, I don't see any such divs or etc. But when I use developer console in Chrome, I see such div in elements. That's my code. Also, the javascript file is empty.</p>
  <p>Screen of Chorme:
  <a href="https://i.stack.imgur.com/X7Pji.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/X7Pji.png" alt="enter image description here" /></a></p>
  <p>HTML:</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;My Diary&lt;/title&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;style.css&quot;&gt;
    &lt;link href=&quot;https://fonts.googleapis.com/css?family=Poppins:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&quot; rel=&quot;stylesheet&quot; /&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;h1 class=&quot;day&quot;&gt;Monday&lt;/h1&gt;
    &lt;h2 class=&quot;subject&quot;&gt;Landing&lt;/h2&gt;
    &lt;script src=&quot;script.js&quot;&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>CSS</p>
  <pre><code>* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  
  body {
    padding: 100px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    min-height: 100vh;
    font-family: Poppins, sans-serif;
    background-color: #a4508b;
    background-image: linear-gradient(326deg, #a4508b 0%, #5f0a87 74%);
    color: white;
  }
  
  
  h1 {
    font-size: 90px;
  }
  
  h2 {
    font-size: 50px;
  }
  </code></pre>