From 56ac1aab82259507621a626c7c468d7973c13775 Mon Sep 17 00:00:00 2001
From: capybara001 <rahlawat903@gmail.com>
Date: Wed, 12 Jun 2024 17:43:32 +0530
Subject: [PATCH] typing section improved + file str corrected.

---
 cloud.svg         |   5 -
 i-icon.svg        |   5 -
 index.html        |  15 +-
 keyboard.svg      |   5 -
 paint-palette.svg |  11 -
 styles-type.css   | 499 +++++++++++++++++++++++++---------------------
 variables.css     |   5 +-
 7 files changed, 280 insertions(+), 265 deletions(-)
 delete mode 100644 cloud.svg
 delete mode 100644 i-icon.svg
 delete mode 100644 keyboard.svg
 delete mode 100644 paint-palette.svg

diff --git a/cloud.svg b/cloud.svg
deleted file mode 100644
index d22e7fe..0000000
--- a/cloud.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64">
-<path d="M0 0 C5.47598253 2.68995633 5.47598253 2.68995633 6.875 6.1875 C7.24625 6.785625 7.6175 7.38375 8 8 C9.99190309 8.22857904 11.98536892 8.45086936 13.984375 8.60546875 C17.30090348 9.25463421 18.81629695 11.53633502 21 14 C22.21233563 14.85763481 23.4425085 15.69049935 24.6875 16.5 C27.77858247 18.67520619 29.28275983 20.1448341 30 24 C30.1256426 28.18808675 30.00166047 30.88238665 27.12719727 34.08959961 C22.54622038 36.88811192 18.45936792 36.57357825 13.1875 36.53125 C11.61778442 36.53699036 11.61778442 36.53699036 10.01635742 36.54284668 C7.80744462 36.54556438 5.59849956 36.53821322 3.38964844 36.52148438 C0.01163881 36.50007377 -3.3642439 36.52129197 -6.7421875 36.546875 C-8.89062969 36.5442317 -11.03907055 36.53910668 -13.1875 36.53125 C-14.70017456 36.54339539 -14.70017456 36.54339539 -16.2434082 36.55578613 C-20.68194805 36.4965324 -23.27595995 36.44313513 -27.125 34.08740234 C-29.61624068 31.3139508 -29.90448955 29.63631237 -30.1328125 26.0234375 C-29.91778849 22.74748351 -28.83353235 20.68918078 -27 18 C-26.175 17.38125 -25.35 16.7625 -24.5 16.125 C-21.88844504 13.90517828 -21.54529259 13.17370731 -20.5625 10.0625 C-19.08193821 5.50168898 -16.88954255 3.73095541 -13 1 C-9.05322303 -0.97338848 -4.30160477 -0.44290148 0 0 Z " fill="#d91c81" transform="translate(32,14)"/>
-<path d="M0 0 C5.47598253 2.68995633 5.47598253 2.68995633 6.875 6.1875 C7.24625 6.785625 7.6175 7.38375 8 8 C9.99190309 8.22857904 11.98536892 8.45086936 13.984375 8.60546875 C17.30090348 9.25463421 18.81629695 11.53633502 21 14 C22.21233563 14.85763481 23.4425085 15.69049935 24.6875 16.5 C27.77858247 18.67520619 29.28275983 20.1448341 30 24 C30.1256426 28.18808675 30.00166047 30.88238665 27.12719727 34.08959961 C22.54622038 36.88811192 18.45936792 36.57357825 13.1875 36.53125 C11.61778442 36.53699036 11.61778442 36.53699036 10.01635742 36.54284668 C7.80744462 36.54556438 5.59849956 36.53821322 3.38964844 36.52148438 C0.01163881 36.50007377 -3.3642439 36.52129197 -6.7421875 36.546875 C-8.89062969 36.5442317 -11.03907055 36.53910668 -13.1875 36.53125 C-14.70017456 36.54339539 -14.70017456 36.54339539 -16.2434082 36.55578613 C-20.68194805 36.4965324 -23.27595995 36.44313513 -27.125 34.08740234 C-29.61624068 31.3139508 -29.90448955 29.63631237 -30.1328125 26.0234375 C-29.91778849 22.74748351 -28.83353235 20.68918078 -27 18 C-26.175 17.38125 -25.35 16.7625 -24.5 16.125 C-21.88844504 13.90517828 -21.54529259 13.17370731 -20.5625 10.0625 C-19.08193821 5.50168898 -16.88954255 3.73095541 -13 1 C-9.05322303 -0.97338848 -4.30160477 -0.44290148 0 0 Z M-16 7 C-18.22159535 9.81006988 -18.22159535 9.81006988 -18.25 12.9375 C-19 16 -19 16 -21.9375 18.1875 C-23.4534375 19.0846875 -23.4534375 19.0846875 -25 20 C-27.32749345 23.49124017 -27.50299316 24.89222251 -27 29 C-25.68287977 31.36271557 -25.68287977 31.36271557 -23 33 C-19.56584908 33.60593333 -16.16722506 33.56020689 -12.6875 33.53125 C-11.17869263 33.53699036 -11.17869263 33.53699036 -9.6394043 33.54284668 C-7.51447549 33.54556651 -5.38951324 33.53820041 -3.26464844 33.52148438 C-0.01161068 33.50007641 3.23921845 33.52128432 6.4921875 33.546875 C8.55729654 33.54423174 10.62240421 33.53910679 12.6875 33.53125 C14.14700073 33.54339539 14.14700073 33.54339539 15.63598633 33.55578613 C20.9723977 33.52185376 20.9723977 33.52185376 25.6484375 31.18945312 C27.31945693 28.92345441 27.31945693 28.92345441 26.9375 25.4375 C25.88348639 21.52519511 25.88348639 21.52519511 23 19 C22.01 18.67 21.02 18.34 20 18 C19.29875 17.05125 18.5975 16.1025 17.875 15.125 C15.13723816 11.63227959 12.31957885 10.94310677 8.15234375 9.78515625 C4.97886444 8.62749864 3.17934921 6.50955364 1 4 C-4.99510463 1.00244768 -11.14321388 2.85396307 -16 7 Z " fill="#073E6B" transform="translate(32,14)"/>
-</svg>
diff --git a/i-icon.svg b/i-icon.svg
deleted file mode 100644
index 9344be5..0000000
--- a/i-icon.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-<path d="M0 0 C1.98 0 3.96 0 6 0 C6 3.3 6 6.6 6 10 C6.66 10 7.32 10 8 10 C8 10.66 8 11.32 8 12 C5.36 12 2.72 12 0 12 C0 11.34 0 10.68 0 10 C0.66 10 1.32 10 2 10 C2 7.36 2 4.72 2 2 C1.34 2 0.68 2 0 2 C0 1.34 0 0.68 0 0 Z " fill="#d91c81" transform="translate(8,10)"/>
-<path d="M0 0 C1.98 0 3.96 0 6 0 C6 1.98 6 3.96 6 6 C4.02 6 2.04 6 0 6 C0 4.02 0 2.04 0 0 Z " fill="#d91c81" transform="translate(9,2)"/>
-</svg>
diff --git a/index.html b/index.html
index 8872011..e74070b 100644
--- a/index.html
+++ b/index.html
@@ -14,16 +14,18 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>AWS TypeSmart</title>
-    <!-- CSS sheets -->
-    <link rel="stylesheet" href="variables.css">
-    <link rel="stylesheet" href="styles-header.css">
-    <link rel="stylesheet" href="./styles-type.css">
+
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
     <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" crossorigin="anonymous" />
+
+    <!-- CSS sheets -->
+    <link rel="stylesheet" href="variables.css"> 
+    <link rel="stylesheet" href="styles-header.css">
+    <link rel="stylesheet" href="./styles-type.css">
     <link rel="stylesheet" href="styles-footer.css">
 </head>
 <body>
@@ -31,11 +33,9 @@
    <div class="header">
     <div class="logo-and-title">
         <i class="fab fa-aws"></i>
-        <!-- <img src="cloud.svg" alt="TypeSmart Logo" class="site-logo"> -->
-        <span class="site-title"> TypeSmart</span>
+        <span class="site-title">TypeSmart</span>
     </div>
     <div class="header-icons">
-      <!-- <img src="paint-palette.svg" class=" alt="Icon 1"> -->
       <div class="footer-item">
         <a class="footer-icons" href="" target="_blank">
           <i class="fa fa-paint-brush"></i>
@@ -57,6 +57,7 @@
       
   </div>
 </div>
+
     <!--  Type started (Riya Ahlawat and Samriddhi) -->
     <main>
         <!-- <div id="header">
diff --git a/keyboard.svg b/keyboard.svg
deleted file mode 100644
index b2ab799..0000000
--- a/keyboard.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64">
-<path d="M0 0 C1.56220024 0.00999275 1.56220024 0.00999275 3.15596008 0.02018738 C4.33695786 0.02041397 5.51795563 0.02064056 6.73474121 0.02087402 C8.00981033 0.03635788 9.28487946 0.05184174 10.59858704 0.0677948 C11.90390884 0.07203964 13.20923065 0.07628448 14.55410767 0.08065796 C18.02142107 0.09210266 21.48835641 0.12156601 24.95552063 0.1547699 C28.49469386 0.18547922 32.0339283 0.1991651 35.57319641 0.21427917 C42.51540883 0.2464365 49.4573704 0.29762801 56.39936829 0.36076355 C60.42705028 8.41612753 57.39936829 18.35459283 57.39936829 27.36076355 C36.60936829 27.36076355 15.81936829 27.36076355 -5.60063171 27.36076355 C-5.60063171 19.44076355 -5.60063171 11.52076355 -5.60063171 3.36076355 C-2.60063171 0.36076355 -2.60063171 0.36076355 0 0 Z M-0.60063171 5.36076355 C-0.60063171 6.68076355 -0.60063171 8.00076355 -0.60063171 9.36076355 C0.71936829 9.36076355 2.03936829 9.36076355 3.39936829 9.36076355 C3.39936829 8.04076355 3.39936829 6.72076355 3.39936829 5.36076355 C2.07936829 5.36076355 0.75936829 5.36076355 -0.60063171 5.36076355 Z M6.39936829 5.36076355 C6.39936829 6.68076355 6.39936829 8.00076355 6.39936829 9.36076355 C7.71936829 9.36076355 9.03936829 9.36076355 10.39936829 9.36076355 C10.39936829 8.04076355 10.39936829 6.72076355 10.39936829 5.36076355 C9.07936829 5.36076355 7.75936829 5.36076355 6.39936829 5.36076355 Z M13.39936829 5.36076355 C13.39936829 6.68076355 13.39936829 8.00076355 13.39936829 9.36076355 C14.71936829 9.36076355 16.03936829 9.36076355 17.39936829 9.36076355 C17.39936829 8.04076355 17.39936829 6.72076355 17.39936829 5.36076355 C16.07936829 5.36076355 14.75936829 5.36076355 13.39936829 5.36076355 Z M20.39936829 5.36076355 C20.39936829 6.68076355 20.39936829 8.00076355 20.39936829 9.36076355 C21.71936829 9.36076355 23.03936829 9.36076355 24.39936829 9.36076355 C24.39936829 8.04076355 24.39936829 6.72076355 24.39936829 5.36076355 C23.07936829 5.36076355 21.75936829 5.36076355 20.39936829 5.36076355 Z M27.39936829 5.36076355 C27.39936829 6.68076355 27.39936829 8.00076355 27.39936829 9.36076355 C28.71936829 9.36076355 30.03936829 9.36076355 31.39936829 9.36076355 C31.39936829 8.04076355 31.39936829 6.72076355 31.39936829 5.36076355 C30.07936829 5.36076355 28.75936829 5.36076355 27.39936829 5.36076355 Z M34.39936829 5.36076355 C34.39936829 6.68076355 34.39936829 8.00076355 34.39936829 9.36076355 C35.71936829 9.36076355 37.03936829 9.36076355 38.39936829 9.36076355 C38.39936829 8.04076355 38.39936829 6.72076355 38.39936829 5.36076355 C37.07936829 5.36076355 35.75936829 5.36076355 34.39936829 5.36076355 Z M41.39936829 5.36076355 C41.39936829 6.68076355 41.39936829 8.00076355 41.39936829 9.36076355 C42.71936829 9.36076355 44.03936829 9.36076355 45.39936829 9.36076355 C45.39936829 8.04076355 45.39936829 6.72076355 45.39936829 5.36076355 C44.07936829 5.36076355 42.75936829 5.36076355 41.39936829 5.36076355 Z M48.39936829 5.36076355 C48.39936829 6.68076355 48.39936829 8.00076355 48.39936829 9.36076355 C49.71936829 9.36076355 51.03936829 9.36076355 52.39936829 9.36076355 C52.39936829 8.04076355 52.39936829 6.72076355 52.39936829 5.36076355 C51.07936829 5.36076355 49.75936829 5.36076355 48.39936829 5.36076355 Z M-0.60063171 12.36076355 C-0.60063171 13.68076355 -0.60063171 15.00076355 -0.60063171 16.36076355 C1.37936829 16.36076355 3.35936829 16.36076355 5.39936829 16.36076355 C5.39936829 15.04076355 5.39936829 13.72076355 5.39936829 12.36076355 C3.41936829 12.36076355 1.43936829 12.36076355 -0.60063171 12.36076355 Z M8.39936829 12.36076355 C8.39936829 13.68076355 8.39936829 15.00076355 8.39936829 16.36076355 C9.71936829 16.36076355 11.03936829 16.36076355 12.39936829 16.36076355 C12.39936829 15.04076355 12.39936829 13.72076355 12.39936829 12.36076355 C11.07936829 12.36076355 9.75936829 12.36076355 8.39936829 12.36076355 Z M15.39936829 12.36076355 C15.39936829 13.68076355 15.39936829 15.00076355 15.39936829 16.36076355 C16.71936829 16.36076355 18.03936829 16.36076355 19.39936829 16.36076355 C19.39936829 15.04076355 19.39936829 13.72076355 19.39936829 12.36076355 C18.07936829 12.36076355 16.75936829 12.36076355 15.39936829 12.36076355 Z M22.39936829 12.36076355 C22.39936829 13.68076355 22.39936829 15.00076355 22.39936829 16.36076355 C23.71936829 16.36076355 25.03936829 16.36076355 26.39936829 16.36076355 C26.39936829 15.04076355 26.39936829 13.72076355 26.39936829 12.36076355 C25.07936829 12.36076355 23.75936829 12.36076355 22.39936829 12.36076355 Z M29.39936829 12.36076355 C29.39936829 13.68076355 29.39936829 15.00076355 29.39936829 16.36076355 C30.71936829 16.36076355 32.03936829 16.36076355 33.39936829 16.36076355 C33.39936829 15.04076355 33.39936829 13.72076355 33.39936829 12.36076355 C32.07936829 12.36076355 30.75936829 12.36076355 29.39936829 12.36076355 Z M36.39936829 12.36076355 C36.39936829 13.68076355 36.39936829 15.00076355 36.39936829 16.36076355 C37.71936829 16.36076355 39.03936829 16.36076355 40.39936829 16.36076355 C40.39936829 15.04076355 40.39936829 13.72076355 40.39936829 12.36076355 C39.07936829 12.36076355 37.75936829 12.36076355 36.39936829 12.36076355 Z M43.39936829 12.36076355 C43.39936829 13.68076355 43.39936829 15.00076355 43.39936829 16.36076355 C46.36936829 16.36076355 49.33936829 16.36076355 52.39936829 16.36076355 C52.39936829 15.04076355 52.39936829 13.72076355 52.39936829 12.36076355 C49.42936829 12.36076355 46.45936829 12.36076355 43.39936829 12.36076355 Z M-0.60063171 19.36076355 C-0.60063171 20.68076355 -0.60063171 22.00076355 -0.60063171 23.36076355 C1.04936829 23.36076355 2.69936829 23.36076355 4.39936829 23.36076355 C4.39936829 22.04076355 4.39936829 20.72076355 4.39936829 19.36076355 C2.74936829 19.36076355 1.09936829 19.36076355 -0.60063171 19.36076355 Z M7.39936829 19.36076355 C7.39936829 20.68076355 7.39936829 22.00076355 7.39936829 23.36076355 C8.71936829 23.36076355 10.03936829 23.36076355 11.39936829 23.36076355 C11.39936829 22.04076355 11.39936829 20.72076355 11.39936829 19.36076355 C10.07936829 19.36076355 8.75936829 19.36076355 7.39936829 19.36076355 Z M14.39936829 19.36076355 C14.39936829 20.68076355 14.39936829 22.00076355 14.39936829 23.36076355 C21.98936829 23.36076355 29.57936829 23.36076355 37.39936829 23.36076355 C37.39936829 22.04076355 37.39936829 20.72076355 37.39936829 19.36076355 C29.80936829 19.36076355 22.21936829 19.36076355 14.39936829 19.36076355 Z M40.39936829 19.36076355 C40.39936829 20.68076355 40.39936829 22.00076355 40.39936829 23.36076355 C41.71936829 23.36076355 43.03936829 23.36076355 44.39936829 23.36076355 C44.39936829 22.04076355 44.39936829 20.72076355 44.39936829 19.36076355 C43.07936829 19.36076355 41.75936829 19.36076355 40.39936829 19.36076355 Z M47.39936829 19.36076355 C47.39936829 20.68076355 47.39936829 22.00076355 47.39936829 23.36076355 C49.04936829 23.36076355 50.69936829 23.36076355 52.39936829 23.36076355 C52.39936829 22.04076355 52.39936829 20.72076355 52.39936829 19.36076355 C50.74936829 19.36076355 49.09936829 19.36076355 47.39936829 19.36076355 Z " fill="#d91c81" transform="translate(6.6006317138671875,24.639236450195313)"/>
-<path d="M0 0 C2 1 2 1 3.25 4 C4.69074646 7.23994593 4.69074646 7.23994593 7.75 7.875 C11.06233394 8.04191468 11.06233394 8.04191468 14.625 7.875 C18 8 18 8 20.375 9.0625 C22.71005127 11.84659959 22.73214392 14.45090698 23 18 C21.68 18 20.36 18 19 18 C18.7525 17.195625 18.505 16.39125 18.25 15.5625 C17.29128946 12.92559077 17.29128946 12.92559077 15.3125 12.1875 C12.82342883 11.92585172 12.82342883 11.92585172 9.625 12.25 C4.60961615 11.90411146 3.29350598 10.77548246 0 7 C-0.375 3.1875 -0.375 3.1875 0 0 Z " fill="#d91c81" transform="translate(13,6)"/>
-</svg>
diff --git a/paint-palette.svg b/paint-palette.svg
deleted file mode 100644
index 07dde0c..0000000
--- a/paint-palette.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="512" height="512">
-<path d="M0 0 C9.67793014 9.13715948 15.7648286 18.31284568 16.36328125 31.91015625 C16.84287801 59.87295579 5.71706279 84.99336159 -4.28515625 110.6640625 C-17.80908994 143.93997238 -17.80908994 143.93997238 -15.22265625 178.7890625 C-12.23612635 185.02285111 -8.08228872 190.19486233 -3.22265625 195.0390625 C-2.69333496 195.56677246 -2.16401367 196.09448242 -1.61865234 196.63818359 C2.31758821 200.45242581 5.85327105 202.9514832 11.02734375 204.9140625 C11.90519531 205.26339844 12.78304688 205.61273438 13.6875 205.97265625 C42.48355243 214.08943828 76.90041577 195.49161739 102.8347168 185.40161133 C109.34471413 182.88849628 115.8760507 180.52651906 122.52734375 178.4140625 C123.24994385 178.18299805 123.97254395 177.95193359 124.71704102 177.71386719 C133.81961064 174.91307653 142.49886844 173.56819949 152.02734375 173.6015625 C152.94773437 173.58544922 153.868125 173.56933594 154.81640625 173.55273438 C167.40326588 173.54387039 177.98199086 177.98221811 187.21484375 186.5390625 C202.25188926 202.60687322 205.44911148 225.04909702 205.33984375 246.1640625 C205.3376886 246.91316895 205.33553345 247.66227539 205.33331299 248.43408203 C205.27348038 261.44646419 204.4697823 274.10674657 202.02734375 286.9140625 C201.83398438 287.92807129 201.640625 288.94208008 201.44140625 289.98681641 C193.31241576 331.05201758 175.939429 368.13446883 150.02734375 400.9140625 C149.21523438 401.95175781 148.403125 402.98945313 147.56640625 404.05859375 C134.90141688 419.62015009 120.35108778 434.21620667 104.02734375 445.9140625 C102.68208783 446.90336872 101.33704604 447.89296616 99.9921875 448.8828125 C68.68541284 471.68286042 33.127222 486.90234934 -4.97265625 493.9140625 C-5.7733252 494.07487305 -6.57399414 494.23568359 -7.39892578 494.40136719 C-35.46592669 499.8913835 -68.97449869 499.66349965 -96.97265625 493.9140625 C-97.98521484 493.71538574 -98.99777344 493.51670898 -100.04101562 493.31201172 C-141.13365674 485.09471455 -178.06902042 467.65389053 -210.97265625 441.9140625 C-211.51180664 441.49495605 -212.05095703 441.07584961 -212.60644531 440.64404297 C-228.8465193 427.88102375 -243.91727968 412.68979761 -255.97265625 395.9140625 C-256.83640895 394.74417794 -257.70101094 393.57492 -258.56640625 392.40625 C-273.70973367 371.7802382 -285.79187275 349.17109123 -293.97265625 324.9140625 C-294.38572021 323.69154785 -294.38572021 323.69154785 -294.80712891 322.44433594 C-298.04521131 312.67348573 -300.57751098 302.79187513 -302.72265625 292.7265625 C-302.92141357 291.80190186 -303.1201709 290.87724121 -303.32495117 289.92456055 C-306.61764652 273.71795073 -307.34795903 257.7836923 -307.28515625 241.2890625 C-307.2830011 240.27082397 -307.28084595 239.25258545 -307.27862549 238.20349121 C-307.22892234 223.5792741 -306.91473613 209.28601612 -303.97265625 194.9140625 C-303.68261719 193.41915283 -303.68261719 193.41915283 -303.38671875 191.89404297 C-295.75806406 153.28575122 -280.04523308 117.13239371 -255.97265625 85.9140625 C-255.00779297 84.66109375 -255.00779297 84.66109375 -254.0234375 83.3828125 C-239.93909924 65.45226006 -223.59582255 48.16465761 -204.97265625 34.9140625 C-204.35503418 34.46804687 -203.73741211 34.02203125 -203.10107422 33.5625 C-171.33662152 10.72208008 -135.55693635 -5.13990422 -96.97265625 -12.0859375 C-96.10286133 -12.24674805 -95.23306641 -12.40755859 -94.33691406 -12.57324219 C-65.03310617 -17.77351545 -24.28757612 -20.53363046 0 0 Z " fill="#d91c81" transform="translate(306.97265625,15.0859375)"/>
-<path d="M0 0 C7.03407714 0 12.9940856 0.23401753 19.75 1.625 C20.61471924 1.80248779 21.47943848 1.97997559 22.37036133 2.1628418 C38.37700894 5.6603544 50.98180818 12.86958079 61 26 C69.37429322 39.17025343 68.79606338 57.13770555 65.6875 71.9375 C61.01449956 90.24914126 53.53759612 108.16922436 46.6875 125.75 C33.16356631 159.02590988 33.16356631 159.02590988 35.75 193.875 C38.7365299 200.10878861 42.89036753 205.28079983 47.75 210.125 C48.27932129 210.65270996 48.80864258 211.18041992 49.35400391 211.72412109 C53.29024446 215.53836331 56.8259273 218.0374207 62 220 C63.31677734 220.52400391 63.31677734 220.52400391 64.66015625 221.05859375 C93.45620868 229.17537578 127.87307202 210.57755489 153.80737305 200.48754883 C160.31737038 197.97443378 166.84870695 195.61245656 173.5 193.5 C174.2226001 193.26893555 174.9452002 193.03787109 175.68969727 192.79980469 C184.79226689 189.99901403 193.47152469 188.65413699 203 188.6875 C203.92039062 188.67138672 204.84078125 188.65527344 205.7890625 188.63867188 C218.37592213 188.62980789 228.95464711 193.06815561 238.1875 201.625 C253.22454551 217.69281072 256.42176773 240.13503452 256.3125 261.25 C256.31034485 261.99910645 256.3081897 262.74821289 256.30596924 263.52001953 C256.24613663 276.53240169 255.44243855 289.19268407 253 302 C252.80664062 303.01400879 252.61328125 304.02801758 252.4140625 305.07275391 C244.28507201 346.13795508 226.91208525 383.22040633 201 416 C200.18789063 417.03769531 199.37578125 418.07539063 198.5390625 419.14453125 C185.87407313 434.70608759 171.32374403 449.30214417 155 461 C153.65474408 461.98930622 152.30970229 462.97890366 150.96484375 463.96875 C116.39651255 489.14411911 76.85463082 504.73664754 34.5625 510.8125 C33.33285522 510.99897095 33.33285522 510.99897095 32.07836914 511.18920898 C21.33465879 512.56770496 10.9956443 512 0 512 C0 485.93 0 459.86 0 433 C5.94 436.465 5.94 436.465 12 440 C25.13090481 445.88626767 41.50009808 446.33683232 55.078125 441.32421875 C71.08601698 434.06930514 80.06944084 424.24954354 87.16796875 408.390625 C91.39940227 395.91484916 90.62221641 380.0585263 85.546875 368.01171875 C78.46866348 354.23065541 68.05333994 344.05089972 53.38671875 338.67578125 C37.7207971 334.0394493 23.38566955 334.89090555 8.9375 342.5625 C5.87604674 344.28804638 2.92417563 346.05054958 0 348 C0 233.16 0 118.32 0 0 Z " fill="#d91c81" transform="translate(256,0)"/>
-<path d="M0 0 C7.0589721 6.03996038 12.98169618 12.54993346 17 21 C17.41121094 21.84304688 17.82242188 22.68609375 18.24609375 23.5546875 C23.23086531 35.73201871 22.85544916 51.82447657 18.3203125 64.08203125 C10.94908943 80.37287041 0.54285225 89.94937036 -15.60546875 97.1640625 C-28.07509824 101.40651196 -43.9454372 100.62054658 -55.98828125 95.546875 C-71.01537607 87.82867844 -81.25784098 75.87191648 -87 60 C-90.42839092 45.03845784 -89.26008381 29.30988746 -81.28515625 16.17578125 C-78.27209299 11.65948293 -75.03968613 7.64557041 -71 4 C-70.46246094 3.45859375 -69.92492187 2.9171875 -69.37109375 2.359375 C-50.47608338 -15.78614645 -20.46235116 -15.13653373 0 0 Z " fill="#d91c81" transform="translate(325,346)"/>
-<path d="M0 0 C13.1407013 9.16105862 22.08137303 21.86234687 25.0625 37.75 C26.86399623 52.61050566 23.61125735 66.93530398 14.99609375 79.29296875 C5.42309046 91.45745172 -6.5768954 99.06268926 -21.9375 101.75 C-37.92744465 103.47425784 -51.80474218 99.70055244 -64.53125 89.71484375 C-75.78882657 80.1018228 -83.51617637 67.66489686 -85.16040039 52.72460938 C-86.05477626 36.76106246 -82.21233669 22.77678699 -71.87109375 10.24609375 C-63.73483106 1.64407005 -54.22566694 -3.8470842 -42.9375 -7.25 C-42.33292969 -7.44078125 -41.72835937 -7.6315625 -41.10546875 -7.828125 C-26.84852629 -10.60244894 -12.34485175 -7.36570431 0 0 Z " fill="#d91c81" transform="translate(186.9375,308.25)"/>
-<path d="M0 0 C10.88364929 8.13714845 18.6193 19.50987683 21.4921875 32.86328125 C23.4409036 48.80207687 21.70812165 63.94853725 11.9296875 77.05078125 C10.80827506 78.3432152 9.66536724 79.6176486 8.4921875 80.86328125 C7.7084375 81.72953125 6.9246875 82.59578125 6.1171875 83.48828125 C5.2509375 84.27203125 4.3846875 85.05578125 3.4921875 85.86328125 C2.88117188 86.41757812 2.27015625 86.971875 1.640625 87.54296875 C-8.32678848 95.98808636 -19.80780883 99.04918833 -32.5703125 99.11328125 C-33.56998047 99.13390625 -34.56964844 99.15453125 -35.59960938 99.17578125 C-50.4866038 99.25316654 -61.46973956 93.34892978 -72.1875 83.26953125 C-84.12011167 70.894971 -88.07667394 56.07437146 -87.78515625 39.26171875 C-87.14526625 24.56016635 -79.14378961 11.62222876 -68.5078125 1.86328125 C-47.32432424 -14.07241679 -21.86128113 -14.79596853 0 0 Z " fill="#d91c81" transform="translate(154.5078125,176.13671875)"/>
-<path d="M0 0 C11.68608486 6.55279052 20.51813322 16.38850535 24.32348633 29.46826172 C27.00384607 42.09303731 25.02108235 55.23389243 18.15625 66.09765625 C16.47525113 68.39553544 14.71189749 70.47421436 12.765625 72.55078125 C12.17007813 73.18757813 11.57453125 73.824375 10.9609375 74.48046875 C0.77219136 84.33099925 -11.77444225 86.02464376 -25.2578125 85.828125 C-30.92984985 85.61629306 -35.35618642 84.49043594 -40.234375 81.55078125 C-41.0078125 81.10347656 -41.78125 80.65617187 -42.578125 80.1953125 C-52.66689814 73.92345853 -60.32194982 65.27843122 -63.80371094 53.64916992 C-66.48501965 40.58463001 -64.88450115 27.16688811 -57.58984375 16.04296875 C-44.29210028 -2.1476239 -20.94078828 -9.53074338 0 0 Z " fill="#d91c81" transform="translate(417.234375,271.44921875)"/>
-<path d="M0 0 C11.68608486 6.55279052 20.51813322 16.38850535 24.32348633 29.46826172 C27.00384607 42.09303731 25.02108235 55.23389243 18.15625 66.09765625 C16.47525113 68.39553544 14.71189749 70.47421436 12.765625 72.55078125 C12.17007813 73.18757813 11.57453125 73.824375 10.9609375 74.48046875 C0.77219136 84.33099925 -11.77444225 86.02464376 -25.2578125 85.828125 C-30.92984985 85.61629306 -35.35618642 84.49043594 -40.234375 81.55078125 C-41.0078125 81.10347656 -41.78125 80.65617187 -42.578125 80.1953125 C-52.66689814 73.92345853 -60.32194982 65.27843122 -63.80371094 53.64916992 C-66.48501965 40.58463001 -64.88450115 27.16688811 -57.58984375 16.04296875 C-44.29210028 -2.1476239 -20.94078828 -9.53074338 0 0 Z " fill="#d91c81" transform="translate(219.234375,73.44921875)"/>
-<path d="M0 0 C0.33 0 0.66 0 1 0 C1 27.39 1 54.78 1 83 C-9.04132943 74.3931462 -17.12741982 63.18669878 -18.19287109 49.52734375 C-18.75544319 31.44320811 -17.06577184 18.28584411 -4.4765625 4.30859375 C-3.35350038 3.16930241 -2.1821569 2.07784894 -1 1 C-0.67 0.67 -0.34 0.34 0 0 Z " fill="#d91c81" transform="translate(255,349)"/>
-</svg>
diff --git a/styles-type.css b/styles-type.css
index badfc04..ce1e011 100644
--- a/styles-type.css
+++ b/styles-type.css
@@ -6,301 +6,338 @@ body {
     background-color: var(--bgColor);
     font-family: "Poppins", sans-serif;
     color: var(--textColor);
-    height: 100vh;
+    /* height: 100vh; */
     display: flex;
     flex-direction: column;
 }
 
-main{
-    width: 80%;
-    margin: 50px auto;
-    font-size: 1.4rem;
-    height: 100%;
+::selection{
+    color: var(--black);
+    background: var(--bgColor);
 }
 
-#header{
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    margin: 20px 6px 30px;
-}
+.wrapper{
+    /* width: 770px; */
+    padding: 35px;
+    /* background: #fff; */
+    border-radius: 10px;
+    box-shadow: 0 10px 15px var(--black)
+  }
 
-#buttons{
-    text-align: right;
+.wrapper .input-field{
+  opacity: 0;
+  z-index: -999;
+  position: absolute;
 }
 
-#info{
-    color: var(--textColor);
+.wrapper .content-box{
+  padding: 13px 20px 0;
+  border-radius: 10px;
+  border: 1px solid var(--black);
 }
 
-button{
-    background: var(--bgColor);
-    border: 1px solid var(--black);
-    color: var(--textColor);
-    padding: 5px 20px;
-    border-radius: 5px;
-    cursor: pointer;
+.content-box .typing-text{
+  overflow: hidden;
+  max-height: 20rem;
 }
 
-button:hover {
-    font-size: 1rem;
-    color: var(--black);
-    border: 1px solid var(--textColor);
-    font-weight: 600;
+.typing-text::-webkit-scrollbar{
+  width: 0;
 }
 
-div#game{
-    line-height: 35px;
-    height: 105px;
-    overflow: hidden;
-    position: relative;
+.typing-text p{
+  font-size: 21px;
+  text-align: justify;
+  letter-spacing: 1px;
+  /* word-break: break-all; */
 }
 
-div#game:focus{
-    outline:0;
+.typing-text p span{
+  position: relative;
 }
 
-#words{
-    filter: blur(5px);
-    color: var(--textColor);
+.typing-text p span.correct{
+  color: var(--correct);
 }
 
-#game:focus #words{
-    filter: blur(0);
+.typing-text p span.incorrect{
+  color: var(--incorrectA );
+  outline: 1px solid var(--black);
+  background: var(--wrong-highlighted);
+  border-radius: 4px;
 }
 
-#focus-error {
-    color: var(--black);
-    position: absolute;
-    inset: 0;
-    text-align: center;
-    padding-top: 35px;
+.typing-text p span.active{
+  color: var(--neon);
 }
 
-#game:focus #focus-error{
-    display:none;
-} 
+.typing-text p span.active::before{
+  position: absolute;
+  content: "";
+  height: 2px;
+  width: 100%;
+  bottom: 0;
+  left: 0;
+  opacity: 0;
+  border-radius: 5px;
+  background: var(--neon);
+  animation: blink 1s ease-in-out infinite;
+}
 
-div.word{ 
-    /* from formatWord() in js file */
-    /* each word a div */
-    display: inline-block;
-    margin: 0 5px;
+@keyframes blink{
+  50%{ 
+    opacity: 1; 
+  }
 }
 
-.letter.correct{
-    color: var(--black);
+.content-box .content{
+  margin-top: 17px;
+  display: flex;
+  padding: 12px 0;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  border-top: 1px solid var(--white);
 }
-.letter.incorrect{
-    color: var(--incorrect);
+
+.content button{
+  outline: none;
+  border: 1px solid var(--textColor);
+  width: 80vw;
+  color: var(--textColor);
+  padding: 8px 0;
+  font-size: 16px;
+  cursor: pointer;
+  border-radius: 5px;
+  transition: transform 0.3s ease;
 }
 
-@keyframes blink{
-    0%{
-        opacity: 1;
-    }
-    50%{
-        opacity: 0;
-    }
-    100%{
-        opacity: 1;
-    }
+.content button:active{
+  transform: scale(0.97);
 }
 
-#cursor{
-    display:none;
-    width: 2px;
-    height: 1.6rem;
-    background: var(--black);
-    position: fixed;
-    top: 253px;
-    left: 61px;
-    animation: blink .3s infinite;
+.content .result-details{
+  display: flex;
+  /* flex-wrap: wrap; */
+  align-items: center;
+  width: 100%;
+  justify-content: space-between;
 }
 
-#game:focus #cursor{
-    display: block;
+.result-details li{
+  display: flex;
+  height: 20px;
+  list-style: none;
+  position: relative;
+  align-items: center;
+  justify-content: center;
 }
 
-#game.over #words{
-    opacity: .5;
-    filter: blur(0px);
+.result-details li:not(:first-child){
+  padding-left: 22px;
+  border-left: 1px solid var(--black);
 }
 
-#game.over:focus #cursor{
-    display: none;
+.result-details li p{
+  font-size: 19px;
 }
 
-#game.over #focus-error {
-    display: none;
+.result-details li span{
+  display: block;
+  font-size: 20px;
+  margin-left: 10px;
 }
 
+li span b{
+  font-weight: 800;
+}
 
-/* new */
-::selection{
-    color: #fff;
-    background: #17A2B8;
+li:not(:first-child) span{
+  font-weight: 800;
 }
-.wrapper{
-    width: 770px;
-    padding: 35px;
-    background: #fff;
-    border-radius: 10px;
-    box-shadow: 0 10px 15px rgba(0,0,0,0.05);
-  }
-  .wrapper .input-field{
-    opacity: 0;
-    z-index: -999;
-    position: absolute;
+
+@media (max-width: 795px) {
+  .wrapper{
+    padding: 20px;
   }
-  .wrapper .content-box{
-    padding: 13px 20px 0;
-    border-radius: 10px;
-    border: 1px solid #bfbfbf;
+  .content-box .content{
+    padding: 20px 0;
   }
   .content-box .typing-text{
-    overflow: hidden;
-    max-height: 256px;
-  }
-  .typing-text::-webkit-scrollbar{
-    width: 0;
+    max-height: 100%;
   }
   .typing-text p{
-    font-size: 21px;
-    text-align: justify;
-    letter-spacing: 1px;
-    word-break: break-all;
-  }
-  .typing-text p span{
-    position: relative;
-  }
-  .typing-text p span.correct{
-    color: #56964f;
-  }
-  .typing-text p span.incorrect{
-    color: #cb3439;
-    outline: 1px solid #fff;
-    background: #ffc0cb;
-    border-radius: 4px;
+    font-size: 19px;
+    text-align: left;
   }
-  .typing-text p span.active{
-    color: #17A2B8;
+  .content button{
+    width: 100%;
+    font-size: 15px;
+    padding: 10px 0;
+    margin-top: 20px;
   }
-  .typing-text p span.active::before{
-    position: absolute;
-    content: "";
-    height: 2px;
+
+  .content .result-details{
     width: 100%;
-    bottom: 0;
-    left: 0;
-    opacity: 0;
-    border-radius: 5px;
-    background: #17A2B8;
-    animation: blink 1s ease-in-out infinite;
   }
-  @keyframes blink{
-    50%{ 
-      opacity: 1; 
-    }
+  .result-details li:not(:first-child){
+    border-left: 0;
+    padding: 0;
   }
-  .content-box .content{
-    margin-top: 17px;
+  .result-details {
+    width: 100%;
+    margin: 0;
+    padding: 0;
     display: flex;
-    padding: 12px 0;
-    flex-wrap: wrap;
+    flex-direction: column;
+    gap: 1rem;
+    color: var(--black);
+    justify-content: center;
     align-items: center;
-    justify-content: space-between;
-    border-top: 1px solid #bfbfbf;
   }
-  .content button{
-    outline: none;
-    border: none;
-    width: 105px;
-    color: #fff;
-    padding: 8px 0;
-    font-size: 16px;
-    cursor: pointer;
-    border-radius: 5px;
-    background: #17A2B8;
-    transition: transform 0.3s ease;
+  .result-details li p, 
+  .result-details li span{
+    font-size: 17px;
   }
-  .content button:active{
-    transform: scale(0.97);
+}
+
+@media (max-width: 518px) {
+  .wrapper .content-box{
+    padding: 10px 15px 0;
   }
-  .content .result-details{
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    width: calc(100% - 140px);
-    justify-content: space-between;
+  .typing-text p{
+    font-size: 18px;
   }
   .result-details li{
-    display: flex;
-    height: 20px;
-    list-style: none;
-    position: relative;
-    align-items: center;
-  }
-  .result-details li:not(:first-child){
-    padding-left: 22px;
-    border-left: 1px solid #bfbfbf;
-  }
-  .result-details li p{
-    font-size: 19px;
+    margin-bottom: 10px;
   }
-  .result-details li span{
-    display: block;
-    font-size: 20px;
-    margin-left: 10px;
+  .content button{
+    margin-top: 10px;
   }
-  li span b{
-    font-weight: 500;
+}
+
+
+
+  
+main{
+  width: 80%;
+  margin: 50px auto;
+  font-size: 1.4rem;
+  height: 100%;
+}
+
+#header{
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  margin: 20px 6px 30px;
+}
+
+#buttons{
+  text-align: right;
+}
+
+#info{
+  color: var(--textColor);
+}
+
+button{
+  background: var(--bgColor);
+  border: 1px solid var(--black);
+  color: var(--textColor);
+  padding: 5px 20px;
+  border-radius: 5px;
+  cursor: pointer;
+}
+
+button:hover {
+  font-size: 1rem;
+  color: var(--black);
+  border: 1px solid var(--textColor);
+  font-weight: 600;
+}
+
+div#game{
+  line-height: 35px;
+  height: 105px;
+  overflow: hidden;
+  position: relative;
+}
+
+div#game:focus{
+  outline:0;
+}
+
+#words{
+  filter: blur(5px);
+  color: var(--textColor);
+}
+
+#game:focus #words{
+  filter: blur(0);
+}
+
+#focus-error {
+  color: var(--black);
+  position: absolute;
+  inset: 0;
+  text-align: center;
+  padding-top: 35px;
+}
+
+#game:focus #focus-error{
+  display:none;
+} 
+
+div.word{ 
+  /* from formatWord() in js file */
+  /* each word a div */
+  display: inline-block;
+  margin: 0 5px;
+}
+
+.letter.correct{
+  color: var(--black);
+}
+.letter.incorrect{
+  color: var(--incorrect);
+}
+
+@keyframes blink{
+  0%{
+      opacity: 1;
   }
-  li:not(:first-child) span{
-    font-weight: 500;
+  50%{
+      opacity: 0;
   }
-  @media (max-width: 745px) {
-    .wrapper{
-      padding: 20px;
-    }
-    .content-box .content{
-      padding: 20px 0;
-    }
-    .content-box .typing-text{
-      max-height: 100%;
-    }
-    .typing-text p{
-      font-size: 19px;
-      text-align: left;
-    }
-    .content button{
-      width: 100%;
-      font-size: 15px;
-      padding: 10px 0;
-      margin-top: 20px;
-    }
-    .content .result-details{
-      width: 100%;
-    }
-    .result-details li:not(:first-child){
-      border-left: 0;
-      padding: 0;
-    }
-    .result-details li p, 
-    .result-details li span{
-      font-size: 17px;
-    }
+  100%{
+      opacity: 1;
   }
-  @media (max-width: 518px) {
-    .wrapper .content-box{
-      padding: 10px 15px 0;
-    }
-    .typing-text p{
-      font-size: 18px;
-    }
-    .result-details li{
-      margin-bottom: 10px;
-    }
-    .content button{
-      margin-top: 10px;
-    }
-  }
\ No newline at end of file
+}
+
+#cursor{
+  display:none;
+  width: 2px;
+  height: 1.6rem;
+  background: var(--black);
+  position: fixed;
+  top: 253px;
+  left: 61px;
+  animation: blink .3s infinite;
+}
+
+#game:focus #cursor{
+  display: block;
+}
+
+#game.over #words{
+  opacity: .5;
+  filter: blur(0px);
+}
+
+#game.over:focus #cursor{
+  display: none;
+}
+
+#game.over #focus-error {
+  display: none;
+}
\ No newline at end of file
diff --git a/variables.css b/variables.css
index 1e619c6..073e6f1 100644
--- a/variables.css
+++ b/variables.css
@@ -2,6 +2,9 @@
     --bgColor: rgb(255 238 197);
     --textColor: #be0065;
     --black: #5b4f52;
-    --incorrect: rgb(16, 175, 10);
+    --incorrect: #860000;
     --hover: #5b4f52;
+    --correct: #10af0a;
+    --wrong-highlighted: #ffc0cb;
+    --neon: #0298af;
 }