title: noscript style no working
body: <p>hey im making a html document and i want to have it so that when someone visits the page and has noscript enable, it would make the entire page black and display white text saying "enable JavaScript"
  here is my code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;noscript&gt;
  &lt;style&gt;
  .noscript{
     width: 4000px;
     height: 4000px;
     position: fixed;
     top: 50%;
     left: 60%;
    transform: translate(-50%, -50%);
     background: black;
  }
  .noscriptext{
  width: 400px;
     height: 100px;
     position: fixed;
     top: 40%;
     left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; font-size: 100%;
    color: white;
  }
  
  &lt;/style&gt;
  
  &lt;div class="noscriptext"&gt;&lt;h1&gt;to use this you must enable javascript&lt;/h1&gt;&lt;/div&gt;
  &lt;/noscript&gt;
  
  &lt;div class="noscript"&gt;&amp;nbsp;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>but it's not working help please?
  i tried this one:
  <a href="https://stackoverflow.com/questions/4254729/body-styling-for-a-noscript-tag">Body styling for a noscript tag?</a> but nothing.
  pictures:<a href="https://imgur.com/a/KRqXS" rel="nofollow noreferrer">http://imgur.com/a/KRqXS</a></p>