Make the loading error message more prominent

since we're using modern JS

Author: SheepTester

index.html

@@ -105,14 +105,12 @@ <h3><em>Convert a Scratch project to HTML</em></h3>
       </p>
       <div id="root">
         <noscript>
-          <p>
-            <strong
-              >Please enable JavaScript. Converting projects can't be done with
-              HTML and CSS alone.</strong
-            >
+          <p class="problem">
+            Please enable JavaScript. Converting projects can't be done with
+            HTML and CSS alone.
           </p>
         </noscript>
-        <p class="delayed">
+        <p class="problem delayed">
           If you see this, you can check to see if there were
           <a href="#errors">any issues</a> loading the HTMLifier. Make sure
           you're using a modern browser.

main.css

@@ -48,6 +48,10 @@ body {
   z-index: 1000;
   animation: none;
 }
+.problem {
+  font-weight: bold;
+  color: #faa;
+}
 .delayed {
   animation: appear 0.5s 3s backwards;
 }