increase typing page font sizes

Author: Ciphrox

src/assets/styles/typing.css

@@ -13,20 +13,21 @@
   grid-auto-flow: row;
   height: 100vh;
   width: auto;
-  font-size: 1rem;
+  font-size: clamp(0.8rem, 1vw, 1.2rem);
   place-items: center;
   will-change: contents;
 
   & .letter {
     grid-area: letter;
-    font-size: 18em;
+    font-size: clamp(10em, 20vw, 25em);
     color: var(--letter__txt--2);
+    padding-left: 10vh;
     transition: color 0.5s ease-in;
   }
 
   & .emoji {
     grid-area: emoji;
-    font-size: 10em;
+    font-size: clamp(6em, 15vw, 18em);
   }
 
   & .animation {
@@ -39,12 +40,12 @@
     grid-area: spelling;
     grid-column: 1/3;
     grid-row: 2/3;
-    width: 6ch;
+    width: clamp(6ch, 50vw, 12ch);
     white-space: nowrap;
     overflow: hidden;
     border-right: 3px solid;
     font-family: monospace;
-    font-size: 8em;
+    font-size: clamp(4em, 10vw, 12em);
     transition: all 0.5s ease-in-out;
     color: var(--spelling__txt--3);
   }