Fix multiple cursors by hiding first cursor when second element starts

Author: NotAwar

index.html

@@ -105,7 +105,9 @@ <h3>Connect</h3>
   .typewriter::after {
     content: '_';
     color: var(--gold-primary);
-    animation: blink-caret 0.75s step-end infinite;
+    animation: 
+      blink-caret 0.75s step-end infinite,
+      hide-cursor-0 0s 0.9s forwards;
   }
 
   .typewriter-delay-1 {
@@ -151,6 +153,13 @@ <h3>Connect</h3>
     50% { opacity: 1; }
   }
 
+  @keyframes hide-cursor-0 {
+    to { 
+      content: '';
+      display: none;
+    }
+  }
+  
   @keyframes hide-cursor-1 {
     to { 
       content: '';