fix : hide the unstyled text by selecting not yet defined component t…

…o avoid foud issue

index.html

@@ -39,6 +39,16 @@
     <script src="./main.js" async defer type="module"></script>
 
     <style>
+      ds-hero:not(:defined) {
+        display: inline-block;
+        height: 100vh;
+        opacity: 0;
+      }
+
+      ds-button-link:not(:defined) {
+        opacity: 0;
+      }
+
       header {
         margin: 2rem 0;
         border-bottom: 0.1rem solid #d3d3d3;