From d7e64fff32a740dd59538e1543ac7ecbfba9ae6f Mon Sep 17 00:00:00 2001
From: Dev 1 <dev@siliconpin.com>
Date: Mon, 2 Oct 2023 21:38:33 +0530
Subject: [PATCH] work on animation

---
 public/assets/capital-letter/a.svg            | 170 ++++----
 public/assets/capital-letter/a_l1.svg         | 168 ++++----
 public/assets/capital-letter/a_l2.svg         | 165 ++++----
 public/assets/capital-letter/a_l3.svg         | 209 +++++-----
 public/assets/capital-letter/b.svg            | 215 +++++-----
 public/assets/capital-letter/b_l1.svg         | 132 +++---
 public/assets/capital-letter/b_l2.svg         | 151 ++++---
 public/assets/capital-letter/b_l3.svg         | 203 +++++-----
 .../assets/capital-letter/{c_l1.svg => c.svg} |   8 +-
 public/assets/capital-letter/d.svg            | 151 +++----
 public/assets/capital-letter/d_l1.svg         | 100 ++---
 public/assets/capital-letter/d_l2.svg         |  88 ++--
 public/assets/capital-letter/e.svg            | 215 +++++-----
 public/assets/capital-letter/e_l1.svg         | 225 +++++------
 public/assets/capital-letter/e_l2.svg         | 231 +++++------
 public/assets/capital-letter/e_l3.svg         | 228 +++++------
 public/assets/capital-letter/e_l4.svg         | 229 +++++------
 public/assets/capital-letter/f.svg            | 149 ++++---
 public/assets/capital-letter/f_l1.svg         | 175 ++++----
 public/assets/capital-letter/f_l2.svg         | 172 ++++----
 public/assets/capital-letter/f_l3.svg         | 172 ++++----
 public/assets/capital-letter/g.svg            |  86 ++--
 public/assets/capital-letter/g_l1.svg         | 136 ++-----
 public/assets/capital-letter/g_l2.svg         | 139 ++-----
 public/assets/capital-letter/h.svg            | 250 +++++-------
 public/assets/capital-letter/h_l1.svg         | 244 ++++++-----
 public/assets/capital-letter/h_l2.svg         | 243 ++++++-----
 public/assets/capital-letter/h_l3.svg         | 245 ++++++------
 public/assets/capital-letter/i.svg            | 254 ++++--------
 public/assets/capital-letter/i_l1.svg         | 138 ++++---
 public/assets/capital-letter/i_l2.svg         | 124 +++---
 public/assets/capital-letter/i_l3.svg         | 230 -----------
 .../assets/capital-letter/{J_l1.svg => j.svg} |  68 ++--
 public/assets/capital-letter/k.svg            | 113 +++---
 public/assets/capital-letter/k_l1.svg         | 123 +++---
 public/assets/capital-letter/k_l2.svg         | 122 +++---
 public/assets/capital-letter/k_l3.svg         | 109 ++---
 public/assets/capital-letter/l.svg            | 248 ++++++------
 public/assets/capital-letter/l_l1.svg         | 263 ++++++------
 public/assets/capital-letter/l_l2.svg         | 317 ++++++---------
 public/assets/capital-letter/m.svg            | 138 +++----
 public/assets/capital-letter/m_l1.svg         | 143 ++++---
 public/assets/capital-letter/m_l2.svg         | 163 +++++---
 public/assets/capital-letter/m_l3.svg         | 197 ++++++---
 public/assets/capital-letter/m_l4.svg         | 223 ++++++-----
 public/assets/capital-letter/n.svg            | 160 ++++----
 public/assets/capital-letter/n_l1.svg         | 161 ++++----
 public/assets/capital-letter/n_l2.svg         | 161 ++++----
 public/assets/capital-letter/n_l3.svg         | 161 ++++----
 public/assets/capital-letter/o.svg            |  37 +-
 public/assets/capital-letter/p.svg            |  16 +-
 public/assets/capital-letter/p_l1.svg         | 120 +++---
 public/assets/capital-letter/p_l2.svg         | 119 +++---
 public/assets/capital-letter/q.svg            |  33 +-
 public/assets/capital-letter/q_l1.svg         |  40 +-
 public/assets/capital-letter/q_l2.svg         |  40 +-
 public/assets/capital-letter/r.svg            | 195 ++++-----
 public/assets/capital-letter/r_l1.svg         | 174 ++++----
 public/assets/capital-letter/r_l2.svg         | 181 +++++----
 public/assets/capital-letter/r_l3.svg         | 195 ++++-----
 public/assets/capital-letter/s.svg            |  99 +++--
 public/assets/capital-letter/t.svg            |  92 ++---
 public/assets/capital-letter/t_l1.svg         |  81 ++--
 public/assets/capital-letter/t_l2.svg         |  93 ++---
 public/assets/capital-letter/u.svg            |  33 +-
 public/assets/capital-letter/v.svg            |  78 ++--
 public/assets/capital-letter/v_l1.svg         | 107 ++---
 public/assets/capital-letter/v_l2.svg         |  82 ++--
 public/assets/capital-letter/w.svg            | 378 ++++++++++--------
 public/assets/capital-letter/w_l1.svg         | 344 +++++++++-------
 public/assets/capital-letter/w_l2.svg         | 352 ++++++++++------
 public/assets/capital-letter/w_l3.svg         | 323 ++++++++++-----
 public/assets/capital-letter/w_l4.svg         | 354 +++++++++++++---
 public/assets/capital-letter/x.svg            |  90 +----
 public/assets/capital-letter/x_l1.svg         | 173 +++-----
 public/assets/capital-letter/x_l2.svg         | 152 +++----
 public/assets/capital-letter/y.svg            | 201 +++++-----
 public/assets/capital-letter/y_l1.svg         | 194 +++++----
 public/assets/capital-letter/y_l2.svg         | 193 +++++----
 public/assets/capital-letter/y_l3.svg         | 193 +++++----
 public/assets/capital-letter/z.svg            | 199 ++++-----
 public/assets/capital-letter/z_l1.svg         | 251 ++++++++++++
 public/assets/capital-letter/z_l2.svg         | 252 ++++++++++++
 public/assets/capital-letter/z_l3.svg         | 252 ++++++++++++
 src/pages/guided-tracing/a.astro              | 139 +++++--
 src/pages/guided-tracing/b.astro              | 104 +++--
 src/pages/guided-tracing/o.astro              | 148 +++++++
 .../{test2.astro => animate-pointer.astro}    |   2 +-
 src/pages/tracing/half-round.astro            |  46 +++
 src/pages/tracing/round.astro                 |  56 +++
 src/pages/tracing/test.astro                  |  92 ++++-
 src/pages/tracing/test3.astro                 |  23 ++
 92 files changed, 8151 insertions(+), 6690 deletions(-)
 rename public/assets/capital-letter/{c_l1.svg => c.svg} (92%)
 delete mode 100755 public/assets/capital-letter/i_l3.svg
 rename public/assets/capital-letter/{J_l1.svg => j.svg} (79%)
 create mode 100755 public/assets/capital-letter/z_l1.svg
 create mode 100755 public/assets/capital-letter/z_l2.svg
 create mode 100755 public/assets/capital-letter/z_l3.svg
 create mode 100644 src/pages/guided-tracing/o.astro
 rename src/pages/tracing/{test2.astro => animate-pointer.astro} (97%)
 create mode 100644 src/pages/tracing/half-round.astro
 create mode 100644 src/pages/tracing/round.astro

diff --git a/public/assets/capital-letter/a.svg b/public/assets/capital-letter/a.svg
index 28a2619..63e1a3e 100755
--- a/public/assets/capital-letter/a.svg
+++ b/public/assets/capital-letter/a.svg
@@ -145,55 +145,58 @@
            x="41.672253"
            y="79.868111">4</tspan></text>
     </g>
-    <path
-       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 49.392708,9.2082826 C 49.531367,8.0491252 27.044036,72.244814 27.044036,72.244814"
-       id="path127"
-       sodipodi:nodetypes="cc" />
     <g
-       id="g650"
-       transform="translate(-0.41310827,-0.00731495)"
-       inkscape:transform-center-x="0.058802502"
-       inkscape:transform-center-y="-0.015142275">
-      <text
-         xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="46.800331"
-         y="15.960659"
-         id="text9342"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           sodipodi:role="line"
-           id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="46.800331"
-           y="15.960659">1</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="path9448"
-         cx="-48.065395"
-         cy="-13.491238"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
-    </g>
-    <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="m 42.981079,26.489528 c 0.740859,-2.014661 3.661919,-9.743031 3.661919,-9.743031"
-       id="path13743"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="1.9143729"
-       inkscape:transform-center-y="5.0531116" />
-    <path
-       style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 49.945039,9.1516334 C 50.028779,9.4481077 73.189935,72.317745 73.189935,72.317745"
-       id="path15674"
-       sodipodi:nodetypes="cc" />
-    <g
-       id="g1205"
-       transform="translate(0.35203906,0.62379443)"
+       id="g1034"
        style="display:inline">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 49.392708,9.2082826 C 49.531367,8.0491252 27.044036,72.244814 27.044036,72.244814"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g650"
+         transform="matrix(1.7181098,0,0,1.615206,-34.097793,-10.827659)"
+         inkscape:transform-center-x="0.10102845"
+         inkscape:transform-center-y="-0.024457362">
+        <text
+           xml:space="preserve"
+           style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="46.800331"
+           y="15.960659"
+           id="text9342"
+           transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan9340"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+             x="46.800331"
+             y="15.960659">1</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="path9448"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 43.163815,25.119006 c 0.740859,-2.014661 3.661919,-9.743031 3.661919,-9.743031"
+         id="path13743"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="1.9143729"
+         inkscape:transform-center-y="5.0531116" />
+    </g>
+    <g
+       id="g1042"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 49.488198,9.1516334 C 49.571938,9.4481077 72.733094,72.317745 72.733094,72.317745"
+         id="path15674"
+         sodipodi:nodetypes="cc" />
       <g
          id="g1198"
-         transform="translate(-0.48682415,0.59660565)"
+         transform="matrix(1.4045179,0,0,1.5119185,-21.099567,-4.4743306)"
          style="display:inline">
         <text
            xml:space="preserve"
@@ -217,51 +220,50 @@
       </g>
       <path
          style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
-         d="M 54.145899,21.77088 C 53.442717,19.74276 50.806456,11.912664 50.806456,11.912664"
+         d="m 54.497938,23.034251 c -0.703182,-2.02812 -3.339443,-9.858216 -3.339443,-9.858216"
          id="path15682"
          sodipodi:nodetypes="cc"
          inkscape:transform-center-x="-1.6158511"
          inkscape:transform-center-y="4.8664848" />
+    </g>
+    <g
+       id="g1123"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 36.897143,48.164759 26.507248,0.07809"
+         id="path1108" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+         d="m 48.677156,47.79562 -9.129173,0.154557"
+         id="path9576"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-4.8199192"
+         inkscape:transform-center-y="0.3134404" />
       <g
-         id="g1238"
-         style="display:inline"
-         transform="translate(-0.35203906,-0.62379443)">
-        <path
-           style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-           d="m 36.897143,48.164759 26.507248,0.07809"
-           id="path1108" />
-        <path
-           style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-           d="M 48.768524,48.161093 39.639351,48.31565"
-           id="path9576"
-           sodipodi:nodetypes="cc"
-           inkscape:transform-center-x="-4.8199192"
-           inkscape:transform-center-y="0.3134404" />
-        <g
-           id="g21538"
-           transform="translate(-21.46967,-27.579792)"
-           style="display:inline">
-          <ellipse
-             style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-             id="circle9582"
-             cx="-74.661598"
-             cy="60.70055"
-             transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
-             rx="1.2146922"
-             ry="1.1834064" />
-          <text
-             xml:space="preserve"
-             style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="g21538"
+         transform="matrix(1.5875603,0,0,1.4971964,-57.143683,-65.553923)"
+         style="display:inline">
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           id="circle9582"
+           cx="-74.661598"
+           cy="60.70055"
+           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+           rx="1.2146922"
+           ry="1.1834064" />
+        <text
+           xml:space="preserve"
+           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           x="59.531094"
+           y="75.579971"
+           id="text9714"
+           transform="scale(0.98702867,1.0131418)"><tspan
+             sodipodi:role="line"
+             id="tspan9712"
+             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
              x="59.531094"
-             y="75.579971"
-             id="text9714"
-             transform="scale(0.98702867,1.0131418)"><tspan
-               sodipodi:role="line"
-               id="tspan9712"
-               style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-               x="59.531094"
-               y="75.579971">3</tspan></text>
-        </g>
+             y="75.579971">3</tspan></text>
       </g>
     </g>
   </g>
diff --git a/public/assets/capital-letter/a_l1.svg b/public/assets/capital-letter/a_l1.svg
index 76b3436..2a7e08e 100755
--- a/public/assets/capital-letter/a_l1.svg
+++ b/public/assets/capital-letter/a_l1.svg
@@ -7,7 +7,7 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="a.l1svg"
+   inkscape:export-filename="a_l3.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
@@ -145,56 +145,59 @@
            x="41.672253"
            y="79.868111">4</tspan></text>
     </g>
-    <path
-       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 49.392708,9.2082826 C 49.531367,8.0491252 27.044036,72.244814 27.044036,72.244814"
-       id="path127"
-       sodipodi:nodetypes="cc" />
     <g
-       id="g650"
-       transform="translate(-0.41310827,-0.00731495)"
-       inkscape:transform-center-x="0.058802502"
-       inkscape:transform-center-y="-0.015142275">
-      <text
-         xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="46.800331"
-         y="15.960659"
-         id="text9342"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           sodipodi:role="line"
-           id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+       id="g1034"
+       style="display:inline">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 49.392708,9.2082826 C 49.531367,8.0491252 27.044036,72.244814 27.044036,72.244814"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g650"
+         transform="matrix(1.7181098,0,0,1.615206,-34.097793,-10.827659)"
+         inkscape:transform-center-x="0.10102845"
+         inkscape:transform-center-y="-0.024457362">
+        <text
+           xml:space="preserve"
+           style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
            x="46.800331"
-           y="15.960659">1</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="path9448"
-         cx="-48.065395"
-         cy="-13.491238"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
+           y="15.960659"
+           id="text9342"
+           transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan9340"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+             x="46.800331"
+             y="15.960659">1</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="path9448"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 43.163815,25.119006 c 0.740859,-2.014661 3.661919,-9.743031 3.661919,-9.743031"
+         id="path13743"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="1.9143729"
+         inkscape:transform-center-y="5.0531116" />
     </g>
-    <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="m 42.981079,26.489528 c 0.740859,-2.014661 3.661919,-9.743031 3.661919,-9.743031"
-       id="path13743"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="1.9143729"
-       inkscape:transform-center-y="5.0531116" />
-    <path
-       style="display:none;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 49.945039,9.1516334 C 50.028779,9.4481077 73.189935,72.317745 73.189935,72.317745"
-       id="path15674"
-       sodipodi:nodetypes="cc" />
     <g
-       id="g1205"
-       transform="translate(0.35203906,0.62379443)"
+       id="g1042"
        style="display:none">
+      <path
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 49.488198,9.1516334 C 49.571938,9.4481077 72.733094,72.317745 72.733094,72.317745"
+         id="path15674"
+         sodipodi:nodetypes="cc" />
       <g
          id="g1198"
-         transform="translate(-0.48682415,0.59660565)"
-         style="display:none">
+         transform="matrix(1.4045179,0,0,1.5119185,-21.099567,-4.4743306)"
+         style="display:inline">
         <text
            xml:space="preserve"
            style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@@ -217,51 +220,50 @@
       </g>
       <path
          style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
-         d="M 54.145899,21.77088 C 53.442717,19.74276 50.806456,11.912664 50.806456,11.912664"
+         d="m 54.497938,23.034251 c -0.703182,-2.02812 -3.339443,-9.858216 -3.339443,-9.858216"
          id="path15682"
          sodipodi:nodetypes="cc"
          inkscape:transform-center-x="-1.6158511"
          inkscape:transform-center-y="4.8664848" />
+    </g>
+    <g
+       id="g1123"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 36.897143,48.164759 26.507248,0.07809"
+         id="path1108" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+         d="m 48.677156,47.79562 -9.129173,0.154557"
+         id="path9576"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-4.8199192"
+         inkscape:transform-center-y="0.3134404" />
       <g
-         id="g1238"
-         style="display:inline"
-         transform="translate(-0.35203906,-0.62379443)">
-        <path
-           style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-           d="m 36.897143,48.164759 26.507248,0.07809"
-           id="path1108" />
-        <path
-           style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-           d="M 48.768524,48.161093 39.639351,48.31565"
-           id="path9576"
-           sodipodi:nodetypes="cc"
-           inkscape:transform-center-x="-4.8199192"
-           inkscape:transform-center-y="0.3134404" />
-        <g
-           id="g21538"
-           transform="translate(-21.46967,-27.579792)"
-           style="display:inline">
-          <ellipse
-             style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-             id="circle9582"
-             cx="-74.661598"
-             cy="60.70055"
-             transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
-             rx="1.2146922"
-             ry="1.1834064" />
-          <text
-             xml:space="preserve"
-             style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="g21538"
+         transform="matrix(1.5875603,0,0,1.4971964,-57.143683,-65.553923)"
+         style="display:inline">
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           id="circle9582"
+           cx="-74.661598"
+           cy="60.70055"
+           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+           rx="1.2146922"
+           ry="1.1834064" />
+        <text
+           xml:space="preserve"
+           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           x="59.531094"
+           y="75.579971"
+           id="text9714"
+           transform="scale(0.98702867,1.0131418)"><tspan
+             sodipodi:role="line"
+             id="tspan9712"
+             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
              x="59.531094"
-             y="75.579971"
-             id="text9714"
-             transform="scale(0.98702867,1.0131418)"><tspan
-               sodipodi:role="line"
-               id="tspan9712"
-               style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-               x="59.531094"
-               y="75.579971">3</tspan></text>
-        </g>
+             y="75.579971">3</tspan></text>
       </g>
     </g>
   </g>
diff --git a/public/assets/capital-letter/a_l2.svg b/public/assets/capital-letter/a_l2.svg
index 9139d32..aa79444 100755
--- a/public/assets/capital-letter/a_l2.svg
+++ b/public/assets/capital-letter/a_l2.svg
@@ -11,7 +11,7 @@
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="a_l2.svg"
+   sodipodi:docname="a.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -145,97 +145,104 @@
            x="41.672253"
            y="79.868111">4</tspan></text>
     </g>
-    <path
-       style="display:none;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 49.392708,9.2082826 C 49.531367,8.0491252 27.044036,72.244814 27.044036,72.244814"
-       id="path127"
-       sodipodi:nodetypes="cc" />
     <g
-       id="g650"
-       transform="translate(-0.41310827,-0.00731495)"
-       inkscape:transform-center-x="0.058802502"
-       inkscape:transform-center-y="-0.015142275"
-       style="display:none">
-      <text
-         xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="46.800331"
-         y="15.960659"
-         id="text9342"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           sodipodi:role="line"
-           id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="46.800331"
-           y="15.960659">1</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="path9448"
-         cx="-48.065395"
-         cy="-13.491238"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
-    </g>
-    <path
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="m 42.981079,26.489528 c 0.740859,-2.014661 3.661919,-9.743031 3.661919,-9.743031"
-       id="path13743"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="1.9143729"
-       inkscape:transform-center-y="5.0531116" />
-    <path
-       style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 49.945039,9.1516334 C 50.028779,9.4481077 73.189935,72.317745 73.189935,72.317745"
-       id="path15674"
-       sodipodi:nodetypes="cc" />
-    <g
-       id="g1198"
-       transform="translate(-0.13478509,1.2204001)"
-       style="display:inline">
-      <text
-         xml:space="preserve"
-         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="49.768463"
-         y="10.649764"
-         id="text15678"
-         transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
-           sodipodi:role="line"
-           id="tspan15676"
-           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
-           x="49.768463"
-           y="10.649764">2</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle15680"
-         cx="-50.731476"
-         cy="-8.3328476"
-         r="1.2760839"
-         transform="rotate(-178.35508)" />
-    </g>
-    <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
-       d="m 54.497938,22.394674 c -0.703182,-2.02812 -3.339443,-9.858216 -3.339443,-9.858216"
-       id="path15682"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="-1.6158511"
-       inkscape:transform-center-y="4.8664848" />
-    <g
-       id="g1238"
+       id="g1034"
        style="display:none">
       <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 49.392708,9.2082826 C 49.531367,8.0491252 27.044036,72.244814 27.044036,72.244814"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g650"
+         transform="matrix(1.7181098,0,0,1.615206,-34.097793,-10.827659)"
+         inkscape:transform-center-x="0.10102845"
+         inkscape:transform-center-y="-0.024457362">
+        <text
+           xml:space="preserve"
+           style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="46.800331"
+           y="15.960659"
+           id="text9342"
+           transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan9340"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+             x="46.800331"
+             y="15.960659">1</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="path9448"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 43.163815,25.119006 c 0.740859,-2.014661 3.661919,-9.743031 3.661919,-9.743031"
+         id="path13743"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="1.9143729"
+         inkscape:transform-center-y="5.0531116" />
+    </g>
+    <g
+       id="g1042"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 49.488198,9.1516334 C 49.571938,9.4481077 72.733094,72.317745 72.733094,72.317745"
+         id="path15674"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g1198"
+         transform="matrix(1.4045179,0,0,1.5119185,-21.099567,-4.4743306)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text15678"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan15676"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15680"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+         d="m 54.497938,23.034251 c -0.703182,-2.02812 -3.339443,-9.858216 -3.339443,-9.858216"
+         id="path15682"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-1.6158511"
+         inkscape:transform-center-y="4.8664848" />
+    </g>
+    <g
+       id="g1123"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
          d="m 36.897143,48.164759 26.507248,0.07809"
          id="path1108" />
       <path
          style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-         d="M 48.768524,48.161093 39.639351,48.31565"
+         d="m 48.677156,47.79562 -9.129173,0.154557"
          id="path9576"
          sodipodi:nodetypes="cc"
          inkscape:transform-center-x="-4.8199192"
          inkscape:transform-center-y="0.3134404" />
       <g
          id="g21538"
-         transform="translate(-21.46967,-27.579792)"
+         transform="matrix(1.5875603,0,0,1.4971964,-57.143683,-65.553923)"
          style="display:inline">
         <ellipse
            style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
diff --git a/public/assets/capital-letter/a_l3.svg b/public/assets/capital-letter/a_l3.svg
index 25f5f49..14dadb3 100755
--- a/public/assets/capital-letter/a_l3.svg
+++ b/public/assets/capital-letter/a_l3.svg
@@ -7,7 +7,7 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="a_l3.svg"
+   inkscape:export-filename="a_l2.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
@@ -145,115 +145,126 @@
            x="41.672253"
            y="79.868111">4</tspan></text>
     </g>
-    <path
-       style="display:none;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 49.392708,9.2082826 C 49.531367,8.0491252 27.044036,72.244814 27.044036,72.244814"
-       id="path127"
-       sodipodi:nodetypes="cc" />
     <g
-       id="g650"
-       transform="translate(-0.41310827,-0.00731495)"
-       inkscape:transform-center-x="0.058802502"
-       inkscape:transform-center-y="-0.015142275"
+       id="g1034"
        style="display:none">
-      <text
-         xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="46.800331"
-         y="15.960659"
-         id="text9342"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           sodipodi:role="line"
-           id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 49.392708,9.2082826 C 49.531367,8.0491252 27.044036,72.244814 27.044036,72.244814"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g650"
+         transform="matrix(1.7181098,0,0,1.615206,-34.097793,-10.827659)"
+         inkscape:transform-center-x="0.10102845"
+         inkscape:transform-center-y="-0.024457362">
+        <text
+           xml:space="preserve"
+           style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
            x="46.800331"
-           y="15.960659">1</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="path9448"
-         cx="-48.065395"
-         cy="-13.491238"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
+           y="15.960659"
+           id="text9342"
+           transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan9340"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+             x="46.800331"
+             y="15.960659">1</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="path9448"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 43.163815,25.119006 c 0.740859,-2.014661 3.661919,-9.743031 3.661919,-9.743031"
+         id="path13743"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="1.9143729"
+         inkscape:transform-center-y="5.0531116" />
     </g>
-    <path
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="m 42.981079,26.489528 c 0.740859,-2.014661 3.661919,-9.743031 3.661919,-9.743031"
-       id="path13743"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="1.9143729"
-       inkscape:transform-center-y="5.0531116" />
-    <path
-       style="display:none;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 49.945039,9.1516334 C 50.028779,9.4481077 73.189935,72.317745 73.189935,72.317745"
-       id="path15674"
-       sodipodi:nodetypes="cc" />
     <g
-       id="g1198"
-       transform="translate(-0.13478509,1.2204001)"
+       id="g1042"
        style="display:none">
-      <text
-         xml:space="preserve"
-         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="49.768463"
-         y="10.649764"
-         id="text15678"
-         transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
-           sodipodi:role="line"
-           id="tspan15676"
-           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+      <path
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 49.488198,9.1516334 C 49.571938,9.4481077 72.733094,72.317745 72.733094,72.317745"
+         id="path15674"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g1198"
+         transform="matrix(1.4045179,0,0,1.5119185,-21.099567,-4.4743306)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
            x="49.768463"
-           y="10.649764">2</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle15680"
-         cx="-50.731476"
-         cy="-8.3328476"
-         r="1.2760839"
-         transform="rotate(-178.35508)" />
+           y="10.649764"
+           id="text15678"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan15676"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15680"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+         d="m 54.497938,23.034251 c -0.703182,-2.02812 -3.339443,-9.858216 -3.339443,-9.858216"
+         id="path15682"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-1.6158511"
+         inkscape:transform-center-y="4.8664848" />
     </g>
-    <path
-       style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
-       d="m 54.497938,22.394674 c -0.703182,-2.02812 -3.339443,-9.858216 -3.339443,-9.858216"
-       id="path15682"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="-1.6158511"
-       inkscape:transform-center-y="4.8664848" />
-    <path
-       style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="m 36.897143,48.164759 26.507248,0.07809"
-       id="path1108" />
-    <path
-       style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-       d="m 48.762611,48.287559 -9.130472,-0.01297"
-       id="path9576"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="-4.8133567"
-       inkscape:transform-center-y="0.4018269" />
     <g
-       id="g21538"
-       transform="translate(-21.46967,-27.579792)"
+       id="g1123"
        style="display:inline">
-      <ellipse
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         id="circle9582"
-         cx="-74.661598"
-         cy="60.70055"
-         transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
-         rx="1.2146922"
-         ry="1.1834064" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         x="59.531094"
-         y="75.579971"
-         id="text9714"
-         transform="scale(0.98702867,1.0131418)"><tspan
-           sodipodi:role="line"
-           id="tspan9712"
-           style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 36.897143,48.164759 26.507248,0.07809"
+         id="path1108" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+         d="m 48.677156,47.79562 -9.129173,0.154557"
+         id="path9576"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-4.8199192"
+         inkscape:transform-center-y="0.3134404" />
+      <g
+         id="g21538"
+         transform="matrix(1.5875603,0,0,1.4971964,-57.143683,-65.553923)"
+         style="display:inline">
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           id="circle9582"
+           cx="-74.661598"
+           cy="60.70055"
+           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+           rx="1.2146922"
+           ry="1.1834064" />
+        <text
+           xml:space="preserve"
+           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
            x="59.531094"
-           y="75.579971">3</tspan></text>
+           y="75.579971"
+           id="text9714"
+           transform="scale(0.98702867,1.0131418)"><tspan
+             sodipodi:role="line"
+             id="tspan9712"
+             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+             x="59.531094"
+             y="75.579971">3</tspan></text>
+      </g>
     </g>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/b.svg b/public/assets/capital-letter/b.svg
index 39b4e08..963b773 100755
--- a/public/assets/capital-letter/b.svg
+++ b/public/assets/capital-letter/b.svg
@@ -7,8 +7,25 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
+   sodipodi:docname="b.svg"
+   inkscape:export-filename="b.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1671"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false" />
   <defs
      id="defs2">
     <marker
@@ -61,109 +78,107 @@
     </marker>
   </defs>
   <g
-     id="layer1"
+     id="g2365"
      style="display:inline">
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 48.503835,7.2773964 48.071477,78.855459"
+       id="path127" />
     <g
-       id="g344">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 48.503835,7.2773964 48.071477,78.855459"
-         id="path127" />
-      <g
-         id="g2108"
-         transform="translate(-0.7254407,-10.298307)">
-        <text
-           xml:space="preserve"
-           style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-           x="48.182404"
-           y="19.336451"
-           id="text9342"
-           transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-             id="tspan9340"
-             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-             x="48.182404"
-             y="19.336451">1</tspan></text>
-        <circle
-           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-           id="path9448"
-           cx="-49.550514"
-           cy="-16.824097"
-           r="1.2760839"
-           transform="rotate(-178.67073)" />
-      </g>
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
-         d="m 48.371278,20.064173 c -0.0082,-2.146546 0.03446,-10.4084144 0.03446,-10.4084144"
-         id="path13743" />
-    </g>
-    <g
-       id="g370"
+       id="g2108"
+       transform="matrix(1.450692,0,0,1.5143111,-22.834961,-19.255845)"
        style="display:inline">
-      <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
-         id="path3061" />
-      <g
-         id="g1198"
-         transform="translate(3.2556029,-2.8149031)"
-         style="display:inline">
-        <text
-           xml:space="preserve"
-           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-           x="49.768463"
-           y="10.649764"
-           id="text15678"
-           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
-             id="tspan15676"
-             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
-             x="49.768463"
-             y="10.649764">2</tspan></text>
-        <circle
-           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-           id="circle15680"
-           cx="-50.731476"
-           cy="-8.3328476"
-           r="1.2760839"
-           transform="rotate(-178.35508)" />
-      </g>
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
-         d="M 66.047717,6.789157 C 62.831195,5.9433878 59.42289,5.8384944 55.368578,7.0825755"
-         id="path15682" />
-      <g
-         id="g439"
-         style="display:inline">
-        <path
-           style="display:inline;fill:none;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-           d="M 47.995735,79.091605 C 91.791507,88.233864 96.514851,33.879382 49.968723,44.708634"
-           id="path7796" />
-        <g
-           id="g1149"
-           transform="translate(-27.968881,-7.5584371)">
-          <text
-             xml:space="preserve"
-             style="font-size:2.29383px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.115053;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-             x="79.432571"
-             y="53.184124"
-             id="text9342-1"
-             transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-               id="tspan9340-2"
-               style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.115053;stroke-dasharray:none;stroke-opacity:1"
-               x="79.432571"
-               y="53.184124">3</tspan></text>
-          <circle
-             style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-             id="path9448-7"
-             cx="-81.574226"
-             cy="-49.920895"
-             r="1.2760839"
-             transform="rotate(-178.67073)" />
-        </g>
-        <path
-           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-           d="m 63.603296,43.623278 c -3.114339,-1.102484 -6.629721,-0.645631 -9.243068,0.45777"
-           id="path9576" />
-      </g>
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text9342"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan9340"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
     </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
+       d="m 48.371278,21.68784 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
+       id="path13743" />
+  </g>
+  <g
+     id="g2339"
+     style="display:inline">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
+       id="path3061" />
+    <g
+       id="g1198"
+       transform="matrix(1.5411554,0,0,1.6047746,-27.223405,-8.7330318)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="49.768463"
+         y="10.649764"
+         id="text15678"
+         transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+           id="tspan15676"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="49.768463"
+           y="10.649764">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle15680"
+         cx="-50.731476"
+         cy="-8.3328476"
+         r="1.2760839"
+         transform="rotate(-178.35508)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
+       d="M 64.261684,6.1396904 C 61.045162,5.2939212 57.636857,5.1890278 53.582545,6.4331089"
+       id="path15682" />
+  </g>
+  <g
+     id="g2313"
+     style="display:inline">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 47.995735,79.091605 C 91.791507,88.233864 96.514851,33.879382 49.968723,44.708634"
+       id="path7796" />
+    <g
+       id="g1149"
+       transform="matrix(1.6014666,0,0,1.6650857,-77.946974,-41.766209)">
+      <text
+         xml:space="preserve"
+         style="font-size:2.29383px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.115053;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="79.432571"
+         y="53.184124"
+         id="text9342-1"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan9340-2"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.115053;stroke-dasharray:none;stroke-opacity:1"
+           x="79.432571"
+           y="53.184124">3</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448-7"
+         cx="-81.574226"
+         cy="-49.920895"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+       d="m 63.116196,43.623278 c -3.114339,-1.102484 -6.629721,-0.645631 -9.243068,0.45777"
+       id="path9576" />
   </g>
 </svg>
diff --git a/public/assets/capital-letter/b_l1.svg b/public/assets/capital-letter/b_l1.svg
index ba96804..9e178e5 100755
--- a/public/assets/capital-letter/b_l1.svg
+++ b/public/assets/capital-letter/b_l1.svg
@@ -7,17 +7,16 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="b_l1.svg"
+   sodipodi:docname="b.svg"
+   inkscape:export-filename="b_1.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
-   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="b.svg.2023_09_26_13_13_50.0.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <sodipodi:namedview
-     id="namedview7"
+     id="namedview1671"
      pagecolor="#ffffff"
      bordercolor="#000000"
      borderopacity="0.25"
@@ -26,45 +25,25 @@
      inkscape:pagecheckerboard="0"
      inkscape:deskcolor="#d1d1d1"
      inkscape:document-units="mm"
-     showgrid="false"
-     showguides="true"
-     inkscape:zoom="1.7011402"
-     inkscape:cx="161.9502"
-     inkscape:cy="153.42651"
-     inkscape:window-width="1920"
-     inkscape:window-height="1011"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="layer1">
-    <sodipodi:guide
-       position="49.994203,105.87826"
-       orientation="1,0"
-       id="guide61"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="11.638122,-4.3701617"
-       orientation="1,0"
-       id="guide65"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="86.919797,93.944903"
-       orientation="1,0"
-       id="guide67"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="115.78941,19.290555"
-       orientation="0,-1"
-       id="guide69"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="115.90363,95.255637"
-       orientation="0,-1"
-       id="guide71"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
+     showgrid="false" />
   <defs
      id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L" />
+    </marker>
     <marker
        style="overflow:visible"
        id="Arrow2-7"
@@ -87,12 +66,9 @@
        refX="0"
        refY="0"
        orient="auto-start-reverse"
-       inkscape:stockid="Arrow2"
        markerWidth="7.6999998"
        markerHeight="5.5999999"
        viewBox="0 0 7.7 5.6"
-       inkscape:isstock="true"
-       inkscape:collect="always"
        preserveAspectRatio="xMidYMid">
       <path
          transform="scale(0.7)"
@@ -102,17 +78,14 @@
     </marker>
   </defs>
   <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     style="display:inline">
+     id="g2365">
     <path
-       style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
        d="M 48.503835,7.2773964 48.071477,78.855459"
        id="path127" />
     <g
        id="g2108"
-       transform="translate(-0.7254407,-5.5358067)"
+       transform="matrix(1.450692,0,0,1.5143111,-22.834961,-19.255845)"
        style="display:inline">
       <text
          xml:space="preserve"
@@ -121,7 +94,6 @@
          y="19.336451"
          id="text9342"
          transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           sodipodi:role="line"
            id="tspan9340"
            style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
            x="48.182404"
@@ -136,20 +108,20 @@
     </g>
     <path
        style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
-       d="m 48.371278,24.826676 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
-       id="path13743"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.032609882"
-       inkscape:transform-center-y="5.4034926" />
+       d="m 48.371278,21.68784 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
+       id="path13743" />
+  </g>
+  <g
+     id="g2339"
+     style="display:none">
     <path
-       style="display:none;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
        d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
-       id="path3061"
-       sodipodi:nodetypes="cc" />
+       id="path3061" />
     <g
        id="g1198"
-       transform="translate(3.2556029,-2.8149031)"
-       style="display:none">
+       transform="matrix(1.5411554,0,0,1.6047746,-27.223405,-8.7330318)"
+       style="display:inline">
       <text
          xml:space="preserve"
          style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@@ -170,8 +142,42 @@
          transform="rotate(-178.35508)" />
     </g>
     <path
-       style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
-       d="M 66.047717,6.789157 C 62.831195,5.9433878 59.42289,5.8384944 55.368578,7.0825755"
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
+       d="M 64.261684,6.1396904 C 61.045162,5.2939212 57.636857,5.1890278 53.582545,6.4331089"
        id="path15682" />
   </g>
+  <g
+     id="g2313"
+     style="display:none">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 47.995735,79.091605 C 91.791507,88.233864 96.514851,33.879382 49.968723,44.708634"
+       id="path7796" />
+    <g
+       id="g1149"
+       transform="matrix(1.6014666,0,0,1.6650857,-77.946974,-41.766209)">
+      <text
+         xml:space="preserve"
+         style="font-size:2.29383px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.115053;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="79.432571"
+         y="53.184124"
+         id="text9342-1"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan9340-2"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.115053;stroke-dasharray:none;stroke-opacity:1"
+           x="79.432571"
+           y="53.184124">3</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448-7"
+         cx="-81.574226"
+         cy="-49.920895"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+       d="m 63.116196,43.623278 c -3.114339,-1.102484 -6.629721,-0.645631 -9.243068,0.45777"
+       id="path9576" />
+  </g>
 </svg>
diff --git a/public/assets/capital-letter/b_l2.svg b/public/assets/capital-letter/b_l2.svg
index 333b879..dff6580 100755
--- a/public/assets/capital-letter/b_l2.svg
+++ b/public/assets/capital-letter/b_l2.svg
@@ -7,17 +7,16 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="b_l2.svg"
+   sodipodi:docname="b.svg"
+   inkscape:export-filename="b_1.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
-   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="b.svg.2023_09_26_13_13_50.0.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <sodipodi:namedview
-     id="namedview7"
+     id="namedview1671"
      pagecolor="#ffffff"
      bordercolor="#000000"
      borderopacity="0.25"
@@ -26,45 +25,25 @@
      inkscape:pagecheckerboard="0"
      inkscape:deskcolor="#d1d1d1"
      inkscape:document-units="mm"
-     showgrid="false"
-     showguides="true"
-     inkscape:zoom="1.7011402"
-     inkscape:cx="161.9502"
-     inkscape:cy="153.42651"
-     inkscape:window-width="1920"
-     inkscape:window-height="1011"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="layer1">
-    <sodipodi:guide
-       position="49.994203,105.87826"
-       orientation="1,0"
-       id="guide61"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="11.638122,-4.3701617"
-       orientation="1,0"
-       id="guide65"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="86.919797,93.944903"
-       orientation="1,0"
-       id="guide67"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="115.78941,19.290555"
-       orientation="0,-1"
-       id="guide69"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="115.90363,95.255637"
-       orientation="0,-1"
-       id="guide71"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
+     showgrid="false" />
   <defs
      id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L" />
+    </marker>
     <marker
        style="overflow:visible"
        id="Arrow2-7"
@@ -87,12 +66,9 @@
        refX="0"
        refY="0"
        orient="auto-start-reverse"
-       inkscape:stockid="Arrow2"
        markerWidth="7.6999998"
        markerHeight="5.5999999"
        viewBox="0 0 7.7 5.6"
-       inkscape:isstock="true"
-       inkscape:collect="always"
        preserveAspectRatio="xMidYMid">
       <path
          transform="scale(0.7)"
@@ -102,29 +78,50 @@
     </marker>
   </defs>
   <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     style="display:inline">
+     id="g2365"
+     style="display:none">
     <path
-       style="display:none;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
        d="M 48.503835,7.2773964 48.071477,78.855459"
        id="path127" />
+    <g
+       id="g2108"
+       transform="matrix(1.450692,0,0,1.5143111,-22.834961,-19.255845)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text9342"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan9340"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
     <path
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
-       d="m 48.371278,24.826676 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
-       id="path13743"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.032609882"
-       inkscape:transform-center-y="5.4034926" />
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
+       d="m 48.371278,21.68784 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
+       id="path13743" />
+  </g>
+  <g
+     id="g2339"
+     style="display:inline">
     <path
-       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
        d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
-       id="path3061"
-       sodipodi:nodetypes="cc" />
+       id="path3061" />
     <g
        id="g1198"
-       transform="translate(3.2556029,-2.8149031)"
+       transform="matrix(1.5411554,0,0,1.6047746,-27.223405,-8.7330318)"
        style="display:inline">
       <text
          xml:space="preserve"
@@ -147,7 +144,41 @@
     </g>
     <path
        style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
-       d="M 66.047717,6.789157 C 62.831195,5.9433878 59.42289,5.8384944 55.368578,7.0825755"
+       d="M 64.261684,6.1396904 C 61.045162,5.2939212 57.636857,5.1890278 53.582545,6.4331089"
        id="path15682" />
   </g>
+  <g
+     id="g2313"
+     style="display:none">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 47.995735,79.091605 C 91.791507,88.233864 96.514851,33.879382 49.968723,44.708634"
+       id="path7796" />
+    <g
+       id="g1149"
+       transform="matrix(1.6014666,0,0,1.6650857,-77.946974,-41.766209)">
+      <text
+         xml:space="preserve"
+         style="font-size:2.29383px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.115053;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="79.432571"
+         y="53.184124"
+         id="text9342-1"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan9340-2"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.115053;stroke-dasharray:none;stroke-opacity:1"
+           x="79.432571"
+           y="53.184124">3</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448-7"
+         cx="-81.574226"
+         cy="-49.920895"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+       d="m 63.116196,43.623278 c -3.114339,-1.102484 -6.629721,-0.645631 -9.243068,0.45777"
+       id="path9576" />
+  </g>
 </svg>
diff --git a/public/assets/capital-letter/b_l3.svg b/public/assets/capital-letter/b_l3.svg
index f392f99..671321d 100755
--- a/public/assets/capital-letter/b_l3.svg
+++ b/public/assets/capital-letter/b_l3.svg
@@ -7,17 +7,16 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
+   sodipodi:docname="b.svg"
    inkscape:export-filename="b_l2.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
-   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="b.svg.2023_09_26_13_13_50.0.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <sodipodi:namedview
-     id="namedview7"
+     id="namedview1671"
      pagecolor="#ffffff"
      bordercolor="#000000"
      borderopacity="0.25"
@@ -26,43 +25,7 @@
      inkscape:pagecheckerboard="0"
      inkscape:deskcolor="#d1d1d1"
      inkscape:document-units="mm"
-     showgrid="false"
-     showguides="true"
-     inkscape:zoom="1.7011402"
-     inkscape:cx="161.9502"
-     inkscape:cy="153.42651"
-     inkscape:window-width="1920"
-     inkscape:window-height="1011"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="layer1">
-    <sodipodi:guide
-       position="49.994203,105.87826"
-       orientation="1,0"
-       id="guide61"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="11.638122,-4.3701617"
-       orientation="1,0"
-       id="guide65"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="86.919797,93.944903"
-       orientation="1,0"
-       id="guide67"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="115.78941,19.290555"
-       orientation="0,-1"
-       id="guide69"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="115.90363,95.255637"
-       orientation="0,-1"
-       id="guide71"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
+     showgrid="false" />
   <defs
      id="defs2">
     <marker
@@ -71,12 +34,9 @@
        refX="0"
        refY="0"
        orient="auto-start-reverse"
-       inkscape:stockid="Arrow2"
        markerWidth="7.6999998"
        markerHeight="5.5999999"
        viewBox="0 0 7.7 5.6"
-       inkscape:isstock="true"
-       inkscape:collect="always"
        preserveAspectRatio="xMidYMid">
       <path
          transform="scale(0.7)"
@@ -106,12 +66,9 @@
        refX="0"
        refY="0"
        orient="auto-start-reverse"
-       inkscape:stockid="Arrow2"
        markerWidth="7.6999998"
        markerHeight="5.5999999"
        viewBox="0 0 7.7 5.6"
-       inkscape:isstock="true"
-       inkscape:collect="always"
        preserveAspectRatio="xMidYMid">
       <path
          transform="scale(0.7)"
@@ -121,69 +78,107 @@
     </marker>
   </defs>
   <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     style="display:inline">
+     id="g2365"
+     style="display:none">
     <path
-       style="display:none;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
        d="M 48.503835,7.2773964 48.071477,78.855459"
        id="path127" />
-    <path
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
-       d="m 48.371278,24.826676 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
-       id="path13743"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.032609882"
-       inkscape:transform-center-y="5.4034926" />
-    <path
-       style="display:none;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
-       id="path3061"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
-       d="M 66.047717,6.789157 C 62.831195,5.9433878 59.42289,5.8384944 55.368578,7.0825755"
-       id="path15682" />
     <g
-       id="g439"
+       id="g2108"
+       transform="matrix(1.450692,0,0,1.5143111,-22.834961,-19.255845)"
        style="display:inline">
-      <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 47.995735,79.091605 C 91.791507,88.233864 96.514851,33.879382 49.968723,44.708634"
-         id="path7796"
-         sodipodi:nodetypes="cc" />
-      <g
-         id="g1149"
-         transform="translate(-27.968881,-7.5584371)"
-         style="display:inline">
-        <text
-           xml:space="preserve"
-           style="font-size:2.29383px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.115053;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-           x="79.432571"
-           y="53.184124"
-           id="text9342-1"
-           transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-             sodipodi:role="line"
-             id="tspan9340-2"
-             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.115053;stroke-dasharray:none;stroke-opacity:1"
-             x="79.432571"
-             y="53.184124">3</tspan></text>
-        <circle
-           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-           id="path9448-7"
-           cx="-81.574226"
-           cy="-49.920895"
-           r="1.2760839"
-           transform="rotate(-178.67073)" />
-      </g>
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-         d="m 63.603296,43.623278 c -3.114339,-1.102484 -6.629721,-0.645631 -9.243068,0.45777"
-         id="path9576"
-         sodipodi:nodetypes="cc"
-         inkscape:transform-center-x="0.89540327"
-         inkscape:transform-center-y="0.2109465" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text9342"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan9340"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
     </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
+       d="m 48.371278,21.68784 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
+       id="path13743" />
+  </g>
+  <g
+     id="g2339"
+     style="display:none">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
+       id="path3061" />
+    <g
+       id="g1198"
+       transform="matrix(1.5411554,0,0,1.6047746,-27.223405,-8.7330318)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="49.768463"
+         y="10.649764"
+         id="text15678"
+         transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+           id="tspan15676"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="49.768463"
+           y="10.649764">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle15680"
+         cx="-50.731476"
+         cy="-8.3328476"
+         r="1.2760839"
+         transform="rotate(-178.35508)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
+       d="M 64.261684,6.1396904 C 61.045162,5.2939212 57.636857,5.1890278 53.582545,6.4331089"
+       id="path15682" />
+  </g>
+  <g
+     id="g2313"
+     style="display:inline">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 47.995735,79.091605 C 91.791507,88.233864 96.514851,33.879382 49.968723,44.708634"
+       id="path7796" />
+    <g
+       id="g1149"
+       transform="matrix(1.6014666,0,0,1.6650857,-77.946974,-41.766209)">
+      <text
+         xml:space="preserve"
+         style="font-size:2.29383px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.115053;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="79.432571"
+         y="53.184124"
+         id="text9342-1"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan9340-2"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.115053;stroke-dasharray:none;stroke-opacity:1"
+           x="79.432571"
+           y="53.184124">3</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448-7"
+         cx="-81.574226"
+         cy="-49.920895"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+       d="m 63.116196,43.623278 c -3.114339,-1.102484 -6.629721,-0.645631 -9.243068,0.45777"
+       id="path9576" />
   </g>
 </svg>
diff --git a/public/assets/capital-letter/c_l1.svg b/public/assets/capital-letter/c.svg
similarity index 92%
rename from public/assets/capital-letter/c_l1.svg
rename to public/assets/capital-letter/c.svg
index 5b10b82..762bdb1 100755
--- a/public/assets/capital-letter/c_l1.svg
+++ b/public/assets/capital-letter/c.svg
@@ -7,7 +7,7 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="b_l3.svg"
+   inkscape:export-filename="c.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
@@ -90,13 +90,13 @@
      inkscape:groupmode="layer"
      id="layer1">
     <path
-       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
        d="M 46.950904,54.58028 C 40.098765,69.618826 9.9533159,69.837474 10.446716,35.540387 9.8782014,1.9943061 40.148611,1.2959928 46.950937,16.579396"
        id="path3061"
        sodipodi:nodetypes="ccc" />
     <g
        id="g2108"
-       transform="translate(-2.4303795,-1.0560959)">
+       transform="matrix(1.3435321,0,0,1.4654151,-19.624982,-10.507892)">
       <text
          xml:space="preserve"
          style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@@ -119,7 +119,7 @@
     </g>
     <path
        style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="m 37.741355,8.8537233 c 2.994925,1.2362657 6.697855,3.3419177 8.115716,6.5170127"
+       d="m 36.030493,7.7649927 c 3.537241,0.9630583 6.045662,1.7715574 8.737848,5.5838143"
        id="path13743"
        sodipodi:nodetypes="cc"
        inkscape:transform-center-x="4.2043934"
diff --git a/public/assets/capital-letter/d.svg b/public/assets/capital-letter/d.svg
index e259d8e..d8dfe23 100755
--- a/public/assets/capital-letter/d.svg
+++ b/public/assets/capital-letter/d.svg
@@ -7,62 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="d.svg"
-   inkscape:export-xdpi="96"
-   inkscape:export-ydpi="96"
-   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="d.svg.2023_09_26_13_23_34.0.svg"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview7"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"
-     inkscape:document-units="mm"
-     showgrid="false"
-     showguides="true"
-     inkscape:zoom="1.7011402"
-     inkscape:cx="161.9502"
-     inkscape:cy="153.42651"
-     inkscape:window-width="1920"
-     inkscape:window-height="1011"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="layer1">
-    <sodipodi:guide
-       position="49.994203,105.87826"
-       orientation="1,0"
-       id="guide61"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="8.9984311,30.276284"
-       orientation="1,0"
-       id="guide65"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="39.261739,98.984782"
-       orientation="1,0"
-       id="guide67"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="116.39667,18.760333"
-       orientation="0,-1"
-       id="guide69"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="115.90363,95.255637"
-       orientation="0,-1"
-       id="guide71"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
   <defs
      id="defs2">
     <marker
@@ -71,12 +17,9 @@
        refX="0"
        refY="0"
        orient="auto-start-reverse"
-       inkscape:stockid="Arrow2"
        markerWidth="7.6999998"
        markerHeight="5.5999999"
        viewBox="0 0 7.7 5.6"
-       inkscape:isstock="true"
-       inkscape:collect="always"
        preserveAspectRatio="xMidYMid">
       <path
          transform="scale(0.7)"
@@ -90,12 +33,9 @@
        refX="0"
        refY="0"
        orient="auto-start-reverse"
-       inkscape:stockid="Arrow2"
        markerWidth="7.6999998"
        markerHeight="5.5999999"
        viewBox="0 0 7.7 5.6"
-       inkscape:isstock="true"
-       inkscape:collect="always"
        preserveAspectRatio="xMidYMid">
       <path
          transform="scale(0.7)"
@@ -105,40 +45,65 @@
     </marker>
   </defs>
   <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
      id="layer1">
-    <path
-       style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 41.82571,7.2769186 42.049594,78.855937"
-       id="path127"
-       sodipodi:insensitive="true" />
     <g
-       id="g1669">
+       id="g996">
       <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 42.16117,78.472117 C 104.80474,82.321666 106.39242,4.6156773 43.051128,7.3391777"
-         id="path7796"
-         sodipodi:nodetypes="cc" />
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 41.82571,7.2769186 42.049594,78.855937"
+         id="path127" />
+      <path
+         style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+         d="M 42.160215,28.529957 42.127207,18.392492"
+         id="path6265" />
       <g
-         id="g1198"
-         transform="translate(-5.3351616,-2.2176714)"
+         id="g907"
+         transform="matrix(1.6339261,0,0,1.6948676,-26.551925,-6.5117843)">
+        <text
+           xml:space="preserve"
+           style="font-size:2.7912px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="41.024876"
+           y="12.991475"
+           id="text9342"
+           transform="scale(0.99960875,1.0003914)"><tspan
+             id="tspan9340"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+             x="41.024876"
+             y="12.991475">1</tspan></text>
+        <circle
+           style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="path9448"
+           cx="41.81303"
+           cy="11.98179"
+           r="1.2760839" />
+      </g>
+    </g>
+    <g
+       id="g1022"
+       transform="rotate(-0.43085195,50.572387,-12.861129)"
+       style="display:inline">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7.02398;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 41.302175,78.767111 C 103.94399,82.118327 104.88273,3.8288394 41.598389,7.1047661"
+         id="path1010" />
+      <g
+         id="g1018"
+         transform="matrix(1.6937779,0,0,1.7361549,-39.96616,-10.191295)"
          style="display:inline">
         <text
            xml:space="preserve"
            style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
            x="49.768463"
            y="10.649764"
-           id="text15678"
+           id="text1014"
            transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
-             sodipodi:role="line"
-             id="tspan15676"
+             id="tspan1012"
              style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
              x="49.768463"
              y="10.649764">2</tspan></text>
         <circle
            style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-           id="circle15680"
+           id="circle1016"
            cx="-50.731476"
            cy="-8.3328476"
            r="1.2760839"
@@ -146,34 +111,8 @@
       </g>
       <path
          style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="M 57.580998,8.5573639 C 54.492455,7.6343288 51.054759,7.3582273 46.959995,7.4065268"
-         id="path15682"
-         sodipodi:nodetypes="cc"
-         inkscape:transform-center-x="-5.0800676"
-         inkscape:transform-center-y="0.67042889" />
+         d="M 59.566804,8.6837466 C 56.545175,7.5608719 53.132867,7.0607337 49.043697,6.8413692"
+         id="path1020" />
     </g>
-    <path
-       style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
-       d="M 41.908046,24.029606 41.875038,13.892141"
-       id="path6265"
-       sodipodi:nodetypes="cc" />
-    <text
-       xml:space="preserve"
-       style="font-size:2.7912px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="41.024876"
-       y="12.991475"
-       id="text9342"
-       transform="scale(0.99960875,1.0003914)"><tspan
-         sodipodi:role="line"
-         id="tspan9340"
-         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-         x="41.024876"
-         y="12.991475">1</tspan></text>
-    <circle
-       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="path9448"
-       cx="41.81303"
-       cy="11.98179"
-       r="1.2760839" />
   </g>
 </svg>
diff --git a/public/assets/capital-letter/d_l1.svg b/public/assets/capital-letter/d_l1.svg
index 1035207..791bc12 100755
--- a/public/assets/capital-letter/d_l1.svg
+++ b/public/assets/capital-letter/d_l1.svg
@@ -7,11 +7,11 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="d.svg"
+   inkscape:export-filename="d_1.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="d.svg.2023_09_26_13_23_34.0.svg"
+   sodipodi:docname="d.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -38,7 +38,7 @@
      inkscape:window-maximized="1"
      inkscape:current-layer="layer1">
     <sodipodi:guide
-       position="72.417594,23.045218"
+       position="49.994203,105.87826"
        orientation="1,0"
        id="guide61"
        inkscape:locked="false" />
@@ -107,39 +107,70 @@
   <g
      inkscape:label="Layer 1"
      inkscape:groupmode="layer"
-     id="layer1">
-    <path
-       style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 41.82571,7.2769186 42.049594,78.855937"
-       id="path127"
-       sodipodi:insensitive="true" />
+     id="layer1"
+     style="display:inline">
     <g
-       id="g1669"
-       style="display:none">
+       id="g996">
       <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 42.16117,78.472117 C 104.80474,82.321666 106.39242,4.6156773 43.051128,7.3391777"
-         id="path7796"
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 41.82571,7.2769186 42.049594,78.855937"
+         id="path127" />
+      <path
+         style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+         d="M 42.160215,28.529957 42.127207,18.392492"
+         id="path6265"
          sodipodi:nodetypes="cc" />
       <g
-         id="g1198"
-         transform="translate(-5.3351616,-2.2176714)"
+         id="g907"
+         transform="matrix(1.6339261,0,0,1.6948676,-26.551925,-6.5117843)">
+        <text
+           xml:space="preserve"
+           style="font-size:2.7912px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="41.024876"
+           y="12.991475"
+           id="text9342"
+           transform="scale(0.99960875,1.0003914)"><tspan
+             sodipodi:role="line"
+             id="tspan9340"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+             x="41.024876"
+             y="12.991475">1</tspan></text>
+        <circle
+           style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="path9448"
+           cx="41.81303"
+           cy="11.98179"
+           r="1.2760839" />
+      </g>
+    </g>
+    <g
+       id="g1022"
+       transform="rotate(-0.43085195,50.572387,-12.861129)"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7.02398;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 41.302175,78.767111 C 103.94399,82.118327 104.88273,3.8288394 41.598389,7.1047661"
+         id="path1010"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g1018"
+         transform="matrix(1.6937779,0,0,1.7361549,-39.96616,-10.191295)"
          style="display:inline">
         <text
            xml:space="preserve"
            style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
            x="49.768463"
            y="10.649764"
-           id="text15678"
+           id="text1014"
            transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
              sodipodi:role="line"
-             id="tspan15676"
+             id="tspan1012"
              style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
              x="49.768463"
              y="10.649764">2</tspan></text>
         <circle
            style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-           id="circle15680"
+           id="circle1016"
            cx="-50.731476"
            cy="-8.3328476"
            r="1.2760839"
@@ -147,34 +178,11 @@
       </g>
       <path
          style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="M 57.580998,8.5573639 C 54.492455,7.6343288 51.054759,7.3582273 46.959995,7.4065268"
-         id="path15682"
+         d="M 59.566804,8.6837466 C 56.545175,7.5608719 53.132867,7.0607337 49.043697,6.8413692"
+         id="path1020"
          sodipodi:nodetypes="cc"
-         inkscape:transform-center-x="-5.0800676"
-         inkscape:transform-center-y="0.67042889" />
+         inkscape:transform-center-x="-5.0252316"
+         inkscape:transform-center-y="1.0035669" />
     </g>
-    <path
-       style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
-       d="M 41.908046,24.029606 41.875038,13.892141"
-       id="path6265"
-       sodipodi:nodetypes="cc" />
-    <text
-       xml:space="preserve"
-       style="font-size:2.7912px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="41.024876"
-       y="12.991475"
-       id="text9342"
-       transform="scale(0.99960875,1.0003914)"><tspan
-         sodipodi:role="line"
-         id="tspan9340"
-         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-         x="41.024876"
-         y="12.991475">1</tspan></text>
-    <circle
-       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="path9448"
-       cx="41.81303"
-       cy="11.98179"
-       r="1.2760839" />
   </g>
 </svg>
diff --git a/public/assets/capital-letter/d_l2.svg b/public/assets/capital-letter/d_l2.svg
index 46bbf85..da717f3 100755
--- a/public/assets/capital-letter/d_l2.svg
+++ b/public/assets/capital-letter/d_l2.svg
@@ -7,11 +7,11 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="d_l1.svg"
+   inkscape:export-filename="d_2.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="d.svg.2023_09_26_13_23_34.0.svg"
+   sodipodi:docname="d.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -38,7 +38,7 @@
      inkscape:window-maximized="1"
      inkscape:current-layer="layer1">
     <sodipodi:guide
-       position="72.417594,23.045218"
+       position="49.994203,105.87826"
        orientation="1,0"
        id="guide61"
        inkscape:locked="false" />
@@ -107,38 +107,71 @@
   <g
      inkscape:label="Layer 1"
      inkscape:groupmode="layer"
-     id="layer1">
-    <path
-       style="display:none;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 41.82571,7.2769186 42.049594,78.855937"
-       id="path127" />
+     id="layer1"
+     style="display:inline">
     <g
-       id="g1669"
-       style="display:inline">
+       id="g996"
+       style="display:none">
       <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 42.16117,78.472117 C 104.80474,82.321666 106.39242,4.6156773 43.051128,7.3391777"
-         id="path7796"
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 41.82571,7.2769186 42.049594,78.855937"
+         id="path127" />
+      <path
+         style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+         d="M 42.160215,28.529957 42.127207,18.392492"
+         id="path6265"
          sodipodi:nodetypes="cc" />
       <g
-         id="g1198"
-         transform="translate(-5.3351616,-2.2176714)"
+         id="g907"
+         transform="matrix(1.6339261,0,0,1.6948676,-26.551925,-6.5117843)">
+        <text
+           xml:space="preserve"
+           style="font-size:2.7912px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="41.024876"
+           y="12.991475"
+           id="text9342"
+           transform="scale(0.99960875,1.0003914)"><tspan
+             sodipodi:role="line"
+             id="tspan9340"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+             x="41.024876"
+             y="12.991475">1</tspan></text>
+        <circle
+           style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="path9448"
+           cx="41.81303"
+           cy="11.98179"
+           r="1.2760839" />
+      </g>
+    </g>
+    <g
+       id="g1022"
+       transform="rotate(-0.43085195,50.572387,-12.861129)"
+       style="display:inline">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7.02398;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 41.302175,78.767111 C 103.94399,82.118327 104.88273,3.8288394 41.598389,7.1047661"
+         id="path1010"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g1018"
+         transform="matrix(1.6937779,0,0,1.7361549,-39.96616,-10.191295)"
          style="display:inline">
         <text
            xml:space="preserve"
            style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
            x="49.768463"
            y="10.649764"
-           id="text15678"
+           id="text1014"
            transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
              sodipodi:role="line"
-             id="tspan15676"
+             id="tspan1012"
              style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
              x="49.768463"
              y="10.649764">2</tspan></text>
         <circle
            style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-           id="circle15680"
+           id="circle1016"
            cx="-50.731476"
            cy="-8.3328476"
            r="1.2760839"
@@ -146,22 +179,11 @@
       </g>
       <path
          style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="M 57.580998,8.5573639 C 54.492455,7.6343288 51.054759,7.3582273 46.959995,7.4065268"
-         id="path15682"
+         d="M 59.566804,8.6837466 C 56.545175,7.5608719 53.132867,7.0607337 49.043697,6.8413692"
+         id="path1020"
          sodipodi:nodetypes="cc"
-         inkscape:transform-center-x="-5.0800676"
-         inkscape:transform-center-y="0.67042889" />
+         inkscape:transform-center-x="-5.0252316"
+         inkscape:transform-center-y="1.0035669" />
     </g>
-    <path
-       style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
-       d="M 41.908046,24.029606 41.875038,13.892141"
-       id="path6265"
-       sodipodi:nodetypes="cc" />
-    <circle
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="path9448"
-       cx="41.81303"
-       cy="11.98179"
-       r="1.2760839" />
   </g>
 </svg>
diff --git a/public/assets/capital-letter/e.svg b/public/assets/capital-letter/e.svg
index 0f7b12e..d4d7be2 100755
--- a/public/assets/capital-letter/e.svg
+++ b/public/assets/capital-letter/e.svg
@@ -7,8 +7,22 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
+   sodipodi:docname="e.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview30"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false" />
   <defs
      id="defs2">
     <marker
@@ -29,118 +43,113 @@
     </marker>
   </defs>
   <g
-     id="layer1">
+     id="g1041">
     <path
-       style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
        d="M 41.82571,7.2769186 42.049594,78.855937"
        id="path127" />
     <path
        style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 41.90049,23.739752 41.867482,13.602287"
+       d="M 41.778715,25.689627 41.745707,15.552162"
        id="path6265" />
     <text
        xml:space="preserve"
-       style="font-size:2.7912px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="41.017315"
-       y="12.701729"
+       style="font-size:3.98775px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.200016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="42.185917"
+       y="13.745173"
        id="text9342"
-       transform="scale(0.99960875,1.0003914)"><tspan
+       transform="scale(0.96141893,1.0401293)"><tspan
          id="tspan9340"
-         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-         x="41.017315"
-         y="12.701729">1</tspan></text>
-    <circle
-       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="path9448"
-       cx="41.805473"
-       cy="11.69193"
-       r="1.2760839" />
-    <g
-       id="g3666"
-       style="display:inline">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 41.785464,7.3045297 33.868367,0.105865"
-         id="path548" />
-      <path
-         style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="M 54.595276,7.2787009 44.458995,7.1203219"
-         id="path9566" />
-      <circle
-         style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle9572"
-         cx="-6.3417368"
-         cy="42.675137"
-         r="1.2760839"
-         transform="rotate(-88.91827)" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.51339px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="41.85751"
-         y="8.0238476"
-         id="text9650"><tspan
-           id="tspan9648"
-           style="stroke-width:0.14;stroke-dasharray:none"
-           x="41.85751"
-           y="8.0238476">2</tspan></text>
-    </g>
-    <g
-       id="g3673"
-       style="display:inline">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 41.95325,42.858299 29.472672,0.120987"
-         id="path1108" />
-      <path
-         style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="M 54.585716,42.562743 44.449435,42.404364"
-         id="path9576" />
-      <circle
-         style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle9582"
-         cx="-41.619633"
-         cy="43.331741"
-         r="1.2760839"
-         transform="rotate(-88.91827)" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.28038px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="41.937611"
-         y="43.216064"
-         id="text9714"><tspan
-           id="tspan9712"
-           style="stroke:#f9f6f6;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="41.937611"
-           y="43.216064">3</tspan></text>
-    </g>
-    <g
-       id="g3680"
-       style="display:inline">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 42.014207,78.885553 33.868367,0.105865"
-         id="path1106" />
-      <path
-         style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="M 54.585716,79.075266 44.449435,78.916887"
-         id="path9586" />
-      <circle
-         style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle9592"
-         cx="-78.125687"
-         cy="44.021099"
-         r="1.2760839"
-         transform="rotate(-88.91827)" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.67135px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="41.672253"
-         y="79.868111"
-         id="text9761"><tspan
-           id="tspan9759"
-           style="stroke-width:0.117792"
-           x="41.672253"
-           y="79.868111">4</tspan></text>
-    </g>
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.200016;stroke-dasharray:none;stroke-opacity:1"
+         x="42.185917"
+         y="13.745173">1</tspan></text>
   </g>
+  <ellipse
+     style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.200016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     id="path9448"
+     cx="41.663403"
+     cy="12.789379"
+     rx="1.7534717"
+     ry="1.8955425" />
+  <path
+     style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+     d="m 41.785464,7.3045297 33.868367,0.105865"
+     id="path548" />
+  <path
+     style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+     d="M 54.595276,7.2787009 44.458995,7.1203219"
+     id="path9566" />
+  <ellipse
+     style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.213782;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     id="circle9572"
+     cx="-6.3401861"
+     cy="42.181671"
+     transform="matrix(0.01773549,-0.99984271,0.99979807,0.0200954,0,0)"
+     rx="2.010391"
+     ry="1.8887024" />
+  <text
+     xml:space="preserve"
+     style="font-size:3.83797px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.213782;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     x="42.341419"
+     y="8.3058815"
+     id="text9650"
+     transform="scale(0.96924113,1.031735)"><tspan
+       id="tspan9648"
+       style="stroke-width:0.213782;stroke-dasharray:none"
+       x="42.341419"
+       y="8.3058815">2</tspan></text>
+  <path
+     style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+     d="m 41.95325,42.858299 29.472672,0.120987"
+     id="path1108" />
+  <path
+     style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+     d="M 54.585716,42.562743 44.449435,42.404364"
+     id="path9576" />
+  <ellipse
+     style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.188538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     id="circle9582"
+     cx="-41.638737"
+     cy="43.350529"
+     transform="matrix(0.01932968,-0.99981316,0.99983,0.01843809,0,0)"
+     rx="1.6983367"
+     ry="1.7388995" />
+  <text
+     xml:space="preserve"
+     style="font-size:3.24311px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.199105;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     x="38.136238"
+     y="47.39529"
+     id="text9714"
+     transform="scale(1.0904565,0.91704713)"><tspan
+       id="tspan9712"
+       style="stroke:#f9f6f6;stroke-width:0.199105;stroke-dasharray:none;stroke-opacity:1"
+       x="38.136238"
+       y="47.39529">3</tspan></text>
+  <path
+     style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+     d="m 42.014207,78.885553 33.868367,0.105865"
+     id="path1106" />
+  <path
+     style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+     d="M 54.585716,79.075266 44.449435,78.916887"
+     id="path9586" />
+  <ellipse
+     style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.188438;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     id="circle9592"
+     cx="-78.064857"
+     cy="43.920307"
+     transform="matrix(0.01758718,-0.99984533,0.99979465,0.02026484,0,0)"
+     rx="1.7795134"
+     ry="1.6578252" />
+  <text
+     xml:space="preserve"
+     style="font-size:3.8517px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.169839;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     x="38.7425"
+     y="85.424103"
+     id="text9761"
+     transform="scale(1.06504,0.93893188)"><tspan
+       id="tspan9759"
+       style="stroke-width:0.169839"
+       x="38.7425"
+       y="85.424103">4</tspan></text>
 </svg>
diff --git a/public/assets/capital-letter/e_l1.svg b/public/assets/capital-letter/e_l1.svg
index 7ba35e4..afa5e71 100755
--- a/public/assets/capital-letter/e_l1.svg
+++ b/public/assets/capital-letter/e_l1.svg
@@ -7,17 +7,16 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="c_l1.svg"
+   sodipodi:docname="e.svg"
+   inkscape:export-filename="e.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
-   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="d_l1.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <sodipodi:namedview
-     id="namedview7"
+     id="namedview30"
      pagecolor="#ffffff"
      bordercolor="#000000"
      borderopacity="0.25"
@@ -26,48 +25,7 @@
      inkscape:pagecheckerboard="0"
      inkscape:deskcolor="#d1d1d1"
      inkscape:document-units="mm"
-     showgrid="false"
-     showguides="true"
-     inkscape:zoom="1.4478969"
-     inkscape:cx="172.3189"
-     inkscape:cy="215.48496"
-     inkscape:window-width="1920"
-     inkscape:window-height="1011"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="layer1">
-    <sodipodi:guide
-       position="49.994203,105.87826"
-       orientation="1,0"
-       id="guide61"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="8.9984311,30.276284"
-       orientation="1,0"
-       id="guide65"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="39.261739,98.984782"
-       orientation="1,0"
-       id="guide67"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="116.39667,18.760333"
-       orientation="0,-1"
-       id="guide69"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="115.90363,95.255637"
-       orientation="0,-1"
-       id="guide71"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="78.794444,101.02008"
-       orientation="1,0"
-       id="guide550"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
+     showgrid="false" />
   <defs
      id="defs2">
     <marker
@@ -76,12 +34,9 @@
        refX="0"
        refY="0"
        orient="auto-start-reverse"
-       inkscape:stockid="Arrow2"
        markerWidth="7.6999998"
        markerHeight="5.5999999"
        viewBox="0 0 7.7 5.6"
-       inkscape:isstock="true"
-       inkscape:collect="always"
        preserveAspectRatio="xMidYMid">
       <path
          transform="scale(0.7)"
@@ -91,83 +46,129 @@
     </marker>
   </defs>
   <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1">
+     id="g1152"
+     style="display:inline">
+    <g
+       id="g1041">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 41.82571,7.2769186 42.049594,78.855937"
+         id="path127" />
+      <path
+         style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 41.778715,25.689627 41.745707,15.552162"
+         id="path6265" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.98775px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.200016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="42.185917"
+         y="13.745173"
+         id="text9342"
+         transform="scale(0.96141893,1.0401293)"><tspan
+           id="tspan9340"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.200016;stroke-dasharray:none;stroke-opacity:1"
+           x="42.185917"
+           y="13.745173">1</tspan></text>
+    </g>
+    <ellipse
+       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.200016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path9448"
+       cx="41.663403"
+       cy="12.789379"
+       rx="1.7534717"
+       ry="1.8955425" />
+  </g>
+  <g
+     id="g1138"
+     style="display:none">
     <path
-       style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 41.82571,7.2769186 42.049594,78.855937"
-       id="path127" />
-    <path
-       style="display:none;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
        d="m 41.785464,7.3045297 33.868367,0.105865"
        id="path548" />
     <path
-       style="display:none;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="m 42.014207,78.885553 33.868367,0.105865"
-       id="path1106" />
+       style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="M 54.595276,7.2787009 44.458995,7.1203219"
+       id="path9566" />
+    <ellipse
+       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.213782;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle9572"
+       cx="-6.3401861"
+       cy="42.181671"
+       transform="matrix(0.01773549,-0.99984271,0.99979807,0.0200954,0,0)"
+       rx="2.010391"
+       ry="1.8887024" />
+    <text
+       xml:space="preserve"
+       style="font-size:3.83797px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.213782;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="42.341419"
+       y="8.3058815"
+       id="text9650"
+       transform="scale(0.96924111,1.031735)"><tspan
+         id="tspan9648"
+         style="stroke-width:0.213782;stroke-dasharray:none"
+         x="42.341419"
+         y="8.3058815">2</tspan></text>
+  </g>
+  <g
+     id="g1165"
+     style="display:none">
     <path
-       style="display:none;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
        d="m 41.95325,42.858299 29.472672,0.120987"
        id="path1108" />
     <path
        style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 41.90049,23.739752 41.867482,13.602287"
-       id="path6265"
-       sodipodi:nodetypes="cc" />
+       d="M 54.585716,42.562743 44.449435,42.404364"
+       id="path9576" />
+    <ellipse
+       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.188538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle9582"
+       cx="-41.638737"
+       cy="43.350529"
+       transform="matrix(0.01932968,-0.99981316,0.99983,0.01843809,0,0)"
+       rx="1.6983367"
+       ry="1.7388995" />
     <text
        xml:space="preserve"
-       style="font-size:2.7912px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="41.017315"
-       y="12.701729"
-       id="text9342"
-       transform="scale(0.99960875,1.0003914)"><tspan
-         sodipodi:role="line"
-         id="tspan9340"
-         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-         x="41.017315"
-         y="12.701729">1</tspan></text>
-    <circle
-       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="path9448"
-       cx="41.805473"
-       cy="11.69193"
-       r="1.2760839" />
+       style="font-size:3.24311px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.199105;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="38.136238"
+       y="47.39529"
+       id="text9714"
+       transform="scale(1.0904565,0.91704716)"><tspan
+         id="tspan9712"
+         style="stroke:#f9f6f6;stroke-width:0.199105;stroke-dasharray:none;stroke-opacity:1"
+         x="38.136238"
+         y="47.39529">3</tspan></text>
+  </g>
+  <g
+     id="g1178"
+     style="display:none">
     <path
-       style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 54.595276,7.2787009 44.458995,7.1203219"
-       id="path9566"
-       sodipodi:nodetypes="cc" />
-    <circle
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="circle9572"
-       cx="-6.3417368"
-       cy="42.675137"
-       r="1.2760839"
-       transform="rotate(-88.91827)" />
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 42.014207,78.885553 33.868367,0.105865"
+       id="path1106" />
     <path
-       style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-       d="M 54.843892,42.822434 44.707611,42.664055"
-       id="path9576"
-       sodipodi:nodetypes="cc" />
-    <circle
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-       id="circle9582"
-       cx="-41.874405"
-       cy="43.594776"
-       r="1.2760839"
-       transform="rotate(-88.91827)" />
-    <path
-       style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
        d="M 54.585716,79.075266 44.449435,78.916887"
-       id="path9586"
-       sodipodi:nodetypes="cc" />
-    <circle
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path9586" />
+    <ellipse
+       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.188438;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
        id="circle9592"
-       cx="-78.125687"
-       cy="44.021099"
-       r="1.2760839"
-       transform="rotate(-88.91827)" />
+       cx="-78.064857"
+       cy="43.920307"
+       transform="matrix(0.01758718,-0.99984533,0.99979465,0.02026484,0,0)"
+       rx="1.7795134"
+       ry="1.6578252" />
+    <text
+       xml:space="preserve"
+       style="font-size:3.8517px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.169839;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="38.7425"
+       y="85.424103"
+       id="text9761"
+       transform="scale(1.06504,0.93893189)"><tspan
+         id="tspan9759"
+         style="stroke-width:0.169839"
+         x="38.7425"
+         y="85.424103">4</tspan></text>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/e_l2.svg b/public/assets/capital-letter/e_l2.svg
index ba7c9f3..f20673d 100755
--- a/public/assets/capital-letter/e_l2.svg
+++ b/public/assets/capital-letter/e_l2.svg
@@ -7,17 +7,16 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="e_l4.svg"
+   sodipodi:docname="e.svg"
+   inkscape:export-filename="e_l2.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
-   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="d_l1.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <sodipodi:namedview
-     id="namedview7"
+     id="namedview30"
      pagecolor="#ffffff"
      bordercolor="#000000"
      borderopacity="0.25"
@@ -26,48 +25,7 @@
      inkscape:pagecheckerboard="0"
      inkscape:deskcolor="#d1d1d1"
      inkscape:document-units="mm"
-     showgrid="false"
-     showguides="true"
-     inkscape:zoom="1.4478969"
-     inkscape:cx="172.3189"
-     inkscape:cy="215.48496"
-     inkscape:window-width="1920"
-     inkscape:window-height="1011"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="layer1">
-    <sodipodi:guide
-       position="49.994203,105.87826"
-       orientation="1,0"
-       id="guide61"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="8.9984311,30.276284"
-       orientation="1,0"
-       id="guide65"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="39.261739,98.984782"
-       orientation="1,0"
-       id="guide67"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="116.39667,18.760333"
-       orientation="0,-1"
-       id="guide69"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="115.90363,95.255637"
-       orientation="0,-1"
-       id="guide71"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="78.794444,101.02008"
-       orientation="1,0"
-       id="guide550"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
+     showgrid="false" />
   <defs
      id="defs2">
     <marker
@@ -76,12 +34,9 @@
        refX="0"
        refY="0"
        orient="auto-start-reverse"
-       inkscape:stockid="Arrow2"
        markerWidth="7.6999998"
        markerHeight="5.5999999"
        viewBox="0 0 7.7 5.6"
-       inkscape:isstock="true"
-       inkscape:collect="always"
        preserveAspectRatio="xMidYMid">
       <path
          transform="scale(0.7)"
@@ -91,83 +46,129 @@
     </marker>
   </defs>
   <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"
+     id="g1152"
+     style="display:none">
+    <g
+       id="g1041">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 41.82571,7.2769186 42.049594,78.855937"
+         id="path127" />
+      <path
+         style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 41.778715,25.689627 41.745707,15.552162"
+         id="path6265" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.98775px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.200016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="42.185917"
+         y="13.745173"
+         id="text9342"
+         transform="scale(0.96141893,1.0401293)"><tspan
+           id="tspan9340"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.200016;stroke-dasharray:none;stroke-opacity:1"
+           x="42.185917"
+           y="13.745173">1</tspan></text>
+    </g>
+    <ellipse
+       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.200016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path9448"
+       cx="41.663403"
+       cy="12.789379"
+       rx="1.7534717"
+       ry="1.8955425" />
+  </g>
+  <g
+     id="g1138"
      style="display:inline">
     <path
-       style="display:none;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 41.82571,7.2769186 42.049594,78.855937"
-       id="path127" />
-    <path
-       style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
        d="m 41.785464,7.3045297 33.868367,0.105865"
        id="path548" />
     <path
-       style="display:none;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="m 42.014207,78.885553 33.868367,0.105865"
-       id="path1106" />
+       style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="M 54.595276,7.2787009 44.458995,7.1203219"
+       id="path9566" />
+    <ellipse
+       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.213782;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle9572"
+       cx="-6.3401861"
+       cy="42.181671"
+       transform="matrix(0.01773549,-0.99984271,0.99979807,0.0200954,0,0)"
+       rx="2.010391"
+       ry="1.8887024" />
+    <text
+       xml:space="preserve"
+       style="font-size:3.83797px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.213782;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="42.341419"
+       y="8.3058815"
+       id="text9650"
+       transform="scale(0.96924111,1.031735)"><tspan
+         id="tspan9648"
+         style="stroke-width:0.213782;stroke-dasharray:none"
+         x="42.341419"
+         y="8.3058815">2</tspan></text>
+  </g>
+  <g
+     id="g1165"
+     style="display:none">
     <path
-       style="display:none;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
        d="m 41.95325,42.858299 29.472672,0.120987"
        id="path1108" />
     <path
-       style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 41.90049,23.739752 41.867482,13.602287"
-       id="path6265"
-       sodipodi:nodetypes="cc" />
-    <circle
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="path9448"
-       cx="41.805473"
-       cy="11.69193"
-       r="1.2760839" />
-    <path
-       style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 54.595276,7.2787009 44.458995,7.1203219"
-       id="path9566"
-       sodipodi:nodetypes="cc" />
-    <circle
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="circle9572"
-       cx="-6.3417368"
-       cy="42.675137"
-       r="1.2760839"
-       transform="rotate(-88.91827)" />
-    <path
-       style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-       d="M 54.843892,42.822434 44.707611,42.664055"
-       id="path9576"
-       sodipodi:nodetypes="cc" />
-    <circle
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+       style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="M 54.585716,42.562743 44.449435,42.404364"
+       id="path9576" />
+    <ellipse
+       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.188538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
        id="circle9582"
-       cx="-41.874405"
-       cy="43.594776"
-       r="1.2760839"
-       transform="rotate(-88.91827)" />
-    <path
-       style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 54.585716,79.075266 44.449435,78.916887"
-       id="path9586"
-       sodipodi:nodetypes="cc" />
-    <circle
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="circle9592"
-       cx="-78.125687"
-       cy="44.021099"
-       r="1.2760839"
-       transform="rotate(-88.91827)" />
+       cx="-41.638737"
+       cy="43.350529"
+       transform="matrix(0.01932968,-0.99981316,0.99983,0.01843809,0,0)"
+       rx="1.6983367"
+       ry="1.7388995" />
     <text
        xml:space="preserve"
-       style="font-size:2.51339px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="41.85751"
-       y="8.0238476"
-       id="text9650"><tspan
-         sodipodi:role="line"
-         id="tspan9648"
-         style="stroke-width:0.14;stroke-dasharray:none"
-         x="41.85751"
-         y="8.0238476">2</tspan></text>
+       style="font-size:3.24311px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.199105;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="38.136238"
+       y="47.39529"
+       id="text9714"
+       transform="scale(1.0904565,0.91704716)"><tspan
+         id="tspan9712"
+         style="stroke:#f9f6f6;stroke-width:0.199105;stroke-dasharray:none;stroke-opacity:1"
+         x="38.136238"
+         y="47.39529">3</tspan></text>
+  </g>
+  <g
+     id="g1178"
+     style="display:none">
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 42.014207,78.885553 33.868367,0.105865"
+       id="path1106" />
+    <path
+       style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="M 54.585716,79.075266 44.449435,78.916887"
+       id="path9586" />
+    <ellipse
+       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.188438;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle9592"
+       cx="-78.064857"
+       cy="43.920307"
+       transform="matrix(0.01758718,-0.99984533,0.99979465,0.02026484,0,0)"
+       rx="1.7795134"
+       ry="1.6578252" />
+    <text
+       xml:space="preserve"
+       style="font-size:3.8517px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.169839;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="38.7425"
+       y="85.424103"
+       id="text9761"
+       transform="scale(1.06504,0.93893189)"><tspan
+         id="tspan9759"
+         style="stroke-width:0.169839"
+         x="38.7425"
+         y="85.424103">4</tspan></text>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/e_l3.svg b/public/assets/capital-letter/e_l3.svg
index c13683c..93de25f 100755
--- a/public/assets/capital-letter/e_l3.svg
+++ b/public/assets/capital-letter/e_l3.svg
@@ -7,17 +7,16 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
+   sodipodi:docname="e.svg"
    inkscape:export-filename="e_l2.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
-   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="d_l1.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <sodipodi:namedview
-     id="namedview7"
+     id="namedview30"
      pagecolor="#ffffff"
      bordercolor="#000000"
      borderopacity="0.25"
@@ -26,48 +25,7 @@
      inkscape:pagecheckerboard="0"
      inkscape:deskcolor="#d1d1d1"
      inkscape:document-units="mm"
-     showgrid="false"
-     showguides="true"
-     inkscape:zoom="1.4478969"
-     inkscape:cx="172.3189"
-     inkscape:cy="215.48496"
-     inkscape:window-width="1920"
-     inkscape:window-height="1011"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="layer1">
-    <sodipodi:guide
-       position="49.994203,105.87826"
-       orientation="1,0"
-       id="guide61"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="8.9984311,30.276284"
-       orientation="1,0"
-       id="guide65"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="39.261739,98.984782"
-       orientation="1,0"
-       id="guide67"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="116.39667,18.760333"
-       orientation="0,-1"
-       id="guide69"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="115.90363,95.255637"
-       orientation="0,-1"
-       id="guide71"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="78.794444,101.02008"
-       orientation="1,0"
-       id="guide550"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
+     showgrid="false" />
   <defs
      id="defs2">
     <marker
@@ -76,12 +34,9 @@
        refX="0"
        refY="0"
        orient="auto-start-reverse"
-       inkscape:stockid="Arrow2"
        markerWidth="7.6999998"
        markerHeight="5.5999999"
        viewBox="0 0 7.7 5.6"
-       inkscape:isstock="true"
-       inkscape:collect="always"
        preserveAspectRatio="xMidYMid">
       <path
          transform="scale(0.7)"
@@ -91,82 +46,129 @@
     </marker>
   </defs>
   <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1">
+     id="g1152"
+     style="display:none">
+    <g
+       id="g1041">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 41.82571,7.2769186 42.049594,78.855937"
+         id="path127" />
+      <path
+         style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 41.778715,25.689627 41.745707,15.552162"
+         id="path6265" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.98775px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.200016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="42.185917"
+         y="13.745173"
+         id="text9342"
+         transform="scale(0.96141893,1.0401293)"><tspan
+           id="tspan9340"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.200016;stroke-dasharray:none;stroke-opacity:1"
+           x="42.185917"
+           y="13.745173">1</tspan></text>
+    </g>
+    <ellipse
+       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.200016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path9448"
+       cx="41.663403"
+       cy="12.789379"
+       rx="1.7534717"
+       ry="1.8955425" />
+  </g>
+  <g
+     id="g1138"
+     style="display:none">
     <path
-       style="display:none;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 41.82571,7.2769186 42.049594,78.855937"
-       id="path127" />
-    <path
-       style="display:none;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
        d="m 41.785464,7.3045297 33.868367,0.105865"
        id="path548" />
     <path
-       style="display:none;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="m 42.014207,78.885553 33.868367,0.105865"
-       id="path1106" />
+       style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="M 54.595276,7.2787009 44.458995,7.1203219"
+       id="path9566" />
+    <ellipse
+       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.213782;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle9572"
+       cx="-6.3401861"
+       cy="42.181671"
+       transform="matrix(0.01773549,-0.99984271,0.99979807,0.0200954,0,0)"
+       rx="2.010391"
+       ry="1.8887024" />
+    <text
+       xml:space="preserve"
+       style="font-size:3.83797px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.213782;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="42.341419"
+       y="8.3058815"
+       id="text9650"
+       transform="scale(0.96924111,1.031735)"><tspan
+         id="tspan9648"
+         style="stroke-width:0.213782;stroke-dasharray:none"
+         x="42.341419"
+         y="8.3058815">2</tspan></text>
+  </g>
+  <g
+     id="g1165"
+     style="display:inline">
     <path
-       style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
        d="m 41.95325,42.858299 29.472672,0.120987"
        id="path1108" />
     <path
-       style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 41.90049,23.739752 41.867482,13.602287"
-       id="path6265"
-       sodipodi:nodetypes="cc" />
-    <circle
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="path9448"
-       cx="41.805473"
-       cy="11.69193"
-       r="1.2760839" />
-    <path
-       style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 54.595276,7.2787009 44.458995,7.1203219"
-       id="path9566"
-       sodipodi:nodetypes="cc" />
-    <circle
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="circle9572"
-       cx="-6.3417368"
-       cy="42.675137"
-       r="1.2760839"
-       transform="rotate(-88.91827)" />
-    <path
-       style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-       d="M 54.843892,42.822434 44.707611,42.664055"
-       id="path9576"
-       sodipodi:nodetypes="cc" />
-    <circle
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+       style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="M 54.585716,42.562743 44.449435,42.404364"
+       id="path9576" />
+    <ellipse
+       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.188538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
        id="circle9582"
-       cx="-41.874405"
-       cy="43.594776"
-       r="1.2760839"
-       transform="rotate(-88.91827)" />
-    <path
-       style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 54.585716,79.075266 44.449435,78.916887"
-       id="path9586"
-       sodipodi:nodetypes="cc" />
-    <circle
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="circle9592"
-       cx="-78.125687"
-       cy="44.021099"
-       r="1.2760839"
-       transform="rotate(-88.91827)" />
+       cx="-41.638737"
+       cy="43.350529"
+       transform="matrix(0.01932968,-0.99981316,0.99983,0.01843809,0,0)"
+       rx="1.6983367"
+       ry="1.7388995" />
     <text
        xml:space="preserve"
-       style="font-size:2.28038px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-       x="42.195786"
-       y="43.475758"
-       id="text9714"><tspan
-         sodipodi:role="line"
+       style="font-size:3.24311px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.199105;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="38.136238"
+       y="47.39529"
+       id="text9714"
+       transform="scale(1.0904565,0.91704716)"><tspan
          id="tspan9712"
-         style="stroke:#f9f6f6;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-         x="42.195786"
-         y="43.475758">3</tspan></text>
+         style="stroke:#f9f6f6;stroke-width:0.199105;stroke-dasharray:none;stroke-opacity:1"
+         x="38.136238"
+         y="47.39529">3</tspan></text>
+  </g>
+  <g
+     id="g1178"
+     style="display:none">
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 42.014207,78.885553 33.868367,0.105865"
+       id="path1106" />
+    <path
+       style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="M 54.585716,79.075266 44.449435,78.916887"
+       id="path9586" />
+    <ellipse
+       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.188438;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle9592"
+       cx="-78.064857"
+       cy="43.920307"
+       transform="matrix(0.01758718,-0.99984533,0.99979465,0.02026484,0,0)"
+       rx="1.7795134"
+       ry="1.6578252" />
+    <text
+       xml:space="preserve"
+       style="font-size:3.8517px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.169839;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="38.7425"
+       y="85.424103"
+       id="text9761"
+       transform="scale(1.06504,0.93893189)"><tspan
+         id="tspan9759"
+         style="stroke-width:0.169839"
+         x="38.7425"
+         y="85.424103">4</tspan></text>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/e_l4.svg b/public/assets/capital-letter/e_l4.svg
index fcfa60c..37693d0 100755
--- a/public/assets/capital-letter/e_l4.svg
+++ b/public/assets/capital-letter/e_l4.svg
@@ -7,17 +7,16 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
+   sodipodi:docname="e.svg"
    inkscape:export-filename="e_l3.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
-   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="d_l1.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <sodipodi:namedview
-     id="namedview7"
+     id="namedview30"
      pagecolor="#ffffff"
      bordercolor="#000000"
      borderopacity="0.25"
@@ -26,48 +25,7 @@
      inkscape:pagecheckerboard="0"
      inkscape:deskcolor="#d1d1d1"
      inkscape:document-units="mm"
-     showgrid="false"
-     showguides="true"
-     inkscape:zoom="1.4478969"
-     inkscape:cx="172.3189"
-     inkscape:cy="215.48496"
-     inkscape:window-width="1920"
-     inkscape:window-height="1011"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="layer1">
-    <sodipodi:guide
-       position="49.994203,105.87826"
-       orientation="1,0"
-       id="guide61"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="8.9984311,30.276284"
-       orientation="1,0"
-       id="guide65"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="39.261739,98.984782"
-       orientation="1,0"
-       id="guide67"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="116.39667,18.760333"
-       orientation="0,-1"
-       id="guide69"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="115.90363,95.255637"
-       orientation="0,-1"
-       id="guide71"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="78.794444,101.02008"
-       orientation="1,0"
-       id="guide550"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
+     showgrid="false" />
   <defs
      id="defs2">
     <marker
@@ -76,12 +34,9 @@
        refX="0"
        refY="0"
        orient="auto-start-reverse"
-       inkscape:stockid="Arrow2"
        markerWidth="7.6999998"
        markerHeight="5.5999999"
        viewBox="0 0 7.7 5.6"
-       inkscape:isstock="true"
-       inkscape:collect="always"
        preserveAspectRatio="xMidYMid">
       <path
          transform="scale(0.7)"
@@ -91,83 +46,129 @@
     </marker>
   </defs>
   <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     style="display:inline">
+     id="g1152"
+     style="display:none">
+    <g
+       id="g1041">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 41.82571,7.2769186 42.049594,78.855937"
+         id="path127" />
+      <path
+         style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 41.778715,25.689627 41.745707,15.552162"
+         id="path6265" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.98775px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.200016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="42.185917"
+         y="13.745173"
+         id="text9342"
+         transform="scale(0.96141893,1.0401293)"><tspan
+           id="tspan9340"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.200016;stroke-dasharray:none;stroke-opacity:1"
+           x="42.185917"
+           y="13.745173">1</tspan></text>
+    </g>
+    <ellipse
+       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.200016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path9448"
+       cx="41.663403"
+       cy="12.789379"
+       rx="1.7534717"
+       ry="1.8955425" />
+  </g>
+  <g
+     id="g1138"
+     style="display:none">
     <path
-       style="display:none;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 41.82571,7.2769186 42.049594,78.855937"
-       id="path127" />
-    <path
-       style="display:none;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
        d="m 41.785464,7.3045297 33.868367,0.105865"
        id="path548" />
     <path
-       style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="m 42.014207,78.885553 33.868367,0.105865"
-       id="path1106" />
+       style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="M 54.595276,7.2787009 44.458995,7.1203219"
+       id="path9566" />
+    <ellipse
+       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.213782;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle9572"
+       cx="-6.3401861"
+       cy="42.181671"
+       transform="matrix(0.01773549,-0.99984271,0.99979807,0.0200954,0,0)"
+       rx="2.010391"
+       ry="1.8887024" />
+    <text
+       xml:space="preserve"
+       style="font-size:3.83797px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.213782;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="42.341419"
+       y="8.3058815"
+       id="text9650"
+       transform="scale(0.96924111,1.031735)"><tspan
+         id="tspan9648"
+         style="stroke-width:0.213782;stroke-dasharray:none"
+         x="42.341419"
+         y="8.3058815">2</tspan></text>
+  </g>
+  <g
+     id="g1165"
+     style="display:none">
     <path
-       style="display:none;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
        d="m 41.95325,42.858299 29.472672,0.120987"
        id="path1108" />
     <path
-       style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 41.90049,23.739752 41.867482,13.602287"
-       id="path6265"
-       sodipodi:nodetypes="cc" />
-    <circle
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="path9448"
-       cx="41.805473"
-       cy="11.69193"
-       r="1.2760839" />
-    <path
-       style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 54.595276,7.2787009 44.458995,7.1203219"
-       id="path9566"
-       sodipodi:nodetypes="cc" />
-    <circle
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="circle9572"
-       cx="-6.3417368"
-       cy="42.675137"
-       r="1.2760839"
-       transform="rotate(-88.91827)" />
-    <path
-       style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-       d="M 54.843892,42.822434 44.707611,42.664055"
-       id="path9576"
-       sodipodi:nodetypes="cc" />
-    <circle
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+       style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="M 54.585716,42.562743 44.449435,42.404364"
+       id="path9576" />
+    <ellipse
+       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.188538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
        id="circle9582"
-       cx="-41.874405"
-       cy="43.594776"
-       r="1.2760839"
-       transform="rotate(-88.91827)" />
-    <path
-       style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 54.585716,79.075266 44.449435,78.916887"
-       id="path9586"
-       sodipodi:nodetypes="cc" />
-    <circle
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="circle9592"
-       cx="-78.125687"
-       cy="44.021099"
-       r="1.2760839"
-       transform="rotate(-88.91827)" />
+       cx="-41.638737"
+       cy="43.350529"
+       transform="matrix(0.01932968,-0.99981316,0.99983,0.01843809,0,0)"
+       rx="1.6983367"
+       ry="1.7388995" />
     <text
        xml:space="preserve"
-       style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="41.672253"
-       y="79.868111"
-       id="text9761"><tspan
-         sodipodi:role="line"
+       style="font-size:3.24311px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.199105;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="38.136238"
+       y="47.39529"
+       id="text9714"
+       transform="scale(1.0904565,0.91704716)"><tspan
+         id="tspan9712"
+         style="stroke:#f9f6f6;stroke-width:0.199105;stroke-dasharray:none;stroke-opacity:1"
+         x="38.136238"
+         y="47.39529">3</tspan></text>
+  </g>
+  <g
+     id="g1178"
+     style="display:inline">
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 42.014207,78.885553 33.868367,0.105865"
+       id="path1106" />
+    <path
+       style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="M 54.585716,79.075266 44.449435,78.916887"
+       id="path9586" />
+    <ellipse
+       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.188438;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle9592"
+       cx="-78.064857"
+       cy="43.920307"
+       transform="matrix(0.01758718,-0.99984533,0.99979465,0.02026484,0,0)"
+       rx="1.7795134"
+       ry="1.6578252" />
+    <text
+       xml:space="preserve"
+       style="font-size:3.8517px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.169839;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="38.7425"
+       y="85.424103"
+       id="text9761"
+       transform="scale(1.06504,0.93893189)"><tspan
          id="tspan9759"
-         style="stroke-width:0.117792"
-         x="41.672253"
-         y="79.868111">4</tspan></text>
+         style="stroke-width:0.169839"
+         x="38.7425"
+         y="85.424103">4</tspan></text>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/f.svg b/public/assets/capital-letter/f.svg
index 932509a..fd5099a 100755
--- a/public/assets/capital-letter/f.svg
+++ b/public/assets/capital-letter/f.svg
@@ -11,7 +11,7 @@
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="d_l1.svg"
+   sodipodi:docname="f.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -95,94 +95,89 @@
      inkscape:groupmode="layer"
      id="layer1">
     <path
-       style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
        d="M 41.82571,7.2769186 42.049594,78.855937"
        id="path127" />
     <path
        style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 41.90049,23.739752 41.867482,13.602287"
+       d="M 41.930498,24.311476 41.89749,14.174011"
        id="path6265"
        sodipodi:nodetypes="cc" />
     <text
        xml:space="preserve"
-       style="font-size:2.7912px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="41.017315"
-       y="12.701729"
+       style="font-size:3.66672px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.183914;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="39.829346"
+       y="13.004878"
        id="text9342"
-       transform="scale(0.99960875,1.0003914)"><tspan
+       transform="scale(1.0202486,0.98015329)"><tspan
          sodipodi:role="line"
          id="tspan9340"
-         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-         x="41.017315"
-         y="12.701729">1</tspan></text>
-    <circle
-       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.183914;stroke-dasharray:none;stroke-opacity:1"
+         x="39.829346"
+         y="13.004878">1</tspan></text>
+    <ellipse
+       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.183914;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
        id="path9448"
-       cx="41.805473"
-       cy="11.69193"
-       r="1.2760839" />
-    <g
-       id="g3666"
-       style="display:inline">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 41.785464,7.3045297 33.868367,0.105865"
-         id="path548" />
-      <path
-         style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="M 54.595276,7.2787009 44.458995,7.1203219"
-         id="path9566"
-         sodipodi:nodetypes="cc" />
-      <circle
-         style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle9572"
-         cx="-6.3417368"
-         cy="42.675137"
-         r="1.2760839"
-         transform="rotate(-88.91827)" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.51339px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="41.85751"
-         y="8.0238476"
-         id="text9650"><tspan
-           sodipodi:role="line"
-           id="tspan9648"
-           style="stroke-width:0.14;stroke-dasharray:none"
-           x="41.85751"
-           y="8.0238476">2</tspan></text>
-    </g>
-    <g
-       id="g3673"
-       style="display:inline">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 41.95325,42.858299 29.472672,0.120987"
-         id="path1108" />
-      <path
-         style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="M 54.585716,42.562743 44.449435,42.404364"
-         id="path9576"
-         sodipodi:nodetypes="cc" />
-      <circle
-         style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle9582"
-         cx="-41.619633"
-         cy="43.331741"
-         r="1.2760839"
-         transform="rotate(-88.91827)" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.28038px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="41.937611"
-         y="43.216064"
-         id="text9714"><tspan
-           sodipodi:role="line"
-           id="tspan9712"
-           style="stroke:#f9f6f6;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="41.937611"
-           y="43.216064">3</tspan></text>
-    </g>
+       cx="41.714104"
+       cy="11.440667"
+       rx="1.7109678"
+       ry="1.6424416" />
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 41.785464,7.3045297 33.868367,0.105865"
+       id="path548" />
+    <path
+       style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="M 54.595276,7.2787009 44.458995,7.1203219"
+       id="path9566"
+       sodipodi:nodetypes="cc" />
+    <circle
+       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.178011;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle9572"
+       cx="-6.3943124"
+       cy="42.310593"
+       r="1.62255"
+       transform="rotate(-88.91827)" />
+    <text
+       xml:space="preserve"
+       style="font-size:3.19579px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.178011;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="41.304619"
+       y="8.3078041"
+       id="text9650"><tspan
+         sodipodi:role="line"
+         id="tspan9648"
+         style="stroke-width:0.178011;stroke-dasharray:none"
+         x="41.304619"
+         y="8.3078041">2</tspan></text>
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 41.95325,42.858299 29.472672,0.120987"
+       id="path1108" />
+    <path
+       style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="M 54.585716,42.562743 44.449435,42.404364"
+       id="path9576"
+       sodipodi:nodetypes="cc" />
+    <ellipse
+       style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.194504;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle9582"
+       cx="-41.838345"
+       cy="42.775791"
+       transform="matrix(0.01747498,-0.9998473,0.999792,0.02039494,0,0)"
+       rx="1.8426768"
+       ry="1.7057223" />
+    <text
+       xml:space="preserve"
+       style="font-size:3.16815px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.194503;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="42.857414"
+       y="42.177345"
+       id="text9714"
+       transform="scale(0.96209417,1.0393993)"><tspan
+         sodipodi:role="line"
+         id="tspan9712"
+         style="stroke:#f9f6f6;stroke-width:0.194503;stroke-dasharray:none;stroke-opacity:1"
+         x="42.857414"
+         y="42.177345">3</tspan></text>
     <g
        id="g3680"
        style="display:none">
diff --git a/public/assets/capital-letter/f_l1.svg b/public/assets/capital-letter/f_l1.svg
index ff29b08..8250727 100755
--- a/public/assets/capital-letter/f_l1.svg
+++ b/public/assets/capital-letter/f_l1.svg
@@ -7,11 +7,11 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="e_l2.svg"
+   inkscape:export-filename="f.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="d_l1.svg"
+   sodipodi:docname="f.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -93,53 +93,116 @@
   <g
      inkscape:label="Layer 1"
      inkscape:groupmode="layer"
-     id="layer1"
-     style="display:inline">
+     id="layer1">
     <g
-       id="g11225"
-       style="display:inline">
+       id="g2327">
       <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
          d="M 41.82571,7.2769186 42.049594,78.855937"
          id="path127" />
       <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="M 41.90049,23.739752 41.867482,13.602287"
+         style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 41.930498,24.311476 41.89749,14.174011"
          id="path6265"
          sodipodi:nodetypes="cc" />
       <text
          xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="41.017315"
-         y="12.701729"
+         style="font-size:3.66672px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.183914;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="39.829346"
+         y="13.004878"
          id="text9342"
-         transform="scale(0.99960875,1.0003914)"><tspan
+         transform="scale(1.0202486,0.98015329)"><tspan
            sodipodi:role="line"
            id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="41.017315"
-           y="12.701729">1</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.183914;stroke-dasharray:none;stroke-opacity:1"
+           x="39.829346"
+           y="13.004878">1</tspan></text>
+      <ellipse
+         style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.183914;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          id="path9448"
-         cx="41.805473"
-         cy="11.69193"
-         r="1.2760839" />
+         cx="41.714104"
+         cy="11.440667"
+         rx="1.7109678"
+         ry="1.6424416" />
     </g>
     <g
-       id="g11218"
+       id="g2313"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 41.785464,7.3045297 33.868367,0.105865"
+         id="path548" />
+      <path
+         style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 54.595276,7.2787009 44.458995,7.1203219"
+         id="path9566"
+         sodipodi:nodetypes="cc" />
+      <circle
+         style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.178011;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle9572"
+         cx="-6.3943124"
+         cy="42.310593"
+         r="1.62255"
+         transform="rotate(-88.91827)" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.19579px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.178011;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="41.304619"
+         y="8.3078041"
+         id="text9650"><tspan
+           sodipodi:role="line"
+           id="tspan9648"
+           style="stroke-width:0.178011;stroke-dasharray:none"
+           x="41.304619"
+           y="8.3078041">2</tspan></text>
+    </g>
+    <g
+       id="g2320"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 41.95325,42.858299 29.472672,0.120987"
+         id="path1108" />
+      <path
+         style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 54.585716,42.562743 44.449435,42.404364"
+         id="path9576"
+         sodipodi:nodetypes="cc" />
+      <ellipse
+         style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.194504;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle9582"
+         cx="-41.838345"
+         cy="42.775791"
+         transform="matrix(0.01747498,-0.9998473,0.999792,0.02039494,0,0)"
+         rx="1.8426768"
+         ry="1.7057223" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.16815px;display:none;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.194503;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="42.857414"
+         y="42.177345"
+         id="text9714"
+         transform="scale(0.96209417,1.0393993)"><tspan
+           sodipodi:role="line"
+           id="tspan9712"
+           style="stroke:#f9f6f6;stroke-width:0.194503;stroke-dasharray:none;stroke-opacity:1"
+           x="0"
+           y="0">3</tspan></text>
+    </g>
+    <g
+       id="g3680"
        style="display:none">
       <path
          style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
          d="m 42.014207,78.885553 33.868367,0.105865"
          id="path1106" />
       <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
          d="M 54.585716,79.075266 44.449435,78.916887"
          id="path9586"
          sodipodi:nodetypes="cc" />
       <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          id="circle9592"
          cx="-78.125687"
          cy="44.021099"
@@ -147,7 +210,7 @@
          transform="rotate(-88.91827)" />
       <text
          xml:space="preserve"
-         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         style="font-size:2.67135px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          x="41.672253"
          y="79.868111"
          id="text9761"><tspan
@@ -157,67 +220,5 @@
            x="41.672253"
            y="79.868111">4</tspan></text>
     </g>
-    <g
-       id="g11232"
-       style="display:none">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 41.785464,7.3045297 33.868367,0.105865"
-         id="path548" />
-      <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="M 54.595276,7.2787009 44.458995,7.1203219"
-         id="path9566"
-         sodipodi:nodetypes="cc" />
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle9572"
-         cx="-6.3417368"
-         cy="42.675137"
-         r="1.2760839"
-         transform="rotate(-88.91827)" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.51339px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="41.85751"
-         y="8.0238476"
-         id="text9650"><tspan
-           sodipodi:role="line"
-           id="tspan9648"
-           style="stroke-width:0.14;stroke-dasharray:none"
-           x="41.85751"
-           y="8.0238476">2</tspan></text>
-    </g>
-    <g
-       id="g11267"
-       style="display:none">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 41.95325,42.858299 29.472672,0.120987"
-         id="path1108" />
-      <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-         d="M 54.843892,42.822434 44.707611,42.664055"
-         id="path9576"
-         sodipodi:nodetypes="cc" />
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         id="circle9582"
-         cx="-41.874405"
-         cy="43.594776"
-         r="1.2760839"
-         transform="rotate(-88.91827)" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.28038px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         x="42.195786"
-         y="43.475758"
-         id="text9714"><tspan
-           sodipodi:role="line"
-           id="tspan9712"
-           style="stroke:#f9f6f6;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-           x="42.195786"
-           y="43.475758">3</tspan></text>
-    </g>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/f_l2.svg b/public/assets/capital-letter/f_l2.svg
index 5f54242..292ae68 100755
--- a/public/assets/capital-letter/f_l2.svg
+++ b/public/assets/capital-letter/f_l2.svg
@@ -11,7 +11,7 @@
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="d_l1.svg"
+   sodipodi:docname="f.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -93,53 +93,117 @@
   <g
      inkscape:label="Layer 1"
      inkscape:groupmode="layer"
-     id="layer1"
-     style="display:inline">
+     id="layer1">
     <g
-       id="g11225"
+       id="g2327"
        style="display:none">
       <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
          d="M 41.82571,7.2769186 42.049594,78.855937"
          id="path127" />
       <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="M 41.90049,23.739752 41.867482,13.602287"
+         style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 41.930498,24.311476 41.89749,14.174011"
          id="path6265"
          sodipodi:nodetypes="cc" />
       <text
          xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="41.017315"
-         y="12.701729"
+         style="font-size:3.66672px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.183914;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="39.829346"
+         y="13.004878"
          id="text9342"
-         transform="scale(0.99960875,1.0003914)"><tspan
+         transform="scale(1.0202486,0.98015329)"><tspan
            sodipodi:role="line"
            id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="41.017315"
-           y="12.701729">1</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.183914;stroke-dasharray:none;stroke-opacity:1"
+           x="39.829346"
+           y="13.004878">1</tspan></text>
+      <ellipse
+         style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.183914;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          id="path9448"
-         cx="41.805473"
-         cy="11.69193"
-         r="1.2760839" />
+         cx="41.714104"
+         cy="11.440667"
+         rx="1.7109678"
+         ry="1.6424416" />
     </g>
     <g
-       id="g11218"
+       id="g2313"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 41.785464,7.3045297 33.868367,0.105865"
+         id="path548" />
+      <path
+         style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 54.595276,7.2787009 44.458995,7.1203219"
+         id="path9566"
+         sodipodi:nodetypes="cc" />
+      <circle
+         style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.178011;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle9572"
+         cx="-6.3943124"
+         cy="42.310593"
+         r="1.62255"
+         transform="rotate(-88.91827)" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.19579px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.178011;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="41.304619"
+         y="8.3078041"
+         id="text9650"><tspan
+           sodipodi:role="line"
+           id="tspan9648"
+           style="stroke-width:0.178011;stroke-dasharray:none"
+           x="41.304619"
+           y="8.3078041">2</tspan></text>
+    </g>
+    <g
+       id="g2320"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 41.95325,42.858299 29.472672,0.120987"
+         id="path1108" />
+      <path
+         style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 54.585716,42.562743 44.449435,42.404364"
+         id="path9576"
+         sodipodi:nodetypes="cc" />
+      <ellipse
+         style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.194504;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle9582"
+         cx="-41.838345"
+         cy="42.775791"
+         transform="matrix(0.01747498,-0.9998473,0.999792,0.02039494,0,0)"
+         rx="1.8426768"
+         ry="1.7057223" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.16815px;display:none;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.194503;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="42.857414"
+         y="42.177345"
+         id="text9714"
+         transform="scale(0.96209417,1.0393993)"><tspan
+           sodipodi:role="line"
+           id="tspan9712"
+           style="stroke:#f9f6f6;stroke-width:0.194503;stroke-dasharray:none;stroke-opacity:1"
+           x="0"
+           y="0">3</tspan></text>
+    </g>
+    <g
+       id="g3680"
        style="display:none">
       <path
          style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
          d="m 42.014207,78.885553 33.868367,0.105865"
          id="path1106" />
       <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
          d="M 54.585716,79.075266 44.449435,78.916887"
          id="path9586"
          sodipodi:nodetypes="cc" />
       <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          id="circle9592"
          cx="-78.125687"
          cy="44.021099"
@@ -147,7 +211,7 @@
          transform="rotate(-88.91827)" />
       <text
          xml:space="preserve"
-         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         style="font-size:2.67135px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          x="41.672253"
          y="79.868111"
          id="text9761"><tspan
@@ -157,67 +221,5 @@
            x="41.672253"
            y="79.868111">4</tspan></text>
     </g>
-    <g
-       id="g11232"
-       style="display:inline">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 41.785464,7.3045297 33.868367,0.105865"
-         id="path548" />
-      <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="M 54.595276,7.2787009 44.458995,7.1203219"
-         id="path9566"
-         sodipodi:nodetypes="cc" />
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle9572"
-         cx="-6.3417368"
-         cy="42.675137"
-         r="1.2760839"
-         transform="rotate(-88.91827)" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.51339px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="41.85751"
-         y="8.0238476"
-         id="text9650"><tspan
-           sodipodi:role="line"
-           id="tspan9648"
-           style="stroke-width:0.14;stroke-dasharray:none"
-           x="41.85751"
-           y="8.0238476">2</tspan></text>
-    </g>
-    <g
-       id="g11267"
-       style="display:none">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 41.95325,42.858299 29.472672,0.120987"
-         id="path1108" />
-      <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-         d="M 54.843892,42.822434 44.707611,42.664055"
-         id="path9576"
-         sodipodi:nodetypes="cc" />
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         id="circle9582"
-         cx="-41.874405"
-         cy="43.594776"
-         r="1.2760839"
-         transform="rotate(-88.91827)" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.28038px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         x="42.195786"
-         y="43.475758"
-         id="text9714"><tspan
-           sodipodi:role="line"
-           id="tspan9712"
-           style="stroke:#f9f6f6;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-           x="42.195786"
-           y="43.475758">3</tspan></text>
-    </g>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/f_l3.svg b/public/assets/capital-letter/f_l3.svg
index b385162..b3e77e1 100755
--- a/public/assets/capital-letter/f_l3.svg
+++ b/public/assets/capital-letter/f_l3.svg
@@ -11,7 +11,7 @@
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="d_l1.svg"
+   sodipodi:docname="f.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -93,53 +93,117 @@
   <g
      inkscape:label="Layer 1"
      inkscape:groupmode="layer"
-     id="layer1"
-     style="display:inline">
+     id="layer1">
     <g
-       id="g11225"
+       id="g2327"
        style="display:none">
       <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
          d="M 41.82571,7.2769186 42.049594,78.855937"
          id="path127" />
       <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="M 41.90049,23.739752 41.867482,13.602287"
+         style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 41.930498,24.311476 41.89749,14.174011"
          id="path6265"
          sodipodi:nodetypes="cc" />
       <text
          xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="41.017315"
-         y="12.701729"
+         style="font-size:3.66672px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.183914;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="39.829346"
+         y="13.004878"
          id="text9342"
-         transform="scale(0.99960875,1.0003914)"><tspan
+         transform="scale(1.0202486,0.98015329)"><tspan
            sodipodi:role="line"
            id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="41.017315"
-           y="12.701729">1</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.183914;stroke-dasharray:none;stroke-opacity:1"
+           x="39.829346"
+           y="13.004878">1</tspan></text>
+      <ellipse
+         style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.183914;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          id="path9448"
-         cx="41.805473"
-         cy="11.69193"
-         r="1.2760839" />
+         cx="41.714104"
+         cy="11.440667"
+         rx="1.7109678"
+         ry="1.6424416" />
     </g>
     <g
-       id="g11218"
+       id="g2313"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 41.785464,7.3045297 33.868367,0.105865"
+         id="path548" />
+      <path
+         style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 54.595276,7.2787009 44.458995,7.1203219"
+         id="path9566"
+         sodipodi:nodetypes="cc" />
+      <circle
+         style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.178011;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle9572"
+         cx="-6.3943124"
+         cy="42.310593"
+         r="1.62255"
+         transform="rotate(-88.91827)" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.19579px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.178011;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="41.304619"
+         y="8.3078041"
+         id="text9650"><tspan
+           sodipodi:role="line"
+           id="tspan9648"
+           style="stroke-width:0.178011;stroke-dasharray:none"
+           x="41.304619"
+           y="8.3078041">2</tspan></text>
+    </g>
+    <g
+       id="g2320"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 41.95325,42.858299 29.472672,0.120987"
+         id="path1108" />
+      <path
+         style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 54.585716,42.562743 44.449435,42.404364"
+         id="path9576"
+         sodipodi:nodetypes="cc" />
+      <ellipse
+         style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.194504;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle9582"
+         cx="-41.838345"
+         cy="42.775791"
+         transform="matrix(0.01747498,-0.9998473,0.999792,0.02039494,0,0)"
+         rx="1.8426768"
+         ry="1.7057223" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.16815px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.194503;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="42.857414"
+         y="42.177345"
+         id="text9714"
+         transform="scale(0.96209417,1.0393993)"><tspan
+           sodipodi:role="line"
+           id="tspan9712"
+           style="stroke:#f9f6f6;stroke-width:0.194503;stroke-dasharray:none;stroke-opacity:1"
+           x="42.857414"
+           y="42.177345">3</tspan></text>
+    </g>
+    <g
+       id="g3680"
        style="display:none">
       <path
          style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
          d="m 42.014207,78.885553 33.868367,0.105865"
          id="path1106" />
       <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         style="fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
          d="M 54.585716,79.075266 44.449435,78.916887"
          id="path9586"
          sodipodi:nodetypes="cc" />
       <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          id="circle9592"
          cx="-78.125687"
          cy="44.021099"
@@ -147,7 +211,7 @@
          transform="rotate(-88.91827)" />
       <text
          xml:space="preserve"
-         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         style="font-size:2.67135px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          x="41.672253"
          y="79.868111"
          id="text9761"><tspan
@@ -157,67 +221,5 @@
            x="41.672253"
            y="79.868111">4</tspan></text>
     </g>
-    <g
-       id="g11232"
-       style="display:none">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 41.785464,7.3045297 33.868367,0.105865"
-         id="path548" />
-      <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="M 54.595276,7.2787009 44.458995,7.1203219"
-         id="path9566"
-         sodipodi:nodetypes="cc" />
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle9572"
-         cx="-6.3417368"
-         cy="42.675137"
-         r="1.2760839"
-         transform="rotate(-88.91827)" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.51339px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="41.85751"
-         y="8.0238476"
-         id="text9650"><tspan
-           sodipodi:role="line"
-           id="tspan9648"
-           style="stroke-width:0.14;stroke-dasharray:none"
-           x="41.85751"
-           y="8.0238476">2</tspan></text>
-    </g>
-    <g
-       id="g11267"
-       style="display:inline">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 41.95325,42.858299 29.472672,0.120987"
-         id="path1108" />
-      <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-         d="M 54.843892,42.822434 44.707611,42.664055"
-         id="path9576"
-         sodipodi:nodetypes="cc" />
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         id="circle9582"
-         cx="-41.874405"
-         cy="43.594776"
-         r="1.2760839"
-         transform="rotate(-88.91827)" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.28038px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         x="42.195786"
-         y="43.475758"
-         id="text9714"><tspan
-           sodipodi:role="line"
-           id="tspan9712"
-           style="stroke:#f9f6f6;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-           x="42.195786"
-           y="43.475758">3</tspan></text>
-    </g>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/g.svg b/public/assets/capital-letter/g.svg
index c320185..ad62a3f 100755
--- a/public/assets/capital-letter/g.svg
+++ b/public/assets/capital-letter/g.svg
@@ -7,8 +7,22 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
+   sodipodi:docname="g.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview2690"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false" />
   <defs
      id="defs2">
     <marker
@@ -45,14 +59,14 @@
     </marker>
   </defs>
   <g
-     id="layer1">
+     id="g3262">
     <path
-       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
-       d="M 46.950937,16.579396 C 40.148611,1.2959928 7.8076692,2.9074546 8.3761838,36.453535 8.2620678,47.145698 10.670035,55.543308 19.764863,61.164866 29.836796,67.30137 44.886491,63.481212 47.728563,48.02444"
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       d="M 67.387217,28.060452 C 60.584891,12.777049 28.243949,14.388511 28.812464,47.934591 c -0.114116,10.692163 2.293851,19.089773 11.388679,24.711331 10.071933,6.136504 25.121628,2.316346 27.9637,-13.140426"
        id="path3061" />
     <g
        id="g2108"
-       transform="translate(-2.4303795,-1.0560959)">
+       transform="translate(18.0059,10.42496)">
       <text
          xml:space="preserve"
          style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@@ -74,38 +88,38 @@
     </g>
     <path
        style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="m 37.741355,8.8537233 c 2.994925,1.2362657 6.697855,3.3419177 8.115716,6.5170127"
+       d="m 58.177635,20.334779 c 2.994925,1.236266 6.697855,3.341918 8.115716,6.517013"
        id="path13743" />
-    <g
-       id="g1407"
-       transform="translate(0,-6.879167)">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 37.067317,51.370226 21.451293,0.09963"
-         id="path548" />
-      <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.37143;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
-         d="M 45.1807,51.345919 38.760658,51.196872"
-         id="path9566" />
-      <ellipse
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.101462;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle9572"
-         cx="-50.410469"
-         cy="38.069817"
-         transform="matrix(0.01771423,-0.99984309,0.99979758,0.02011951,0,0)"
-         rx="0.95471454"
-         ry="0.89585125" />
-      <text
-         xml:space="preserve"
-         style="font-size:1.82152px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.101462;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="37.871422"
-         y="50.200893"
-         id="text9650"
-         transform="scale(0.96865988,1.0323541)"><tspan
-           id="tspan9648"
-           style="stroke-width:0.101462;stroke-dasharray:none"
-           x="37.871422"
-           y="50.200893">2</tspan></text>
-    </g>
+  </g>
+  <g
+     id="g3242"
+     style="display:inline">
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 57.503597,55.972115 21.451293,0.09963"
+       id="path548" />
+    <path
+       style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.37143;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
+       d="M 65.61698,55.947808 59.196938,55.798761"
+       id="path9566" />
+    <ellipse
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.137392;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle9572"
+       cx="-54.665974"
+       cy="58.146023"
+       transform="matrix(0.01860469,-0.99982692,0.9998165,0.0191566,0,0)"
+       rx="1.2614946"
+       ry="1.2431961" />
+    <text
+       xml:space="preserve"
+       style="font-size:2.46656px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.137392;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="56.859989"
+       y="56.225384"
+       id="text9650"
+       transform="scale(0.99271564,1.0073378)"><tspan
+         id="tspan9648"
+         style="stroke-width:0.137392;stroke-dasharray:none"
+         x="56.859989"
+         y="56.225384">2</tspan></text>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/g_l1.svg b/public/assets/capital-letter/g_l1.svg
index 9c02024..1662eea 100755
--- a/public/assets/capital-letter/g_l1.svg
+++ b/public/assets/capital-letter/g_l1.svg
@@ -7,17 +7,16 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
+   sodipodi:docname="g.svg"
    inkscape:export-filename="g.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
-   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="c_l1.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <sodipodi:namedview
-     id="namedview7"
+     id="namedview2690"
      pagecolor="#ffffff"
      bordercolor="#000000"
      borderopacity="0.25"
@@ -26,43 +25,7 @@
      inkscape:pagecheckerboard="0"
      inkscape:deskcolor="#d1d1d1"
      inkscape:document-units="mm"
-     showgrid="false"
-     showguides="true"
-     inkscape:zoom="1.7011402"
-     inkscape:cx="161.9502"
-     inkscape:cy="153.42651"
-     inkscape:window-width="1920"
-     inkscape:window-height="1011"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="layer1">
-    <sodipodi:guide
-       position="50.466793,49.179612"
-       orientation="1,0"
-       id="guide61"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="8.9984311,30.276284"
-       orientation="1,0"
-       id="guide65"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="39.261739,98.984782"
-       orientation="1,0"
-       id="guide67"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="117.15336,35.455652"
-       orientation="0,-1"
-       id="guide69"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="115.90363,95.255637"
-       orientation="0,-1"
-       id="guide71"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
+     showgrid="false" />
   <defs
      id="defs2">
     <marker
@@ -71,12 +34,9 @@
        refX="0"
        refY="0"
        orient="auto-start-reverse"
-       inkscape:stockid="Arrow2"
        markerWidth="7.6999998"
        markerHeight="5.5999999"
        viewBox="0 0 7.7 5.6"
-       inkscape:isstock="true"
-       inkscape:collect="always"
        preserveAspectRatio="xMidYMid">
       <path
          transform="scale(0.7)"
@@ -90,12 +50,9 @@
        refX="0"
        refY="0"
        orient="auto-start-reverse"
-       inkscape:stockid="Arrow2"
        markerWidth="7.6999998"
        markerHeight="5.5999999"
        viewBox="0 0 7.7 5.6"
-       inkscape:isstock="true"
-       inkscape:collect="always"
        preserveAspectRatio="xMidYMid">
       <path
          transform="scale(0.7)"
@@ -105,18 +62,14 @@
     </marker>
   </defs>
   <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1">
+     id="g3262">
     <path
-       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
-       d="M 46.950937,16.579396 C 40.148611,1.2959928 7.8076692,2.9074546 8.3761838,36.453535 8.2620678,47.145698 10.670035,55.543308 19.764863,61.164866 29.836796,67.30137 44.886491,63.481212 47.728563,48.02444"
-       id="path3061"
-       sodipodi:nodetypes="cccc" />
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       d="M 67.387217,28.060452 C 60.584891,12.777049 28.243949,14.388511 28.812464,47.934591 c -0.114116,10.692163 2.293851,19.089773 11.388679,24.711331 10.071933,6.136504 25.121628,2.316346 27.9637,-13.140426"
+       id="path3061" />
     <g
        id="g2108"
-       transform="translate(-2.4303795,-1.0560959)"
-       style="display:inline">
+       transform="translate(18.0059,10.42496)">
       <text
          xml:space="preserve"
          style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@@ -124,7 +77,6 @@
          y="19.336451"
          id="text9342"
          transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           sodipodi:role="line"
            id="tspan9340"
            style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
            x="48.182404"
@@ -139,44 +91,38 @@
     </g>
     <path
        style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="m 37.741355,8.8537233 c 2.994925,1.2362657 6.697855,3.3419177 8.115716,6.5170127"
-       id="path13743"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="4.2043934"
-       inkscape:transform-center-y="-3.3943832" />
-    <g
-       id="g1407"
-       transform="translate(0,-6.879167)"
-       style="display:none">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 37.067317,51.370226 21.451293,0.09963"
-         id="path548" />
-      <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.37143;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
-         d="M 45.1807,51.345919 38.760658,51.196872"
-         id="path9566"
-         sodipodi:nodetypes="cc" />
-      <ellipse
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.101462;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle9572"
-         cx="-50.410469"
-         cy="38.069817"
-         transform="matrix(0.01771423,-0.99984309,0.99979758,0.02011951,0,0)"
-         rx="0.95471454"
-         ry="0.89585125" />
-      <text
-         xml:space="preserve"
-         style="font-size:1.82152px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.101462;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="37.871422"
-         y="50.200893"
-         id="text9650"
-         transform="scale(0.96865988,1.0323541)"><tspan
-           sodipodi:role="line"
-           id="tspan9648"
-           style="stroke-width:0.101462;stroke-dasharray:none"
-           x="37.871422"
-           y="50.200893">2</tspan></text>
-    </g>
+       d="m 58.177635,20.334779 c 2.994925,1.236266 6.697855,3.341918 8.115716,6.517013"
+       id="path13743" />
+  </g>
+  <g
+     id="g3242"
+     style="display:none">
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 57.503597,55.972115 21.451293,0.09963"
+       id="path548" />
+    <path
+       style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.37143;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
+       d="M 65.61698,55.947808 59.196938,55.798761"
+       id="path9566" />
+    <ellipse
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.137392;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle9572"
+       cx="-54.665974"
+       cy="58.146023"
+       transform="matrix(0.01860469,-0.99982692,0.9998165,0.0191566,0,0)"
+       rx="1.2614946"
+       ry="1.2431961" />
+    <text
+       xml:space="preserve"
+       style="font-size:2.46656px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.137392;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="56.859989"
+       y="56.225384"
+       id="text9650"
+       transform="scale(0.99271564,1.0073378)"><tspan
+         id="tspan9648"
+         style="stroke-width:0.137392;stroke-dasharray:none"
+         x="56.859989"
+         y="56.225384">2</tspan></text>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/g_l2.svg b/public/assets/capital-letter/g_l2.svg
index e973d50..75b7d5f 100755
--- a/public/assets/capital-letter/g_l2.svg
+++ b/public/assets/capital-letter/g_l2.svg
@@ -7,17 +7,16 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
+   sodipodi:docname="g.svg"
    inkscape:export-filename="g_l1.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
-   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="c_l1.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <sodipodi:namedview
-     id="namedview7"
+     id="namedview2690"
      pagecolor="#ffffff"
      bordercolor="#000000"
      borderopacity="0.25"
@@ -26,43 +25,7 @@
      inkscape:pagecheckerboard="0"
      inkscape:deskcolor="#d1d1d1"
      inkscape:document-units="mm"
-     showgrid="false"
-     showguides="true"
-     inkscape:zoom="1.7011402"
-     inkscape:cx="161.9502"
-     inkscape:cy="153.42651"
-     inkscape:window-width="1920"
-     inkscape:window-height="1011"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="layer1">
-    <sodipodi:guide
-       position="50.466793,49.179612"
-       orientation="1,0"
-       id="guide61"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="8.9984311,30.276284"
-       orientation="1,0"
-       id="guide65"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="39.261739,98.984782"
-       orientation="1,0"
-       id="guide67"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="117.15336,35.455652"
-       orientation="0,-1"
-       id="guide69"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="115.90363,95.255637"
-       orientation="0,-1"
-       id="guide71"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
+     showgrid="false" />
   <defs
      id="defs2">
     <marker
@@ -71,12 +34,9 @@
        refX="0"
        refY="0"
        orient="auto-start-reverse"
-       inkscape:stockid="Arrow2"
        markerWidth="7.6999998"
        markerHeight="5.5999999"
        viewBox="0 0 7.7 5.6"
-       inkscape:isstock="true"
-       inkscape:collect="always"
        preserveAspectRatio="xMidYMid">
       <path
          transform="scale(0.7)"
@@ -90,12 +50,9 @@
        refX="0"
        refY="0"
        orient="auto-start-reverse"
-       inkscape:stockid="Arrow2"
        markerWidth="7.6999998"
        markerHeight="5.5999999"
        viewBox="0 0 7.7 5.6"
-       inkscape:isstock="true"
-       inkscape:collect="always"
        preserveAspectRatio="xMidYMid">
       <path
          transform="scale(0.7)"
@@ -105,18 +62,15 @@
     </marker>
   </defs>
   <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1">
+     id="g3262"
+     style="display:none">
     <path
-       style="display:none;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
-       d="M 46.950937,16.579396 C 40.148611,1.2959928 7.8076692,2.9074546 8.3761838,36.453535 8.2620678,47.145698 10.670035,55.543308 19.764863,61.164866 29.836796,67.30137 44.886491,63.481212 47.728563,48.02444"
-       id="path3061"
-       sodipodi:nodetypes="cccc" />
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       d="M 67.387217,28.060452 C 60.584891,12.777049 28.243949,14.388511 28.812464,47.934591 c -0.114116,10.692163 2.293851,19.089773 11.388679,24.711331 10.071933,6.136504 25.121628,2.316346 27.9637,-13.140426"
+       id="path3061" />
     <g
        id="g2108"
-       transform="translate(-2.4303795,-1.0560959)"
-       style="display:none">
+       transform="translate(18.0059,10.42496)">
       <text
          xml:space="preserve"
          style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@@ -124,7 +78,6 @@
          y="19.336451"
          id="text9342"
          transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           sodipodi:role="line"
            id="tspan9340"
            style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
            x="48.182404"
@@ -138,45 +91,39 @@
          transform="rotate(-178.67073)" />
     </g>
     <path
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="m 37.741355,8.8537233 c 2.994925,1.2362657 6.697855,3.3419177 8.115716,6.5170127"
-       id="path13743"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="4.2043934"
-       inkscape:transform-center-y="-3.3943832" />
-    <g
-       id="g1407"
-       transform="translate(0,-6.879167)"
-       style="display:inline">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 37.067317,51.370226 21.451293,0.09963"
-         id="path548" />
-      <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.37143;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
-         d="M 45.1807,51.345919 38.760658,51.196872"
-         id="path9566"
-         sodipodi:nodetypes="cc" />
-      <ellipse
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.101462;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle9572"
-         cx="-50.410469"
-         cy="38.069817"
-         transform="matrix(0.01771423,-0.99984309,0.99979758,0.02011951,0,0)"
-         rx="0.95471454"
-         ry="0.89585125" />
-      <text
-         xml:space="preserve"
-         style="font-size:1.82152px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.101462;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="37.871422"
-         y="50.200893"
-         id="text9650"
-         transform="scale(0.96865988,1.0323541)"><tspan
-           sodipodi:role="line"
-           id="tspan9648"
-           style="stroke-width:0.101462;stroke-dasharray:none"
-           x="37.871422"
-           y="50.200893">2</tspan></text>
-    </g>
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="m 58.177635,20.334779 c 2.994925,1.236266 6.697855,3.341918 8.115716,6.517013"
+       id="path13743" />
+  </g>
+  <g
+     id="g3242"
+     style="display:inline">
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 57.503597,55.972115 21.451293,0.09963"
+       id="path548" />
+    <path
+       style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.37143;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
+       d="M 65.61698,55.947808 59.196938,55.798761"
+       id="path9566" />
+    <ellipse
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.137392;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle9572"
+       cx="-54.665974"
+       cy="58.146023"
+       transform="matrix(0.01860469,-0.99982692,0.9998165,0.0191566,0,0)"
+       rx="1.2614946"
+       ry="1.2431961" />
+    <text
+       xml:space="preserve"
+       style="font-size:2.46656px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.137392;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="56.859989"
+       y="56.225384"
+       id="text9650"
+       transform="scale(0.99271564,1.0073378)"><tspan
+         id="tspan9648"
+         style="stroke-width:0.137392;stroke-dasharray:none"
+         x="56.859989"
+         y="56.225384">2</tspan></text>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/h.svg b/public/assets/capital-letter/h.svg
index 75bda53..d2ca644 100755
--- a/public/assets/capital-letter/h.svg
+++ b/public/assets/capital-letter/h.svg
@@ -7,25 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="h.svg"
-   inkscape:export-filename="h"
-   inkscape:export-xdpi="96"
-   inkscape:export-ydpi="96"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview754"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"
-     inkscape:document-units="mm"
-     showgrid="false" />
   <defs
      id="defs2">
     <marker
@@ -62,133 +45,112 @@
     </marker>
   </defs>
   <g
-     id="layer1"
-     style="display:inline">
-    <g
-       id="g14176"
-       style="display:none">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 42.014207,78.885553 33.868367,0.105865"
-         id="path1106" />
-      <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="M 54.585716,79.075266 44.449435,78.916887"
-         id="path9586" />
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle9592"
-         cx="-78.125687"
-         cy="44.021099"
-         r="1.2760839"
-         transform="rotate(-88.91827)" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     id="g14176"
+     style="display:none">
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 42.014207,78.885553 33.868367,0.105865"
+       id="path1106" />
+    <path
+       style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="M 54.585716,79.075266 44.449435,78.916887"
+       id="path9586" />
+    <circle
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle9592"
+       cx="-78.125687"
+       cy="44.021099"
+       r="1.2760839"
+       transform="rotate(-88.91827)" />
+    <text
+       xml:space="preserve"
+       style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="41.672253"
+       y="79.868111"
+       id="text9761"><tspan
+         id="tspan9759"
+         style="stroke-width:0.117792"
          x="41.672253"
-         y="79.868111"
-         id="text9761"><tspan
-           id="tspan9759"
-           style="stroke-width:0.117792"
-           x="41.672253"
-           y="79.868111">4</tspan></text>
-    </g>
-    <g
-       id="g18697"
-       style="display:inline">
-      <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 34.100666,7.7142687 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
-         id="path127" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="33.212013"
-         y="10.601716"
-         id="text9342"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="33.212013"
-           y="10.601716">1</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="path9448"
-         cx="-34.323376"
-         cy="-8.5520439"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 34.119937,21.49086 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
-         id="path13743" />
-    </g>
-    <g
-       id="g18711"
-       style="display:inline"
-       transform="translate(1.4764245,-0.08508965)">
-      <path
-         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 62.584185,7.8092747 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
-         id="path15674" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="61.848087"
-         y="10.675919"
-         id="text15678"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           id="tspan15676"
-           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
-           x="61.848087"
-           y="10.675919">2</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle15680"
-         cx="-62.801434"
-         cy="-7.9862614"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
-         d="m 62.603456,21.585866 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
-         id="path15682" />
-      <g
-         id="g14279"
-         style="display:inline"
-         transform="matrix(1.2524894,0,0,1.0646672,-15.680188,-38.054966)">
-        <g
-           id="g18704"
-           style="display:inline">
-          <path
-             style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:4.47293;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-             d="m 39.142669,73.987028 21.401647,0.110198"
-             id="path1108" />
-          <path
-             style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391436;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-             d="M 48.688134,73.955975 41.183058,73.814371"
-             id="path9576" />
-          <ellipse
-             style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.11391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-             id="circle9582"
-             cx="-72.913704"
-             cy="40.918648"
-             transform="matrix(0.01563487,-0.99987777,0.99974017,0.02279479,0,0)"
-             rx="1.140859"
-             ry="0.94491148" />
-          <text
-             xml:space="preserve"
-             style="font-size:1.85538px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.113908;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-             x="43.211548"
-             y="67.832787"
-             id="text9714"
-             transform="scale(0.91001737,1.0988801)"><tspan
-               id="tspan9712"
-               style="stroke:#f9f6f6;stroke-width:0.113908;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-               x="43.211548"
-               y="67.832787">3</tspan></text>
-        </g>
-      </g>
-    </g>
+         y="79.868111">4</tspan></text>
   </g>
+  <path
+     style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+     d="m 34.100666,7.7142687 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
+     id="path127" />
+  <text
+     xml:space="preserve"
+     style="font-size:3.80661px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.190931;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     x="34.270798"
+     y="9.5284014"
+     id="text9342"
+     transform="matrix(0.96009451,-0.00798596,0.00737328,1.0415028,0,0)"><tspan
+       id="tspan9340"
+       style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.190931;stroke-dasharray:none;stroke-opacity:1"
+       x="34.270798"
+       y="9.5284014">1</tspan></text>
+  <ellipse
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.190931;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     id="path9448"
+     cx="-34.237415"
+     cy="-7.3642607"
+     transform="matrix(-0.99968383,-0.02514419,0.0214024,-0.99977094,0,0)"
+     rx="1.6716447"
+     ry="1.8118099" />
+  <path
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+     d="m 34.119937,21.49086 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+     id="path13743" />
+  <path
+     style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+     d="m 64.060609,7.724185 c -0.04579,0.307409 -0.03422,65.937776 -0.03422,65.937776"
+     id="path15674" />
+  <text
+     xml:space="preserve"
+     style="font-size:2.95913px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.148424;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     x="62.954353"
+     y="9.40909"
+     id="text15678"
+     transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+       id="tspan15676"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.148424;stroke-dasharray:none;stroke-opacity:1"
+       x="62.954353"
+       y="9.40909">2</tspan></text>
+  <circle
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.178916;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     id="circle15680"
+     cx="-64.055901"
+     cy="-6.4684973"
+     r="1.6308014"
+     transform="rotate(-178.67073)" />
+  <path
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+     d="m 64.079881,21.500776 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+     id="path15682" />
+  <path
+     style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+     d="m 34.945285,40.62944 27.749421,0.121456"
+     id="path1108" />
+  <ellipse
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.271984;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+     id="circle9582"
+     cx="-40.05505"
+     cy="36.256527"
+     transform="matrix(0.01961286,-0.99980765,0.99983488,0.01817187,0,0)"
+     rx="1.5996814"
+     ry="1.6618737" />
+  <text
+     xml:space="preserve"
+     style="font-size:2.91369px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.271985;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+     x="34.027027"
+     y="42.494541"
+     id="text9714"
+     transform="scale(1.0192675,0.98109672)"><tspan
+       id="tspan9712"
+       style="stroke:#f9f6f6;stroke-width:0.271985;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+       x="34.027027"
+       y="42.494541">3</tspan></text>
+  <path
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+     d="m 48.701403,40.592962 c -2.146556,0.0054 -10.408363,-0.04787 -10.408363,-0.04787"
+     id="path5126" />
 </svg>
diff --git a/public/assets/capital-letter/h_l1.svg b/public/assets/capital-letter/h_l1.svg
index ab7011a..7699040 100755
--- a/public/assets/capital-letter/h_l1.svg
+++ b/public/assets/capital-letter/h_l1.svg
@@ -62,133 +62,123 @@
     </marker>
   </defs>
   <g
-     id="layer1"
-     style="display:inline">
-    <g
-       id="g14176"
-       style="display:none">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 42.014207,78.885553 33.868367,0.105865"
-         id="path1106" />
-      <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="M 54.585716,79.075266 44.449435,78.916887"
-         id="path9586" />
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle9592"
-         cx="-78.125687"
-         cy="44.021099"
-         r="1.2760839"
-         transform="rotate(-88.91827)" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     id="g14176"
+     style="display:none">
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 42.014207,78.885553 33.868367,0.105865"
+       id="path1106" />
+    <path
+       style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="M 54.585716,79.075266 44.449435,78.916887"
+       id="path9586" />
+    <circle
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle9592"
+       cx="-78.125687"
+       cy="44.021099"
+       r="1.2760839"
+       transform="rotate(-88.91827)" />
+    <text
+       xml:space="preserve"
+       style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="41.672253"
+       y="79.868111"
+       id="text9761"><tspan
+         id="tspan9759"
+         style="stroke-width:0.117792"
          x="41.672253"
-         y="79.868111"
-         id="text9761"><tspan
-           id="tspan9759"
-           style="stroke-width:0.117792"
-           x="41.672253"
-           y="79.868111">4</tspan></text>
-    </g>
-    <g
-       id="g18697"
-       style="display:inline">
-      <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 34.100666,7.7142687 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
-         id="path127" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="33.212013"
-         y="10.601716"
-         id="text9342"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="33.212013"
-           y="10.601716">1</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="path9448"
-         cx="-34.323376"
-         cy="-8.5520439"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 34.119937,21.49086 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
-         id="path13743" />
-    </g>
-    <g
-       id="g18711"
-       style="display:none"
-       transform="translate(1.4764245,-0.08508965)">
-      <path
-         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 62.584185,7.8092747 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
-         id="path15674" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="61.848087"
-         y="10.675919"
-         id="text15678"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           id="tspan15676"
-           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
-           x="61.848087"
-           y="10.675919">2</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle15680"
-         cx="-62.801434"
-         cy="-7.9862614"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
-         d="m 62.603456,21.585866 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
-         id="path15682" />
-      <g
-         id="g14279"
-         style="display:inline"
-         transform="matrix(1.2524894,0,0,1.0646672,-15.680188,-38.054966)">
-        <g
-           id="g18704"
-           style="display:inline">
-          <path
-             style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:4.47293;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-             d="m 39.142669,73.987028 21.401647,0.110198"
-             id="path1108" />
-          <path
-             style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391436;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-             d="M 48.688134,73.955975 41.183058,73.814371"
-             id="path9576" />
-          <ellipse
-             style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.11391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-             id="circle9582"
-             cx="-72.913704"
-             cy="40.918648"
-             transform="matrix(0.01563487,-0.99987777,0.99974017,0.02279479,0,0)"
-             rx="1.140859"
-             ry="0.94491148" />
-          <text
-             xml:space="preserve"
-             style="font-size:1.85538px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.113908;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-             x="43.211548"
-             y="67.832787"
-             id="text9714"
-             transform="scale(0.91001737,1.0988801)"><tspan
-               id="tspan9712"
-               style="stroke:#f9f6f6;stroke-width:0.113908;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-               x="43.211548"
-               y="67.832787">3</tspan></text>
-        </g>
-      </g>
-    </g>
+         y="79.868111">4</tspan></text>
+  </g>
+  <g
+     id="g5235">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 34.100666,7.7142687 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
+       id="path127" />
+    <text
+       xml:space="preserve"
+       style="font-size:3.80661px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.190931;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="34.270798"
+       y="9.5284014"
+       id="text9342"
+       transform="matrix(0.96009452,-0.00798596,0.00737328,1.0415028,0,0)"><tspan
+         id="tspan9340"
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.190931;stroke-dasharray:none;stroke-opacity:1"
+         x="34.270798"
+         y="9.5284014">1</tspan></text>
+    <ellipse
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.190931;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path9448"
+       cx="-34.237415"
+       cy="-7.3642607"
+       transform="matrix(-0.99968383,-0.02514419,0.0214024,-0.99977094,0,0)"
+       rx="1.6716447"
+       ry="1.8118099" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="m 34.119937,21.49086 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+       id="path13743" />
+  </g>
+  <g
+     id="g5254"
+     style="display:none">
+    <path
+       style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 64.060609,7.724185 c -0.04579,0.307409 -0.03422,65.937776 -0.03422,65.937776"
+       id="path15674" />
+    <text
+       xml:space="preserve"
+       style="font-size:2.95913px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.148424;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="62.954353"
+       y="9.40909"
+       id="text15678"
+       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+         id="tspan15676"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.148424;stroke-dasharray:none;stroke-opacity:1"
+         x="62.954353"
+         y="9.40909">2</tspan></text>
+    <circle
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.178916;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle15680"
+       cx="-64.055901"
+       cy="-6.4684973"
+       r="1.6308014"
+       transform="rotate(-178.67073)" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+       d="m 64.079881,21.500776 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+       id="path15682" />
+  </g>
+  <g
+     id="g5273"
+     style="display:none">
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 34.945285,40.62944 27.749421,0.121456"
+       id="path1108" />
+    <ellipse
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.271984;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+       id="circle9582"
+       cx="-40.05505"
+       cy="36.256527"
+       transform="matrix(0.01961286,-0.99980765,0.99983488,0.01817187,0,0)"
+       rx="1.5996814"
+       ry="1.6618737" />
+    <text
+       xml:space="preserve"
+       style="font-size:2.91369px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.271985;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+       x="34.027027"
+       y="42.494541"
+       id="text9714"
+       transform="scale(1.0192675,0.98109673)"><tspan
+         id="tspan9712"
+         style="stroke:#f9f6f6;stroke-width:0.271985;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+         x="34.027027"
+         y="42.494541">3</tspan></text>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+       d="m 48.701403,40.592962 c -2.146556,0.0054 -10.408363,-0.04787 -10.408363,-0.04787"
+       id="path5126" />
   </g>
 </svg>
diff --git a/public/assets/capital-letter/h_l2.svg b/public/assets/capital-letter/h_l2.svg
index b3466b3..aeb38c2 100755
--- a/public/assets/capital-letter/h_l2.svg
+++ b/public/assets/capital-letter/h_l2.svg
@@ -62,131 +62,124 @@
     </marker>
   </defs>
   <g
-     id="layer1"
-     style="display:inline">
-    <g
-       id="g14176"
-       style="display:none">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 42.014207,78.885553 33.868367,0.105865"
-         id="path1106" />
-      <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="M 54.585716,79.075266 44.449435,78.916887"
-         id="path9586" />
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle9592"
-         cx="-78.125687"
-         cy="44.021099"
-         r="1.2760839"
-         transform="rotate(-88.91827)" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     id="g14176"
+     style="display:none">
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 42.014207,78.885553 33.868367,0.105865"
+       id="path1106" />
+    <path
+       style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="M 54.585716,79.075266 44.449435,78.916887"
+       id="path9586" />
+    <circle
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle9592"
+       cx="-78.125687"
+       cy="44.021099"
+       r="1.2760839"
+       transform="rotate(-88.91827)" />
+    <text
+       xml:space="preserve"
+       style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="41.672253"
+       y="79.868111"
+       id="text9761"><tspan
+         id="tspan9759"
+         style="stroke-width:0.117792"
          x="41.672253"
-         y="79.868111"
-         id="text9761"><tspan
-           id="tspan9759"
-           style="stroke-width:0.117792"
-           x="41.672253"
-           y="79.868111">4</tspan></text>
-    </g>
-    <g
-       id="g18697"
-       style="display:none">
-      <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 34.100666,7.7142687 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
-         id="path127" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="33.212013"
-         y="10.601716"
-         id="text9342"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="33.212013"
-           y="10.601716">1</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="path9448"
-         cx="-34.323376"
-         cy="-8.5520439"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 34.119937,21.49086 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
-         id="path13743" />
-    </g>
-    <g
-       id="g1329">
-      <path
-         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 64.060609,7.724185 c -0.04579,0.307409 -0.03422,65.937776 -0.03422,65.937776"
-         id="path15674" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="63.325699"
-         y="10.60219"
-         id="text15678"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           id="tspan15676"
-           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
-           x="63.325699"
-           y="10.60219">2</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle15680"
-         cx="-64.27549"
-         cy="-7.8669443"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
-         d="m 64.079881,21.500776 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
-         id="path15682" />
-    </g>
-    <g
-       id="g14279"
-       style="display:none"
-       transform="matrix(1.2524894,0,0,1.0646672,-14.203763,-38.140056)">
-      <g
-         id="g18704"
-         style="display:inline">
-        <path
-           style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:4.47293;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-           d="m 39.142669,73.987028 21.401647,0.110198"
-           id="path1108" />
-        <path
-           style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391436;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-           d="M 48.688134,73.955975 41.183058,73.814371"
-           id="path9576" />
-        <ellipse
-           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.11391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-           id="circle9582"
-           cx="-72.913704"
-           cy="40.918648"
-           transform="matrix(0.01563487,-0.99987777,0.99974017,0.02279479,0,0)"
-           rx="1.140859"
-           ry="0.94491148" />
-        <text
-           xml:space="preserve"
-           style="font-size:1.85538px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.113908;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-           x="43.211548"
-           y="67.832787"
-           id="text9714"
-           transform="scale(0.91001737,1.0988801)"><tspan
-             id="tspan9712"
-             style="stroke:#f9f6f6;stroke-width:0.113908;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-             x="43.211548"
-             y="67.832787">3</tspan></text>
-      </g>
-    </g>
+         y="79.868111">4</tspan></text>
+  </g>
+  <g
+     id="g5235"
+     style="display:none">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 34.100666,7.7142687 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
+       id="path127" />
+    <text
+       xml:space="preserve"
+       style="font-size:3.80661px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.190931;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="34.270798"
+       y="9.5284014"
+       id="text9342"
+       transform="matrix(0.96009452,-0.00798596,0.00737328,1.0415028,0,0)"><tspan
+         id="tspan9340"
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.190931;stroke-dasharray:none;stroke-opacity:1"
+         x="34.270798"
+         y="9.5284014">1</tspan></text>
+    <ellipse
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.190931;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path9448"
+       cx="-34.237415"
+       cy="-7.3642607"
+       transform="matrix(-0.99968383,-0.02514419,0.0214024,-0.99977094,0,0)"
+       rx="1.6716447"
+       ry="1.8118099" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="m 34.119937,21.49086 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+       id="path13743" />
+  </g>
+  <g
+     id="g5254"
+     style="display:inline">
+    <path
+       style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 64.060609,7.724185 c -0.04579,0.307409 -0.03422,65.937776 -0.03422,65.937776"
+       id="path15674" />
+    <text
+       xml:space="preserve"
+       style="font-size:2.95913px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.148424;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="62.954353"
+       y="9.40909"
+       id="text15678"
+       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+         id="tspan15676"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.148424;stroke-dasharray:none;stroke-opacity:1"
+         x="62.954353"
+         y="9.40909">2</tspan></text>
+    <circle
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.178916;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle15680"
+       cx="-64.055901"
+       cy="-6.4684973"
+       r="1.6308014"
+       transform="rotate(-178.67073)" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+       d="m 64.079881,21.500776 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+       id="path15682" />
+  </g>
+  <g
+     id="g5273"
+     style="display:none">
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 34.945285,40.62944 27.749421,0.121456"
+       id="path1108" />
+    <ellipse
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.271984;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+       id="circle9582"
+       cx="-40.05505"
+       cy="36.256527"
+       transform="matrix(0.01961286,-0.99980765,0.99983488,0.01817187,0,0)"
+       rx="1.5996814"
+       ry="1.6618737" />
+    <text
+       xml:space="preserve"
+       style="font-size:2.91369px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.271985;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+       x="34.027027"
+       y="42.494541"
+       id="text9714"
+       transform="scale(1.0192675,0.98109673)"><tspan
+         id="tspan9712"
+         style="stroke:#f9f6f6;stroke-width:0.271985;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+         x="34.027027"
+         y="42.494541">3</tspan></text>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+       d="m 48.701403,40.592962 c -2.146556,0.0054 -10.408363,-0.04787 -10.408363,-0.04787"
+       id="path5126" />
   </g>
 </svg>
diff --git a/public/assets/capital-letter/h_l3.svg b/public/assets/capital-letter/h_l3.svg
index 11660ba..dbd0caf 100755
--- a/public/assets/capital-letter/h_l3.svg
+++ b/public/assets/capital-letter/h_l3.svg
@@ -62,133 +62,124 @@
     </marker>
   </defs>
   <g
-     id="layer1"
-     style="display:inline">
-    <g
-       id="g14176"
-       style="display:none">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 42.014207,78.885553 33.868367,0.105865"
-         id="path1106" />
-      <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="M 54.585716,79.075266 44.449435,78.916887"
-         id="path9586" />
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle9592"
-         cx="-78.125687"
-         cy="44.021099"
-         r="1.2760839"
-         transform="rotate(-88.91827)" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     id="g14176"
+     style="display:none">
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 42.014207,78.885553 33.868367,0.105865"
+       id="path1106" />
+    <path
+       style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="M 54.585716,79.075266 44.449435,78.916887"
+       id="path9586" />
+    <circle
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle9592"
+       cx="-78.125687"
+       cy="44.021099"
+       r="1.2760839"
+       transform="rotate(-88.91827)" />
+    <text
+       xml:space="preserve"
+       style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="41.672253"
+       y="79.868111"
+       id="text9761"><tspan
+         id="tspan9759"
+         style="stroke-width:0.117792"
          x="41.672253"
-         y="79.868111"
-         id="text9761"><tspan
-           id="tspan9759"
-           style="stroke-width:0.117792"
-           x="41.672253"
-           y="79.868111">4</tspan></text>
-    </g>
-    <g
-       id="g18697"
-       style="display:none">
-      <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 34.100666,7.7142687 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
-         id="path127" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="33.212013"
-         y="10.601716"
-         id="text9342"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="33.212013"
-           y="10.601716">1</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="path9448"
-         cx="-34.323376"
-         cy="-8.5520439"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 34.119937,21.49086 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
-         id="path13743" />
-    </g>
-    <g
-       id="g1329"
-       transform="translate(-0.12787724,-0.12787724)"
-       style="display:none">
-      <path
-         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 64.060609,7.724185 c -0.04579,0.307409 -0.03422,65.937776 -0.03422,65.937776"
-         id="path15674" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="63.325699"
-         y="10.60219"
-         id="text15678"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           id="tspan15676"
-           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
-           x="63.325699"
-           y="10.60219">2</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle15680"
-         cx="-64.27549"
-         cy="-7.8669443"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
-         d="m 64.079881,21.500776 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
-         id="path15682" />
-    </g>
-    <g
-       id="g14279"
-       style="display:inline"
-       transform="matrix(1.2524894,0,0,1.0646672,-14.203763,-38.140056)">
-      <g
-         id="g18704"
-         style="display:inline">
-        <path
-           style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:4.47293;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-           d="m 39.142669,73.987028 21.401647,0.110198"
-           id="path1108" />
-        <path
-           style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391436;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-           d="M 48.688134,73.955975 41.183058,73.814371"
-           id="path9576" />
-        <ellipse
-           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.11391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-           id="circle9582"
-           cx="-72.913704"
-           cy="40.918648"
-           transform="matrix(0.01563487,-0.99987777,0.99974017,0.02279479,0,0)"
-           rx="1.140859"
-           ry="0.94491148" />
-        <text
-           xml:space="preserve"
-           style="font-size:1.85538px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.113908;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-           x="43.211548"
-           y="67.832787"
-           id="text9714"
-           transform="scale(0.91001737,1.0988801)"><tspan
-             id="tspan9712"
-             style="stroke:#f9f6f6;stroke-width:0.113908;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-             x="43.211548"
-             y="67.832787">3</tspan></text>
-      </g>
-    </g>
+         y="79.868111">4</tspan></text>
+  </g>
+  <g
+     id="g5235"
+     style="display:none">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 34.100666,7.7142687 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
+       id="path127" />
+    <text
+       xml:space="preserve"
+       style="font-size:3.80661px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.190931;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="34.270798"
+       y="9.5284014"
+       id="text9342"
+       transform="matrix(0.96009452,-0.00798596,0.00737328,1.0415028,0,0)"><tspan
+         id="tspan9340"
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.190931;stroke-dasharray:none;stroke-opacity:1"
+         x="34.270798"
+         y="9.5284014">1</tspan></text>
+    <ellipse
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.190931;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path9448"
+       cx="-34.237415"
+       cy="-7.3642607"
+       transform="matrix(-0.99968383,-0.02514419,0.0214024,-0.99977094,0,0)"
+       rx="1.6716447"
+       ry="1.8118099" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="m 34.119937,21.49086 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+       id="path13743" />
+  </g>
+  <g
+     id="g5254"
+     style="display:none">
+    <path
+       style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 64.060609,7.724185 c -0.04579,0.307409 -0.03422,65.937776 -0.03422,65.937776"
+       id="path15674" />
+    <text
+       xml:space="preserve"
+       style="font-size:2.95913px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.148424;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="62.954353"
+       y="9.40909"
+       id="text15678"
+       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+         id="tspan15676"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.148424;stroke-dasharray:none;stroke-opacity:1"
+         x="62.954353"
+         y="9.40909">2</tspan></text>
+    <circle
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.178916;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle15680"
+       cx="-64.055901"
+       cy="-6.4684973"
+       r="1.6308014"
+       transform="rotate(-178.67073)" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+       d="m 64.079881,21.500776 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+       id="path15682" />
+  </g>
+  <g
+     id="g5273"
+     style="display:inline">
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 34.945285,40.62944 27.749421,0.121456"
+       id="path1108" />
+    <ellipse
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.271984;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+       id="circle9582"
+       cx="-40.05505"
+       cy="36.256527"
+       transform="matrix(0.01961286,-0.99980765,0.99983488,0.01817187,0,0)"
+       rx="1.5996814"
+       ry="1.6618737" />
+    <text
+       xml:space="preserve"
+       style="font-size:2.91369px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.271985;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+       x="34.027027"
+       y="42.494541"
+       id="text9714"
+       transform="scale(1.0192675,0.98109673)"><tspan
+         id="tspan9712"
+         style="stroke:#f9f6f6;stroke-width:0.271985;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+         x="34.027027"
+         y="42.494541">3</tspan></text>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+       d="m 48.701403,40.592962 c -2.146556,0.0054 -10.408363,-0.04787 -10.408363,-0.04787"
+       id="path5126" />
   </g>
 </svg>
diff --git a/public/assets/capital-letter/i.svg b/public/assets/capital-letter/i.svg
index d568492..a0686b4 100755
--- a/public/assets/capital-letter/i.svg
+++ b/public/assets/capital-letter/i.svg
@@ -7,67 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="i.svg"
-   inkscape:export-xdpi="96"
-   inkscape:export-ydpi="96"
-   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="i_l3.svg"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview7"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"
-     inkscape:document-units="mm"
-     showgrid="false"
-     showguides="true"
-     inkscape:zoom="1.4478969"
-     inkscape:cx="172.3189"
-     inkscape:cy="215.48496"
-     inkscape:window-width="1920"
-     inkscape:window-height="1011"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="layer1">
-    <sodipodi:guide
-       position="50.044837,106.13694"
-       orientation="1,0"
-       id="guide61"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="31.19192,73.869705"
-       orientation="1,0"
-       id="guide65"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="36.906258,27.301511"
-       orientation="1,0"
-       id="guide67"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="36.037285,19.413344"
-       orientation="0,-1"
-       id="guide69"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="54.122374,93.823341"
-       orientation="0,-1"
-       id="guide71"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="62.786217,21.819752"
-       orientation="1,0"
-       id="guide550"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
   <defs
      id="defs2">
     <marker
@@ -76,12 +17,9 @@
        refX="0"
        refY="0"
        orient="auto-start-reverse"
-       inkscape:stockid="Arrow2"
        markerWidth="7.6999998"
        markerHeight="5.5999999"
        viewBox="0 0 7.7 5.6"
-       inkscape:isstock="true"
-       inkscape:collect="always"
        preserveAspectRatio="xMidYMid">
       <path
          transform="scale(0.7)"
@@ -91,8 +29,6 @@
     </marker>
   </defs>
   <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
      id="layer1"
      style="display:inline">
     <g
@@ -105,8 +41,7 @@
       <path
          style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
          d="M 54.585716,79.075266 44.449435,78.916887"
-         id="path9586"
-         sodipodi:nodetypes="cc" />
+         id="path9586" />
       <circle
          style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          id="circle9592"
@@ -120,117 +55,90 @@
          x="41.672253"
          y="79.868111"
          id="text9761"><tspan
-           sodipodi:role="line"
            id="tspan9759"
            style="stroke-width:0.117792"
            x="41.672253"
            y="79.868111">4</tspan></text>
     </g>
-    <g
-       id="g3051">
-      <g
-         id="g15171"
-         style="display:inline">
-        <path
-           style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-           d="m 50.078477,7.5286417 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
-           id="path127"
-           sodipodi:nodetypes="cc" />
-        <text
-           xml:space="preserve"
-           style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-           x="49.168594"
-           y="14.241333"
-           id="text9342"
-           transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-             sodipodi:role="line"
-             id="tspan9340"
-             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-             x="49.168594"
-             y="14.241333">1</tspan></text>
-        <circle
-           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-           id="path9448"
-           cx="-50.37851"
-           cy="-11.698981"
-           r="1.2760839"
-           transform="rotate(-178.67073)" />
-        <path
-           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-           d="m 50.097748,25.009402 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
-           id="path13743"
-           sodipodi:nodetypes="cc" />
-      </g>
-      <g
-         id="g3047"
-         style="display:inline">
-        <g
-           id="g3069">
-          <path
-             style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:4.47293;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-             d="m 39.142669,73.987028 21.401647,0.110198"
-             id="path1108" />
-          <ellipse
-             style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.11391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-             id="circle9582"
-             cx="-72.913704"
-             cy="40.918648"
-             transform="matrix(0.01563487,-0.99987777,0.99974017,0.02279479,0,0)"
-             rx="1.140859"
-             ry="0.94491148" />
-          <path
-             style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391436;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-             d="M 48.688134,73.955975 41.183058,73.814371"
-             id="path9576"
-             sodipodi:nodetypes="cc" />
-        </g>
-        <text
-           xml:space="preserve"
-           style="font-size:1.85538px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.113908;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-           x="43.211548"
-           y="67.832787"
-           id="text9714"
-           transform="scale(0.91001738,1.0988801)"><tspan
-             sodipodi:role="line"
-             id="tspan9712"
-             style="stroke:#f9f6f6;stroke-width:0.113908;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-             x="43.211548"
-             y="67.832787">3</tspan></text>
-      </g>
-    </g>
-    <g
-       id="g14264"
-       transform="translate(0,-71.966706)"
-       style="display:inline">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:4.47466;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 39.141599,78.999807 21.42108,0.189536"
-         id="path548" />
-      <ellipse
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.104558;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle13613"
-         cx="78.200455"
-         cy="-40.956722"
-         transform="matrix(-0.02107702,0.99977785,-0.99966338,-0.02594463,0,0)"
-         rx="1.2327613"
-         ry="1.1111807" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.41325px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.114;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         x="37.679607"
-         y="80.526085"
-         id="text13723"
-         transform="rotate(-0.68318798)"><tspan
-           sodipodi:role="line"
-           id="tspan13721"
-           style="fill:#ffffff;fill-opacity:1;stroke-width:0.114;stroke-dasharray:none"
-           x="37.679607"
-           y="80.526085">2</tspan></text>
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 51.113705,79.180036 c -2.146501,0.01635 -10.408471,0.0051 -10.408471,0.0051"
-         id="path13749"
-         sodipodi:nodetypes="cc" />
-    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 50.078477,7.5286417 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
+       id="path127" />
+    <text
+       xml:space="preserve"
+       style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="49.168594"
+       y="14.241333"
+       id="text9342"
+       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+         id="tspan9340"
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+         x="49.168594"
+         y="14.241333">1</tspan></text>
+    <circle
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path9448"
+       cx="-50.37851"
+       cy="-11.698981"
+       r="1.2760839"
+       transform="rotate(-178.67073)" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="m 50.097748,25.009402 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+       id="path13743" />
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 39.142669,73.987028 21.401647,0.110198"
+       id="path1108" />
+    <ellipse
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.153015;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+       id="circle9582"
+       cx="-73.353561"
+       cy="40.674316"
+       transform="matrix(0.0184167,-0.9998304,0.99981273,0.01935214,0,0)"
+       rx="1.4120852"
+       ry="1.3775457" />
+    <path
+       style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391436;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+       d="m 48.946433,74.111518 -7.506344,-0.03184"
+       id="path9576" />
+    <text
+       xml:space="preserve"
+       style="font-size:2.49236px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.153014;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+       x="39.149429"
+       y="74.074265"
+       id="text9714"
+       transform="scale(0.98768557,1.012468)"><tspan
+         id="tspan9712"
+         style="stroke:#f9f6f6;stroke-width:0.153014;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+         x="39.149429"
+         y="74.074265">3</tspan></text>
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 39.141599,7.033101 21.42108,0.189536"
+       id="path548" />
+    <ellipse
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.104558;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle13613"
+       cx="6.2571211"
+       cy="-39.439861"
+       transform="matrix(-0.02107702,0.99977785,-0.99966338,-0.02594463,0,0)"
+       rx="1.2327613"
+       ry="1.1111807" />
+    <text
+       xml:space="preserve"
+       style="font-size:2.41325px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.114;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+       x="38.537708"
+       y="8.5644951"
+       id="text13723"
+       transform="rotate(-0.68318798)"><tspan
+         id="tspan13721"
+         style="fill:#ffffff;fill-opacity:1;stroke-width:0.114;stroke-dasharray:none"
+         x="38.537708"
+         y="8.5644951">2</tspan></text>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="M 51.113705,7.21333 C 48.967204,7.22968 40.705234,7.21843 40.705234,7.21843"
+       id="path13749" />
   </g>
 </svg>
diff --git a/public/assets/capital-letter/i_l1.svg b/public/assets/capital-letter/i_l1.svg
index 18da748..e1200e8 100755
--- a/public/assets/capital-letter/i_l1.svg
+++ b/public/assets/capital-letter/i_l1.svg
@@ -7,11 +7,11 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="i_l1.svg"
+   inkscape:export-filename="i_j3.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="d_l1.svg"
+   sodipodi:docname="i.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -95,11 +95,6 @@
      inkscape:groupmode="layer"
      id="layer1"
      style="display:inline">
-    <path
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="m 38.985247,19.717732 c -0.01675,-2.146498 -0.007,-10.4084704 -0.007,-10.4084704"
-       id="path6265"
-       sodipodi:nodetypes="cc" />
     <g
        id="g14176"
        style="display:none">
@@ -132,98 +127,101 @@
            y="79.868111">4</tspan></text>
     </g>
     <g
-       id="g14279"
+       id="g1044"
        style="display:none">
       <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:4.47293;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 39.142669,73.987028 21.401647,0.110198"
-         id="path1108" />
-      <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391436;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-         d="M 48.688134,73.955975 41.183058,73.814371"
-         id="path9576"
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 50.078477,7.5286417 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
+         id="path127"
          sodipodi:nodetypes="cc" />
-      <ellipse
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.11391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         id="circle9582"
-         cx="-72.913704"
-         cy="40.918648"
-         transform="matrix(0.01563487,-0.99987777,0.99974017,0.02279479,0,0)"
-         rx="1.140859"
-         ry="0.94491148" />
       <text
          xml:space="preserve"
-         style="font-size:1.85538px;display:none;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.113908;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         x="43.211548"
-         y="67.832787"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="49.168594"
+         y="14.241333"
+         id="text9342"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan9340"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="49.168594"
+           y="14.241333">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448"
+         cx="-50.37851"
+         cy="-11.698981"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 50.097748,25.009402 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+         id="path13743"
+         sodipodi:nodetypes="cc" />
+    </g>
+    <g
+       id="g1037"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 39.142669,73.987028 21.401647,0.110198"
+         id="path1108" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.153015;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="circle9582"
+         cx="-73.353561"
+         cy="40.674316"
+         transform="matrix(0.0184167,-0.9998304,0.99981273,0.01935214,0,0)"
+         rx="1.4120852"
+         ry="1.3775457" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391436;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+         d="m 48.946433,74.111518 -7.506344,-0.03184"
+         id="path9576"
+         sodipodi:nodetypes="cc" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.49236px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.153014;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="39.149429"
+         y="74.074265"
          id="text9714"
-         transform="scale(0.91001737,1.0988801)"><tspan
+         transform="scale(0.98768557,1.012468)"><tspan
            sodipodi:role="line"
            id="tspan9712"
-           style="stroke:#f9f6f6;stroke-width:0.113908;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-           x="0"
-           y="0">3</tspan></text>
+           style="stroke:#f9f6f6;stroke-width:0.153014;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+           x="39.149429"
+           y="74.074265">3</tspan></text>
     </g>
-    <path
-       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="m 50.078477,7.5286417 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
-       id="path127"
-       sodipodi:nodetypes="cc" />
-    <text
-       xml:space="preserve"
-       style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="49.168594"
-       y="14.241333"
-       id="text9342"
-       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-         sodipodi:role="line"
-         id="tspan9340"
-         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-         x="49.168594"
-         y="14.241333">1</tspan></text>
-    <circle
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="path9448"
-       cx="-50.37851"
-       cy="-11.698981"
-       r="1.2760839"
-       transform="rotate(-178.67073)" />
-    <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="m 50.097748,25.009402 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
-       id="path13743"
-       sodipodi:nodetypes="cc" />
     <g
-       id="g14264"
-       transform="translate(0,-71.966706)"
+       id="g1030"
        style="display:none">
       <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:4.47466;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 39.141599,78.999807 21.42108,0.189536"
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 39.141599,7.033101 21.42108,0.189536"
          id="path548" />
       <ellipse
          style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.104558;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          id="circle13613"
-         cx="78.200455"
-         cy="-40.956722"
+         cx="6.2571211"
+         cy="-39.439861"
          transform="matrix(-0.02107702,0.99977785,-0.99966338,-0.02594463,0,0)"
          rx="1.2327613"
          ry="1.1111807" />
       <text
          xml:space="preserve"
          style="font-size:2.41325px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.114;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         x="37.679607"
-         y="80.526085"
+         x="38.537708"
+         y="8.5644951"
          id="text13723"
          transform="rotate(-0.68318798)"><tspan
            sodipodi:role="line"
            id="tspan13721"
            style="fill:#ffffff;fill-opacity:1;stroke-width:0.114;stroke-dasharray:none"
-           x="37.679607"
-           y="80.526085">2</tspan></text>
+           x="38.537708"
+           y="8.5644951">2</tspan></text>
       <path
          style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 51.113705,79.180036 c -2.146501,0.01635 -10.408471,0.0051 -10.408471,0.0051"
+         d="M 51.113705,7.21333 C 48.967204,7.22968 40.705234,7.21843 40.705234,7.21843"
          id="path13749"
          sodipodi:nodetypes="cc" />
     </g>
diff --git a/public/assets/capital-letter/i_l2.svg b/public/assets/capital-letter/i_l2.svg
index 404781f..180e287 100755
--- a/public/assets/capital-letter/i_l2.svg
+++ b/public/assets/capital-letter/i_l2.svg
@@ -11,7 +11,7 @@
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="d_l1.svg"
+   sodipodi:docname="i.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -95,11 +95,6 @@
      inkscape:groupmode="layer"
      id="layer1"
      style="display:inline">
-    <path
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="m 38.985247,19.717732 c -0.01675,-2.146498 -0.007,-10.4084704 -0.007,-10.4084704"
-       id="path6265"
-       sodipodi:nodetypes="cc" />
     <g
        id="g14176"
        style="display:none">
@@ -132,86 +127,101 @@
            y="79.868111">4</tspan></text>
     </g>
     <g
-       id="g14279"
+       id="g1044"
        style="display:none">
       <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:4.47293;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 39.142669,73.987028 21.401647,0.110198"
-         id="path1108" />
-      <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391436;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-         d="M 48.688134,73.955975 41.183058,73.814371"
-         id="path9576"
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 50.078477,7.5286417 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
+         id="path127"
          sodipodi:nodetypes="cc" />
-      <ellipse
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.11391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         id="circle9582"
-         cx="-72.913704"
-         cy="40.918648"
-         transform="matrix(0.01563487,-0.99987777,0.99974017,0.02279479,0,0)"
-         rx="1.140859"
-         ry="0.94491148" />
       <text
          xml:space="preserve"
-         style="font-size:1.85538px;display:none;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.113908;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         x="43.211548"
-         y="67.832787"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="49.168594"
+         y="14.241333"
+         id="text9342"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan9340"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="49.168594"
+           y="14.241333">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448"
+         cx="-50.37851"
+         cy="-11.698981"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 50.097748,25.009402 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+         id="path13743"
+         sodipodi:nodetypes="cc" />
+    </g>
+    <g
+       id="g1037"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 39.142669,73.987028 21.401647,0.110198"
+         id="path1108" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.153015;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="circle9582"
+         cx="-73.353561"
+         cy="40.674316"
+         transform="matrix(0.0184167,-0.9998304,0.99981273,0.01935214,0,0)"
+         rx="1.4120852"
+         ry="1.3775457" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391436;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+         d="m 48.946433,74.111518 -7.506344,-0.03184"
+         id="path9576"
+         sodipodi:nodetypes="cc" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.49236px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.153014;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="39.149429"
+         y="74.074265"
          id="text9714"
-         transform="scale(0.91001737,1.0988801)"><tspan
+         transform="scale(0.98768557,1.012468)"><tspan
            sodipodi:role="line"
            id="tspan9712"
-           style="stroke:#f9f6f6;stroke-width:0.113908;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-           x="0"
-           y="0">3</tspan></text>
+           style="stroke:#f9f6f6;stroke-width:0.153014;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+           x="39.149429"
+           y="74.074265">3</tspan></text>
     </g>
-    <path
-       style="display:none;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="m 50.078477,7.5286417 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
-       id="path127"
-       sodipodi:nodetypes="cc" />
-    <circle
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="path9448"
-       cx="-50.37851"
-       cy="-11.698981"
-       r="1.2760839"
-       transform="rotate(-178.67073)" />
-    <path
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="m 50.097748,25.009402 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
-       id="path13743"
-       sodipodi:nodetypes="cc" />
     <g
-       id="g14264"
-       transform="translate(0,-71.966706)"
+       id="g1030"
        style="display:inline">
       <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:4.47466;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 39.141599,78.999807 21.42108,0.189536"
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 39.141599,7.033101 21.42108,0.189536"
          id="path548" />
       <ellipse
          style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.104558;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          id="circle13613"
-         cx="78.200455"
-         cy="-40.956722"
+         cx="6.2571211"
+         cy="-39.439861"
          transform="matrix(-0.02107702,0.99977785,-0.99966338,-0.02594463,0,0)"
          rx="1.2327613"
          ry="1.1111807" />
       <text
          xml:space="preserve"
          style="font-size:2.41325px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.114;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         x="37.679607"
-         y="80.526085"
+         x="38.537708"
+         y="8.5644951"
          id="text13723"
          transform="rotate(-0.68318798)"><tspan
            sodipodi:role="line"
            id="tspan13721"
            style="fill:#ffffff;fill-opacity:1;stroke-width:0.114;stroke-dasharray:none"
-           x="37.679607"
-           y="80.526085">2</tspan></text>
+           x="38.537708"
+           y="8.5644951">2</tspan></text>
       <path
          style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 51.113705,79.180036 c -2.146501,0.01635 -10.408471,0.0051 -10.408471,0.0051"
+         d="M 51.113705,7.21333 C 48.967204,7.22968 40.705234,7.21843 40.705234,7.21843"
          id="path13749"
          sodipodi:nodetypes="cc" />
     </g>
diff --git a/public/assets/capital-letter/i_l3.svg b/public/assets/capital-letter/i_l3.svg
deleted file mode 100755
index 0ec2bba..0000000
--- a/public/assets/capital-letter/i_l3.svg
+++ /dev/null
@@ -1,230 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   width="100mm"
-   height="100mm"
-   viewBox="0 0 100 100"
-   version="1.1"
-   id="svg5"
-   inkscape:export-filename="i_l2.svg"
-   inkscape:export-xdpi="96"
-   inkscape:export-ydpi="96"
-   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="d_l1.svg"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview7"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"
-     inkscape:document-units="mm"
-     showgrid="false"
-     showguides="true"
-     inkscape:zoom="1.4478969"
-     inkscape:cx="172.3189"
-     inkscape:cy="215.48496"
-     inkscape:window-width="1920"
-     inkscape:window-height="1011"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="layer1">
-    <sodipodi:guide
-       position="50.044837,106.13694"
-       orientation="1,0"
-       id="guide61"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="31.19192,73.869705"
-       orientation="1,0"
-       id="guide65"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="36.906258,27.301511"
-       orientation="1,0"
-       id="guide67"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="36.037285,19.413344"
-       orientation="0,-1"
-       id="guide69"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="54.122374,93.823341"
-       orientation="0,-1"
-       id="guide71"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="62.786217,21.819752"
-       orientation="1,0"
-       id="guide550"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
-  <defs
-     id="defs2">
-    <marker
-       style="overflow:visible"
-       id="Arrow2"
-       refX="0"
-       refY="0"
-       orient="auto-start-reverse"
-       inkscape:stockid="Arrow2"
-       markerWidth="7.6999998"
-       markerHeight="5.5999999"
-       viewBox="0 0 7.7 5.6"
-       inkscape:isstock="true"
-       inkscape:collect="always"
-       preserveAspectRatio="xMidYMid">
-      <path
-         transform="scale(0.7)"
-         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
-         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
-         id="arrow2L" />
-    </marker>
-  </defs>
-  <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     style="display:inline">
-    <g
-       id="g14176"
-       style="display:none">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 42.014207,78.885553 33.868367,0.105865"
-         id="path1106" />
-      <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="M 54.585716,79.075266 44.449435,78.916887"
-         id="path9586"
-         sodipodi:nodetypes="cc" />
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle9592"
-         cx="-78.125687"
-         cy="44.021099"
-         r="1.2760839"
-         transform="rotate(-88.91827)" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="41.672253"
-         y="79.868111"
-         id="text9761"><tspan
-           sodipodi:role="line"
-           id="tspan9759"
-           style="stroke-width:0.117792"
-           x="41.672253"
-           y="79.868111">4</tspan></text>
-    </g>
-    <g
-       id="g14279"
-       style="display:inline">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:4.47293;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 39.142669,73.987028 21.401647,0.110198"
-         id="path1108" />
-      <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391436;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-         d="M 48.688134,73.955975 41.183058,73.814371"
-         id="path9576"
-         sodipodi:nodetypes="cc" />
-      <ellipse
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.11391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         id="circle9582"
-         cx="-72.913704"
-         cy="40.918648"
-         transform="matrix(0.01563487,-0.99987777,0.99974017,0.02279479,0,0)"
-         rx="1.140859"
-         ry="0.94491148" />
-      <text
-         xml:space="preserve"
-         style="font-size:1.85538px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.113908;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         x="43.211548"
-         y="67.832787"
-         id="text9714"
-         transform="scale(0.91001737,1.0988801)"><tspan
-           sodipodi:role="line"
-           id="tspan9712"
-           style="stroke:#f9f6f6;stroke-width:0.113908;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-           x="43.211548"
-           y="67.832787">3</tspan></text>
-    </g>
-    <g
-       id="g15171"
-       style="display:none">
-      <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 50.078477,7.5286417 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
-         id="path127"
-         sodipodi:nodetypes="cc" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="49.168594"
-         y="14.241333"
-         id="text9342"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           sodipodi:role="line"
-           id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="49.168594"
-           y="14.241333">1</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="path9448"
-         cx="-50.37851"
-         cy="-11.698981"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 50.097748,25.009402 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
-         id="path13743"
-         sodipodi:nodetypes="cc" />
-    </g>
-    <g
-       id="g14264"
-       transform="translate(0,-71.966706)"
-       style="display:none">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:4.47466;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 39.141599,78.999807 21.42108,0.189536"
-         id="path548" />
-      <ellipse
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.104558;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle13613"
-         cx="78.200455"
-         cy="-40.956722"
-         transform="matrix(-0.02107702,0.99977785,-0.99966338,-0.02594463,0,0)"
-         rx="1.2327613"
-         ry="1.1111807" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.41325px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.114;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         x="37.679607"
-         y="80.526085"
-         id="text13723"
-         transform="rotate(-0.68318798)"><tspan
-           sodipodi:role="line"
-           id="tspan13721"
-           style="fill:#ffffff;fill-opacity:1;stroke-width:0.114;stroke-dasharray:none"
-           x="37.679607"
-           y="80.526085">2</tspan></text>
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 51.113705,79.180036 c -2.146501,0.01635 -10.408471,0.0051 -10.408471,0.0051"
-         id="path13749"
-         sodipodi:nodetypes="cc" />
-    </g>
-  </g>
-</svg>
diff --git a/public/assets/capital-letter/J_l1.svg b/public/assets/capital-letter/j.svg
similarity index 79%
rename from public/assets/capital-letter/J_l1.svg
rename to public/assets/capital-letter/j.svg
index c430ace..08848d4 100755
--- a/public/assets/capital-letter/J_l1.svg
+++ b/public/assets/capital-letter/j.svg
@@ -7,11 +7,11 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="h_l3.svg"
+   inkscape:export-filename="j.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="d_l1.svg"
+   sodipodi:docname="J_l1.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -126,40 +126,36 @@
            x="41.672253"
            y="79.868111">4</tspan></text>
     </g>
-    <g
-       id="g18697"
-       style="display:inline"
-       transform="translate(25.852585,1.525942)">
-      <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 34.100666,7.7142687 C 34.111679,8.7911418 33.956611,44.705584 33.811595,66.223261 34.192049,90.582857 -2.9162649,87.11519 2.1020547,57.916134"
-         id="path127"
-         sodipodi:nodetypes="ccc" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="33.212013"
-         y="10.601716"
-         id="text9342"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           sodipodi:role="line"
-           id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="33.212013"
-           y="10.601716">1</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="path9448"
-         cx="-34.323376"
-         cy="-8.5520439"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 34.119937,21.49086 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
-         id="path13743"
-         sodipodi:nodetypes="cc" />
-    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 59.953251,9.2402107 C 59.964264,10.317084 59.809196,46.231526 59.66418,67.749203 60.044634,92.108799 22.93632,88.641132 27.95464,59.442076"
+       id="path127"
+       sodipodi:nodetypes="ccc" />
+    <text
+       xml:space="preserve"
+       style="font-size:3.6908px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.185122;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="59.660686"
+       y="11.786662"
+       id="text9342"
+       transform="matrix(0.98613942,-0.00777504,0.0075733,1.0139957,0,0)"><tspan
+         sodipodi:role="line"
+         id="tspan9340"
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.185122;stroke-dasharray:none;stroke-opacity:1"
+         x="59.660686"
+         y="11.786662">1</tspan></text>
+    <ellipse
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.185122;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path9448"
+       cx="-60.227734"
+       cy="-8.7077074"
+       transform="matrix(-0.99971592,-0.02383433,0.02257875,-0.99974507,0,0)"
+       rx="1.6647027"
+       ry="1.7103375" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="m 59.972522,23.016802 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+       id="path13743"
+       sodipodi:nodetypes="cc" />
     <g
        id="g18704"
        style="display:none"
diff --git a/public/assets/capital-letter/k.svg b/public/assets/capital-letter/k.svg
index cb0616d..744c0b4 100755
--- a/public/assets/capital-letter/k.svg
+++ b/public/assets/capital-letter/k.svg
@@ -127,51 +127,48 @@
            y="79.868111">4</tspan></text>
     </g>
     <g
-       id="g18697"
-       style="display:inline"
-       transform="translate(-0.30706826,0.0790019)"
-       inkscape:label="green1">
+       id="g978">
       <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 34.330377,9.3137689 C 34.075442,8.1745231 34.229651,76.194688 34.229651,76.194688"
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 34.023309,9.3927708 C 33.768374,8.253525 33.922583,76.27369 33.922583,76.27369"
          id="path127"
          sodipodi:nodetypes="cc" />
       <text
          xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="33.212013"
-         y="10.601716"
+         style="font-size:5.038px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.252694;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="28.078995"
+         y="14.385494"
          id="text9342"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+         transform="matrix(1.1394281,-0.00672905,0.00875051,0.87758158,0,0)"><tspan
            sodipodi:role="line"
            id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="33.212013"
-           y="10.601716">1</tspan></text>
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.252694;stroke-dasharray:none;stroke-opacity:1"
+           x="28.078995"
+           y="14.385494">1</tspan></text>
       <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.225525;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          id="path9448"
-         cx="-34.323376"
-         cy="-8.5520439"
-         r="1.2760839"
+         cx="-34.051197"
+         cy="-10.059121"
+         r="2.0556314"
          transform="rotate(-178.67073)" />
       <path
          style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 34.119937,21.49086 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+         d="m 33.812869,24.695621 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
          id="path13743"
          sodipodi:nodetypes="cc" />
     </g>
     <g
-       id="g21577"
+       id="g986"
        style="display:inline">
       <path
-         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
          d="M 60.070724,9.4858095 C 59.92985,9.6636375 35.22968,51.950743 35.22968,51.950743"
          id="path15674"
          sodipodi:nodetypes="cc" />
       <g
          id="g21551"
-         transform="rotate(-34.110499,58.86954,9.3216777)">
+         transform="matrix(1.1458666,-0.7761163,0.7761163,1.1458666,-15.666056,43.366395)">
         <text
            xml:space="preserve"
            style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@@ -194,49 +191,49 @@
       </g>
       <path
          style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 53.416204,20.626295 c 1.082076,-1.853874 5.310849,-8.951603 5.310849,-8.951603"
+         d="m 52.867995,21.35724 c 1.082076,-1.853874 5.310849,-8.951603 5.310849,-8.951603"
          id="path15682"
          sodipodi:nodetypes="cc"
          inkscape:transform-center-x="2.6429429"
          inkscape:transform-center-y="4.3941443" />
+    </g>
+    <g
+       id="g994"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 43.244577,42.906745 60.539428,76.483297"
+         id="path1108" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+         d="M 50.370568,55.799982 45.754806,47.922138"
+         id="path9576"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-2.0928027"
+         inkscape:transform-center-y="4.3531649" />
       <g
-         id="g21593"
-         style="display:inline">
-        <path
-           style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-           d="M 43.244577,42.906745 60.539428,76.483297"
-           id="path1108" />
-        <path
-           style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-           d="M 50.370568,55.799982 45.754806,47.922138"
-           id="path9576"
-           sodipodi:nodetypes="cc"
-           inkscape:transform-center-x="-2.0928027"
-           inkscape:transform-center-y="4.3531649" />
-        <g
-           id="g21538"
-           transform="translate(-14.43004,-29.354333)">
-          <ellipse
-             style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-             id="circle9582"
-             cx="-74.661598"
-             cy="60.70055"
-             transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
-             rx="1.2146922"
-             ry="1.1834064" />
-          <text
-             xml:space="preserve"
-             style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="g21538"
+         transform="matrix(1.3813395,0,0,1.4843374,-37.620609,-67.381317)">
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           id="circle9582"
+           cx="-74.661598"
+           cy="60.70055"
+           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+           rx="1.2146922"
+           ry="1.1834064" />
+        <text
+           xml:space="preserve"
+           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           x="59.531094"
+           y="75.579971"
+           id="text9714"
+           transform="scale(0.98702867,1.0131418)"><tspan
+             sodipodi:role="line"
+             id="tspan9712"
+             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
              x="59.531094"
-             y="75.579971"
-             id="text9714"
-             transform="scale(0.98702867,1.0131418)"><tspan
-               sodipodi:role="line"
-               id="tspan9712"
-               style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-               x="59.531094"
-               y="75.579971">3</tspan></text>
-        </g>
+             y="75.579971">3</tspan></text>
       </g>
     </g>
   </g>
diff --git a/public/assets/capital-letter/k_l1.svg b/public/assets/capital-letter/k_l1.svg
index 52d1f4d..b1083f6 100755
--- a/public/assets/capital-letter/k_l1.svg
+++ b/public/assets/capital-letter/k_l1.svg
@@ -7,11 +7,11 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="J_l1.svg"
+   inkscape:export-filename="k.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="d_l1.svg"
+   sodipodi:docname="k.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -127,90 +127,48 @@
            y="79.868111">4</tspan></text>
     </g>
     <g
-       id="g18697"
-       style="display:inline"
-       transform="translate(-0.30706826,0.0790019)"
-       inkscape:label="green1">
+       id="g978">
       <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 34.330377,9.3137689 C 34.075442,8.1745231 34.229651,76.194688 34.229651,76.194688"
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 34.023309,9.3927708 C 33.768374,8.253525 33.922583,76.27369 33.922583,76.27369"
          id="path127"
          sodipodi:nodetypes="cc" />
       <text
          xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="33.212013"
-         y="10.601716"
+         style="font-size:5.038px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.252694;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="28.078995"
+         y="14.385494"
          id="text9342"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+         transform="matrix(1.1394281,-0.00672905,0.00875051,0.87758158,0,0)"><tspan
            sodipodi:role="line"
            id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="33.212013"
-           y="10.601716">1</tspan></text>
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.252694;stroke-dasharray:none;stroke-opacity:1"
+           x="28.078995"
+           y="14.385494">1</tspan></text>
       <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.225525;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          id="path9448"
-         cx="-34.323376"
-         cy="-8.5520439"
-         r="1.2760839"
+         cx="-34.051197"
+         cy="-10.059121"
+         r="2.0556314"
          transform="rotate(-178.67073)" />
       <path
          style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 34.119937,21.49086 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+         d="m 33.812869,24.695621 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
          id="path13743"
          sodipodi:nodetypes="cc" />
     </g>
     <g
-       id="g21593"
+       id="g986"
        style="display:none">
       <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 43.244577,42.906745 60.539428,76.483297"
-         id="path1108" />
-      <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-         d="M 50.370568,55.799982 45.754806,47.922138"
-         id="path9576"
-         sodipodi:nodetypes="cc"
-         inkscape:transform-center-x="-2.0928027"
-         inkscape:transform-center-y="4.3531649" />
-      <g
-         id="g21538"
-         transform="translate(-14.43004,-29.354333)">
-        <ellipse
-           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-           id="circle9582"
-           cx="-74.661598"
-           cy="60.70055"
-           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
-           rx="1.2146922"
-           ry="1.1834064" />
-        <text
-           xml:space="preserve"
-           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-           x="59.531094"
-           y="75.579971"
-           id="text9714"
-           transform="scale(0.98702867,1.0131418)"><tspan
-             sodipodi:role="line"
-             id="tspan9712"
-             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-             x="59.531094"
-             y="75.579971">3</tspan></text>
-      </g>
-    </g>
-    <g
-       id="g21577"
-       style="display:none">
-      <path
-         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
          d="M 60.070724,9.4858095 C 59.92985,9.6636375 35.22968,51.950743 35.22968,51.950743"
          id="path15674"
          sodipodi:nodetypes="cc" />
       <g
          id="g21551"
-         transform="rotate(-34.110499,58.86954,9.3216777)">
+         transform="matrix(1.1458666,-0.7761163,0.7761163,1.1458666,-15.666056,43.366395)">
         <text
            xml:space="preserve"
            style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@@ -233,11 +191,50 @@
       </g>
       <path
          style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 53.416204,20.626295 c 1.082076,-1.853874 5.310849,-8.951603 5.310849,-8.951603"
+         d="m 52.867995,21.35724 c 1.082076,-1.853874 5.310849,-8.951603 5.310849,-8.951603"
          id="path15682"
          sodipodi:nodetypes="cc"
          inkscape:transform-center-x="2.6429429"
          inkscape:transform-center-y="4.3941443" />
     </g>
+    <g
+       id="g994"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 43.244577,42.906745 60.539428,76.483297"
+         id="path1108" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+         d="M 50.370568,55.799982 45.754806,47.922138"
+         id="path9576"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-2.0928027"
+         inkscape:transform-center-y="4.3531649" />
+      <g
+         id="g21538"
+         transform="matrix(1.3813395,0,0,1.4843374,-37.620609,-67.381317)">
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           id="circle9582"
+           cx="-74.661598"
+           cy="60.70055"
+           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+           rx="1.2146922"
+           ry="1.1834064" />
+        <text
+           xml:space="preserve"
+           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           x="59.531094"
+           y="75.579971"
+           id="text9714"
+           transform="scale(0.98702867,1.0131418)"><tspan
+             sodipodi:role="line"
+             id="tspan9712"
+             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+             x="59.531094"
+             y="75.579971">3</tspan></text>
+      </g>
+    </g>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/k_l2.svg b/public/assets/capital-letter/k_l2.svg
index 43adc1d..c236418 100755
--- a/public/assets/capital-letter/k_l2.svg
+++ b/public/assets/capital-letter/k_l2.svg
@@ -11,7 +11,7 @@
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="d_l1.svg"
+   sodipodi:docname="k.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -127,90 +127,49 @@
            y="79.868111">4</tspan></text>
     </g>
     <g
-       id="g18697"
-       style="display:none"
-       transform="translate(-0.30706826,0.0790019)"
-       inkscape:label="green1">
+       id="g978"
+       style="display:none">
       <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 34.330377,9.3137689 C 34.075442,8.1745231 34.229651,76.194688 34.229651,76.194688"
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 34.023309,9.3927708 C 33.768374,8.253525 33.922583,76.27369 33.922583,76.27369"
          id="path127"
          sodipodi:nodetypes="cc" />
       <text
          xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="33.212013"
-         y="10.601716"
+         style="font-size:5.038px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.252694;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="28.078995"
+         y="14.385494"
          id="text9342"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+         transform="matrix(1.1394281,-0.00672905,0.00875051,0.87758158,0,0)"><tspan
            sodipodi:role="line"
            id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="33.212013"
-           y="10.601716">1</tspan></text>
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.252694;stroke-dasharray:none;stroke-opacity:1"
+           x="28.078995"
+           y="14.385494">1</tspan></text>
       <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.225525;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          id="path9448"
-         cx="-34.323376"
-         cy="-8.5520439"
-         r="1.2760839"
+         cx="-34.051197"
+         cy="-10.059121"
+         r="2.0556314"
          transform="rotate(-178.67073)" />
       <path
          style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 34.119937,21.49086 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+         d="m 33.812869,24.695621 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
          id="path13743"
          sodipodi:nodetypes="cc" />
     </g>
     <g
-       id="g21593"
-       style="display:none">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 43.244577,42.906745 60.539428,76.483297"
-         id="path1108" />
-      <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-         d="M 50.370568,55.799982 45.754806,47.922138"
-         id="path9576"
-         sodipodi:nodetypes="cc"
-         inkscape:transform-center-x="-2.0928027"
-         inkscape:transform-center-y="4.3531649" />
-      <g
-         id="g21538"
-         transform="translate(-14.43004,-29.354333)">
-        <ellipse
-           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-           id="circle9582"
-           cx="-74.661598"
-           cy="60.70055"
-           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
-           rx="1.2146922"
-           ry="1.1834064" />
-        <text
-           xml:space="preserve"
-           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-           x="59.531094"
-           y="75.579971"
-           id="text9714"
-           transform="scale(0.98702867,1.0131418)"><tspan
-             sodipodi:role="line"
-             id="tspan9712"
-             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-             x="59.531094"
-             y="75.579971">3</tspan></text>
-      </g>
-    </g>
-    <g
-       id="g21577"
+       id="g986"
        style="display:inline">
       <path
-         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
          d="M 60.070724,9.4858095 C 59.92985,9.6636375 35.22968,51.950743 35.22968,51.950743"
          id="path15674"
          sodipodi:nodetypes="cc" />
       <g
          id="g21551"
-         transform="rotate(-34.110499,58.86954,9.3216777)">
+         transform="matrix(1.1458666,-0.7761163,0.7761163,1.1458666,-15.666056,43.366395)">
         <text
            xml:space="preserve"
            style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@@ -233,11 +192,50 @@
       </g>
       <path
          style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 53.416204,20.626295 c 1.082076,-1.853874 5.310849,-8.951603 5.310849,-8.951603"
+         d="m 52.867995,21.35724 c 1.082076,-1.853874 5.310849,-8.951603 5.310849,-8.951603"
          id="path15682"
          sodipodi:nodetypes="cc"
          inkscape:transform-center-x="2.6429429"
          inkscape:transform-center-y="4.3941443" />
     </g>
+    <g
+       id="g994"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 43.244577,42.906745 60.539428,76.483297"
+         id="path1108" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+         d="M 50.370568,55.799982 45.754806,47.922138"
+         id="path9576"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-2.0928027"
+         inkscape:transform-center-y="4.3531649" />
+      <g
+         id="g21538"
+         transform="matrix(1.3813395,0,0,1.4843374,-37.620609,-67.381317)">
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           id="circle9582"
+           cx="-74.661598"
+           cy="60.70055"
+           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+           rx="1.2146922"
+           ry="1.1834064" />
+        <text
+           xml:space="preserve"
+           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           x="59.531094"
+           y="75.579971"
+           id="text9714"
+           transform="scale(0.98702867,1.0131418)"><tspan
+             sodipodi:role="line"
+             id="tspan9712"
+             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+             x="59.531094"
+             y="75.579971">3</tspan></text>
+      </g>
+    </g>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/k_l3.svg b/public/assets/capital-letter/k_l3.svg
index a9e859d..859b11b 100755
--- a/public/assets/capital-letter/k_l3.svg
+++ b/public/assets/capital-letter/k_l3.svg
@@ -7,7 +7,7 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="k.svg"
+   inkscape:export-filename="k_l2.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
@@ -127,81 +127,82 @@
            y="79.868111">4</tspan></text>
     </g>
     <g
-       id="g18697"
-       style="display:none"
-       transform="translate(-0.30706826,0.0790019)"
-       inkscape:label="green1">
+       id="g978"
+       style="display:none">
       <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 34.330377,9.3137689 C 34.075442,8.1745231 34.229651,76.194688 34.229651,76.194688"
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 34.023309,9.3927708 C 33.768374,8.253525 33.922583,76.27369 33.922583,76.27369"
          id="path127"
          sodipodi:nodetypes="cc" />
       <text
          xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="33.212013"
-         y="10.601716"
+         style="font-size:5.038px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.252694;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="28.078995"
+         y="14.385494"
          id="text9342"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+         transform="matrix(1.1394281,-0.00672905,0.00875051,0.87758158,0,0)"><tspan
            sodipodi:role="line"
            id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="33.212013"
-           y="10.601716">1</tspan></text>
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.252694;stroke-dasharray:none;stroke-opacity:1"
+           x="28.078995"
+           y="14.385494">1</tspan></text>
       <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.225525;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          id="path9448"
-         cx="-34.323376"
-         cy="-8.5520439"
-         r="1.2760839"
+         cx="-34.051197"
+         cy="-10.059121"
+         r="2.0556314"
          transform="rotate(-178.67073)" />
       <path
          style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 34.119937,21.49086 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+         d="m 33.812869,24.695621 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
          id="path13743"
          sodipodi:nodetypes="cc" />
     </g>
-    <path
-       style="display:none;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 60.070724,9.4858095 C 59.92985,9.6636375 35.22968,51.950743 35.22968,51.950743"
-       id="path15674"
-       sodipodi:nodetypes="cc" />
     <g
-       id="g21551"
-       transform="rotate(-34.110499,58.86954,9.3216777)"
+       id="g986"
        style="display:none">
-      <text
-         xml:space="preserve"
-         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="54.113926"
-         y="-23.497944"
-         id="text15678"
-         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
-           sodipodi:role="line"
-           id="tspan15676"
-           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+      <path
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 60.070724,9.4858095 C 59.92985,9.6636375 35.22968,51.950743 35.22968,51.950743"
+         id="path15674"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g21551"
+         transform="matrix(1.1458666,-0.7761163,0.7761163,1.1458666,-15.666056,43.366395)">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
            x="54.113926"
-           y="-23.497944">2</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle15680"
-         cx="-54.018658"
-         cy="25.946033"
-         r="1.2760839"
-         transform="rotate(-144.24458)" />
+           y="-23.497944"
+           id="text15678"
+           transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan15676"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="54.113926"
+             y="-23.497944">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15680"
+           cx="-54.018658"
+           cy="25.946033"
+           r="1.2760839"
+           transform="rotate(-144.24458)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 52.867995,21.35724 c 1.082076,-1.853874 5.310849,-8.951603 5.310849,-8.951603"
+         id="path15682"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="2.6429429"
+         inkscape:transform-center-y="4.3941443" />
     </g>
-    <path
-       style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="m 53.416204,20.626295 c 1.082076,-1.853874 5.310849,-8.951603 5.310849,-8.951603"
-       id="path15682"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="2.6429429"
-       inkscape:transform-center-y="4.3941443" />
     <g
-       id="g21593"
+       id="g994"
        style="display:inline">
       <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
          d="M 43.244577,42.906745 60.539428,76.483297"
          id="path1108" />
       <path
@@ -213,7 +214,7 @@
          inkscape:transform-center-y="4.3531649" />
       <g
          id="g21538"
-         transform="translate(-14.43004,-29.354333)">
+         transform="matrix(1.3813395,0,0,1.4843374,-37.620609,-67.381317)">
         <ellipse
            style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
            id="circle9582"
diff --git a/public/assets/capital-letter/l.svg b/public/assets/capital-letter/l.svg
index 81f5463..1a650fc 100755
--- a/public/assets/capital-letter/l.svg
+++ b/public/assets/capital-letter/l.svg
@@ -7,7 +7,7 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="l_l1.svg"
+   sodipodi:docname="l.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -43,136 +43,132 @@
     </marker>
   </defs>
   <g
-     id="layer1"
-     style="display:inline">
-    <g
-       id="g19985"
-       style="display:none">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 42.014207,78.885553 33.868367,0.105865"
-         id="path1106" />
-      <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="M 54.585716,79.075266 44.449435,78.916887"
-         id="path9586" />
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle9592"
-         cx="-78.125687"
-         cy="44.021099"
-         r="1.2760839"
-         transform="rotate(-88.91827)" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     id="g19985"
+     style="display:none">
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 42.014207,78.885553 33.868367,0.105865"
+       id="path1106" />
+    <path
+       style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="M 54.585716,79.075266 44.449435,78.916887"
+       id="path9586" />
+    <circle
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle9592"
+       cx="-78.125687"
+       cy="44.021099"
+       r="1.2760839"
+       transform="rotate(-88.91827)" />
+    <text
+       xml:space="preserve"
+       style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="41.672253"
+       y="79.868111"
+       id="text9761"><tspan
+         id="tspan9759"
+         style="stroke-width:0.117792"
          x="41.672253"
-         y="79.868111"
-         id="text9761"><tspan
-           id="tspan9759"
-           style="stroke-width:0.117792"
-           x="41.672253"
-           y="79.868111">4</tspan></text>
-    </g>
+         y="79.868111">4</tspan></text>
+  </g>
+  <g
+     id="g1037">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 34.023309,9.3927708 C 33.768374,8.253525 33.922583,76.27369 33.922583,76.27369"
+       id="path127" />
+    <text
+       xml:space="preserve"
+       style="font-size:3.71606px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.186389;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="33.519768"
+       y="11.744313"
+       id="text9342"
+       transform="matrix(0.97598184,-0.00785596,0.00749529,1.0245489,0,0)"><tspan
+         id="tspan9340"
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.186389;stroke-dasharray:none;stroke-opacity:1"
+         x="33.519768"
+         y="11.744313">1</tspan></text>
+    <ellipse
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.186389;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path9448"
+       cx="-34.111649"
+       cy="-9.5714922"
+       transform="matrix(-0.99970392,-0.02433273,0.02211624,-0.99975541,0,0)"
+       rx="1.658849"
+       ry="1.7399449" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="m 33.731686,24.134514 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+       id="path13743" />
+  </g>
+  <g
+     id="g21593"
+     style="display:none">
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 43.244577,42.906745 60.539428,76.483297"
+       id="path1108" />
+    <path
+       style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+       d="M 50.370568,55.799982 45.754806,47.922138"
+       id="path9576" />
     <g
-       id="g18697"
-       style="display:inline"
-       transform="translate(-0.30706826,0.0790019)">
-      <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 34.330377,9.3137689 C 34.075442,8.1745231 34.229651,76.194688 34.229651,76.194688"
-         id="path127" />
+       id="g21538"
+       transform="translate(-14.43004,-29.354333)">
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="circle9582"
+         cx="-74.661598"
+         cy="60.70055"
+         transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+         rx="1.2146922"
+         ry="1.1834064" />
       <text
          xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="33.212013"
-         y="10.601716"
-         id="text9342"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="33.212013"
-           y="10.601716">1</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="path9448"
-         cx="-34.323376"
-         cy="-8.5520439"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 34.119937,21.49086 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
-         id="path13743" />
-    </g>
-    <g
-       id="g21593"
-       style="display:none">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 43.244577,42.906745 60.539428,76.483297"
-         id="path1108" />
-      <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-         d="M 50.370568,55.799982 45.754806,47.922138"
-         id="path9576" />
-      <g
-         id="g21538"
-         transform="translate(-14.43004,-29.354333)">
-        <ellipse
-           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-           id="circle9582"
-           cx="-74.661598"
-           cy="60.70055"
-           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
-           rx="1.2146922"
-           ry="1.1834064" />
-        <text
-           xml:space="preserve"
-           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="59.531094"
+         y="75.579971"
+         id="text9714"
+         transform="scale(0.98702867,1.0131418)"><tspan
+           id="tspan9712"
+           style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
            x="59.531094"
-           y="75.579971"
-           id="text9714"
-           transform="scale(0.98702867,1.0131418)"><tspan
-             id="tspan9712"
-             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-             x="59.531094"
-             y="75.579971">3</tspan></text>
-      </g>
-    </g>
-    <g
-       id="g1687"
-       style="display:inline">
-      <path
-         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 64.473558,76.227599 c -0.139653,-0.04852 -30.573262,0.232173 -30.573262,0.232173"
-         id="path15674" />
-      <g
-         id="g21551"
-         transform="rotate(-34.110499,154.40598,83.041599)">
-        <text
-           xml:space="preserve"
-           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-           x="54.113926"
-           y="-23.497944"
-           id="text15678"
-           transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
-             id="tspan15676"
-             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
-             x="54.113926"
-             y="-23.497944">2</tspan></text>
-        <circle
-           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-           id="circle15680"
-           cx="-54.018658"
-           cy="25.946033"
-           r="1.2760839"
-           transform="rotate(-144.24458)" />
-      </g>
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 46.910872,76.383828 c -2.146351,0.03029 -10.408221,0.07265 -10.408221,0.07265"
-         id="path15682" />
+           y="75.579971">3</tspan></text>
     </g>
   </g>
+  <g
+     id="g1051"
+     style="display:inline">
+    <path
+       style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 64.473863,76.408171 C 59.202947,76.469612 33.899991,76.2792 33.899991,76.2792"
+       id="path15674"
+       sodipodi:nodetypes="cc" />
+    <g
+       id="g21551"
+       transform="matrix(1.002728,-0.67916591,0.67916591,1.002728,-31.843832,105.73925)">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="54.113926"
+         y="-23.497944"
+         id="text15678"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan15676"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="54.113926"
+           y="-23.497944">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle15680"
+         cx="-54.018658"
+         cy="25.946033"
+         r="1.2760839"
+         transform="rotate(-144.24458)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="m 46.910872,76.383828 c -2.146351,0.03029 -10.408221,0.07265 -10.408221,0.07265"
+       id="path15682" />
+  </g>
 </svg>
diff --git a/public/assets/capital-letter/l_l1.svg b/public/assets/capital-letter/l_l1.svg
index 3e94942..6db208e 100755
--- a/public/assets/capital-letter/l_l1.svg
+++ b/public/assets/capital-letter/l_l1.svg
@@ -7,8 +7,25 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
+   sodipodi:docname="l.svg"
+   inkscape:export-filename="l.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1572"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false" />
   <defs
      id="defs2">
     <marker
@@ -29,136 +46,132 @@
     </marker>
   </defs>
   <g
-     id="layer1"
-     style="display:inline">
-    <g
-       id="g19985"
-       style="display:none">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 42.014207,78.885553 33.868367,0.105865"
-         id="path1106" />
-      <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="M 54.585716,79.075266 44.449435,78.916887"
-         id="path9586" />
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle9592"
-         cx="-78.125687"
-         cy="44.021099"
-         r="1.2760839"
-         transform="rotate(-88.91827)" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     id="g19985"
+     style="display:none">
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 42.014207,78.885553 33.868367,0.105865"
+       id="path1106" />
+    <path
+       style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="M 54.585716,79.075266 44.449435,78.916887"
+       id="path9586" />
+    <circle
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle9592"
+       cx="-78.125687"
+       cy="44.021099"
+       r="1.2760839"
+       transform="rotate(-88.91827)" />
+    <text
+       xml:space="preserve"
+       style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="41.672253"
+       y="79.868111"
+       id="text9761"><tspan
+         id="tspan9759"
+         style="stroke-width:0.117792"
          x="41.672253"
-         y="79.868111"
-         id="text9761"><tspan
-           id="tspan9759"
-           style="stroke-width:0.117792"
-           x="41.672253"
-           y="79.868111">4</tspan></text>
-    </g>
+         y="79.868111">4</tspan></text>
+  </g>
+  <g
+     id="g1037">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 34.023309,9.3927708 C 33.768374,8.253525 33.922583,76.27369 33.922583,76.27369"
+       id="path127" />
+    <text
+       xml:space="preserve"
+       style="font-size:3.71606px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.186389;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="33.519768"
+       y="11.744313"
+       id="text9342"
+       transform="matrix(0.97598184,-0.00785596,0.00749529,1.0245489,0,0)"><tspan
+         id="tspan9340"
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.186389;stroke-dasharray:none;stroke-opacity:1"
+         x="33.519768"
+         y="11.744313">1</tspan></text>
+    <ellipse
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.186389;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path9448"
+       cx="-34.111649"
+       cy="-9.5714922"
+       transform="matrix(-0.99970392,-0.02433273,0.02211624,-0.99975541,0,0)"
+       rx="1.658849"
+       ry="1.7399449" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="m 33.731686,24.134514 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+       id="path13743" />
+  </g>
+  <g
+     id="g21593"
+     style="display:none">
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 43.244577,42.906745 60.539428,76.483297"
+       id="path1108" />
+    <path
+       style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+       d="M 50.370568,55.799982 45.754806,47.922138"
+       id="path9576" />
     <g
-       id="g18697"
-       style="display:inline"
-       transform="translate(-0.30706826,0.0790019)">
-      <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 34.330377,9.3137689 C 34.075442,8.1745231 34.229651,76.194688 34.229651,76.194688"
-         id="path127" />
+       id="g21538"
+       transform="translate(-14.43004,-29.354333)">
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="circle9582"
+         cx="-74.661598"
+         cy="60.70055"
+         transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+         rx="1.2146922"
+         ry="1.1834064" />
       <text
          xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="33.212013"
-         y="10.601716"
-         id="text9342"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="33.212013"
-           y="10.601716">1</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="path9448"
-         cx="-34.323376"
-         cy="-8.5520439"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 34.119937,21.49086 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
-         id="path13743" />
-    </g>
-    <g
-       id="g21593"
-       style="display:none">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 43.244577,42.906745 60.539428,76.483297"
-         id="path1108" />
-      <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-         d="M 50.370568,55.799982 45.754806,47.922138"
-         id="path9576" />
-      <g
-         id="g21538"
-         transform="translate(-14.43004,-29.354333)">
-        <ellipse
-           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-           id="circle9582"
-           cx="-74.661598"
-           cy="60.70055"
-           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
-           rx="1.2146922"
-           ry="1.1834064" />
-        <text
-           xml:space="preserve"
-           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="59.531094"
+         y="75.579971"
+         id="text9714"
+         transform="scale(0.98702867,1.0131418)"><tspan
+           id="tspan9712"
+           style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
            x="59.531094"
-           y="75.579971"
-           id="text9714"
-           transform="scale(0.98702867,1.0131418)"><tspan
-             id="tspan9712"
-             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-             x="59.531094"
-             y="75.579971">3</tspan></text>
-      </g>
-    </g>
-    <g
-       id="g1687"
-       style="display:none">
-      <path
-         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 64.473558,76.227599 c -0.139653,-0.04852 -30.573262,0.232173 -30.573262,0.232173"
-         id="path15674" />
-      <g
-         id="g21551"
-         transform="rotate(-34.110499,154.40598,83.041599)">
-        <text
-           xml:space="preserve"
-           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-           x="54.113926"
-           y="-23.497944"
-           id="text15678"
-           transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
-             id="tspan15676"
-             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
-             x="54.113926"
-             y="-23.497944">2</tspan></text>
-        <circle
-           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-           id="circle15680"
-           cx="-54.018658"
-           cy="25.946033"
-           r="1.2760839"
-           transform="rotate(-144.24458)" />
-      </g>
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 46.910872,76.383828 c -2.146351,0.03029 -10.408221,0.07265 -10.408221,0.07265"
-         id="path15682" />
+           y="75.579971">3</tspan></text>
     </g>
   </g>
+  <g
+     id="g1051"
+     style="display:none">
+    <path
+       style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 64.473863,76.408171 C 59.202947,76.469612 33.899991,76.2792 33.899991,76.2792"
+       id="path15674"
+       sodipodi:nodetypes="cc" />
+    <g
+       id="g21551"
+       transform="matrix(1.002728,-0.67916591,0.67916591,1.002728,-31.843832,105.73925)">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="54.113926"
+         y="-23.497944"
+         id="text15678"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan15676"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="54.113926"
+           y="-23.497944">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle15680"
+         cx="-54.018658"
+         cy="25.946033"
+         r="1.2760839"
+         transform="rotate(-144.24458)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="m 46.910872,76.383828 c -2.146351,0.03029 -10.408221,0.07265 -10.408221,0.07265"
+       id="path15682" />
+  </g>
 </svg>
diff --git a/public/assets/capital-letter/l_l2.svg b/public/assets/capital-letter/l_l2.svg
index 6df2012..132768e 100755
--- a/public/assets/capital-letter/l_l2.svg
+++ b/public/assets/capital-letter/l_l2.svg
@@ -7,17 +7,16 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="l_l1.svg"
+   sodipodi:docname="l.svg"
+   inkscape:export-filename="l_l2.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
-   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="k_l3.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <sodipodi:namedview
-     id="namedview7"
+     id="namedview1572"
      pagecolor="#ffffff"
      bordercolor="#000000"
      borderopacity="0.25"
@@ -26,48 +25,7 @@
      inkscape:pagecheckerboard="0"
      inkscape:deskcolor="#d1d1d1"
      inkscape:document-units="mm"
-     showgrid="false"
-     showguides="true"
-     inkscape:zoom="1.4478969"
-     inkscape:cx="172.3189"
-     inkscape:cy="215.48496"
-     inkscape:window-width="1920"
-     inkscape:window-height="1011"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="layer1">
-    <sodipodi:guide
-       position="50.044837,106.13694"
-       orientation="1,0"
-       id="guide61"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="31.19192,73.869705"
-       orientation="1,0"
-       id="guide65"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="36.906258,27.301511"
-       orientation="1,0"
-       id="guide67"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="-3.3475992,20.912321"
-       orientation="0,-1"
-       id="guide69"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="109.48582,93.369913"
-       orientation="0,-1"
-       id="guide71"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="62.786217,21.819752"
-       orientation="1,0"
-       id="guide550"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
+     showgrid="false" />
   <defs
      id="defs2">
     <marker
@@ -76,12 +34,9 @@
        refX="0"
        refY="0"
        orient="auto-start-reverse"
-       inkscape:stockid="Arrow2"
        markerWidth="7.6999998"
        markerHeight="5.5999999"
        viewBox="0 0 7.7 5.6"
-       inkscape:isstock="true"
-       inkscape:collect="always"
        preserveAspectRatio="xMidYMid">
       <path
          transform="scale(0.7)"
@@ -91,153 +46,133 @@
     </marker>
   </defs>
   <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     style="display:inline">
-    <g
-       id="g19985"
-       style="display:none">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 42.014207,78.885553 33.868367,0.105865"
-         id="path1106" />
-      <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="M 54.585716,79.075266 44.449435,78.916887"
-         id="path9586"
-         sodipodi:nodetypes="cc" />
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle9592"
-         cx="-78.125687"
-         cy="44.021099"
-         r="1.2760839"
-         transform="rotate(-88.91827)" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     id="g19985"
+     style="display:none">
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 42.014207,78.885553 33.868367,0.105865"
+       id="path1106" />
+    <path
+       style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="M 54.585716,79.075266 44.449435,78.916887"
+       id="path9586" />
+    <circle
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle9592"
+       cx="-78.125687"
+       cy="44.021099"
+       r="1.2760839"
+       transform="rotate(-88.91827)" />
+    <text
+       xml:space="preserve"
+       style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="41.672253"
+       y="79.868111"
+       id="text9761"><tspan
+         id="tspan9759"
+         style="stroke-width:0.117792"
          x="41.672253"
-         y="79.868111"
-         id="text9761"><tspan
-           sodipodi:role="line"
-           id="tspan9759"
-           style="stroke-width:0.117792"
-           x="41.672253"
-           y="79.868111">4</tspan></text>
-    </g>
+         y="79.868111">4</tspan></text>
+  </g>
+  <g
+     id="g1037"
+     style="display:none">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 34.023309,9.3927708 C 33.768374,8.253525 33.922583,76.27369 33.922583,76.27369"
+       id="path127" />
+    <text
+       xml:space="preserve"
+       style="font-size:3.71606px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.186389;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="33.519768"
+       y="11.744313"
+       id="text9342"
+       transform="matrix(0.97598184,-0.00785596,0.00749529,1.0245489,0,0)"><tspan
+         id="tspan9340"
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.186389;stroke-dasharray:none;stroke-opacity:1"
+         x="33.519768"
+         y="11.744313">1</tspan></text>
+    <ellipse
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.186389;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path9448"
+       cx="-34.111649"
+       cy="-9.5714922"
+       transform="matrix(-0.99970392,-0.02433273,0.02211624,-0.99975541,0,0)"
+       rx="1.658849"
+       ry="1.7399449" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="m 33.731686,24.134514 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+       id="path13743" />
+  </g>
+  <g
+     id="g21593"
+     style="display:none">
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 43.244577,42.906745 60.539428,76.483297"
+       id="path1108" />
+    <path
+       style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+       d="M 50.370568,55.799982 45.754806,47.922138"
+       id="path9576" />
     <g
-       id="g18697"
-       style="display:none"
-       transform="translate(-0.30706826,0.0790019)"
-       inkscape:label="green1">
-      <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 34.330377,9.3137689 C 34.075442,8.1745231 34.229651,76.194688 34.229651,76.194688"
-         id="path127"
-         sodipodi:nodetypes="cc" />
+       id="g21538"
+       transform="translate(-14.43004,-29.354333)">
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="circle9582"
+         cx="-74.661598"
+         cy="60.70055"
+         transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+         rx="1.2146922"
+         ry="1.1834064" />
       <text
          xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="33.212013"
-         y="10.601716"
-         id="text9342"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           sodipodi:role="line"
-           id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="33.212013"
-           y="10.601716">1</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="path9448"
-         cx="-34.323376"
-         cy="-8.5520439"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 34.119937,21.49086 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
-         id="path13743"
-         sodipodi:nodetypes="cc" />
-    </g>
-    <g
-       id="g21593"
-       style="display:none">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 43.244577,42.906745 60.539428,76.483297"
-         id="path1108" />
-      <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-         d="M 50.370568,55.799982 45.754806,47.922138"
-         id="path9576"
-         sodipodi:nodetypes="cc"
-         inkscape:transform-center-x="-2.0928027"
-         inkscape:transform-center-y="4.3531649" />
-      <g
-         id="g21538"
-         transform="translate(-14.43004,-29.354333)">
-        <ellipse
-           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-           id="circle9582"
-           cx="-74.661598"
-           cy="60.70055"
-           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
-           rx="1.2146922"
-           ry="1.1834064" />
-        <text
-           xml:space="preserve"
-           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="59.531094"
+         y="75.579971"
+         id="text9714"
+         transform="scale(0.98702867,1.0131418)"><tspan
+           id="tspan9712"
+           style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
            x="59.531094"
-           y="75.579971"
-           id="text9714"
-           transform="scale(0.98702867,1.0131418)"><tspan
-             sodipodi:role="line"
-             id="tspan9712"
-             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-             x="59.531094"
-             y="75.579971">3</tspan></text>
-      </g>
-    </g>
-    <g
-       id="g1687"
-       style="display:inline">
-      <path
-         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 64.473558,76.227599 c -0.139653,-0.04852 -30.573262,0.232173 -30.573262,0.232173"
-         id="path15674"
-         sodipodi:nodetypes="cc" />
-      <g
-         id="g21551"
-         transform="rotate(-34.110499,154.40598,83.041599)">
-        <text
-           xml:space="preserve"
-           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-           x="54.113926"
-           y="-23.497944"
-           id="text15678"
-           transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
-             sodipodi:role="line"
-             id="tspan15676"
-             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
-             x="54.113926"
-             y="-23.497944">2</tspan></text>
-        <circle
-           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-           id="circle15680"
-           cx="-54.018658"
-           cy="25.946033"
-           r="1.2760839"
-           transform="rotate(-144.24458)" />
-      </g>
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 46.910872,76.383828 c -2.146351,0.03029 -10.408221,0.07265 -10.408221,0.07265"
-         id="path15682"
-         sodipodi:nodetypes="cc"
-         inkscape:transform-center-x="-5.1277311"
-         inkscape:transform-center-y="-0.0048617" />
+           y="75.579971">3</tspan></text>
     </g>
   </g>
+  <g
+     id="g1051"
+     style="display:inline">
+    <path
+       style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 64.473863,76.408171 C 59.202947,76.469612 33.899991,76.2792 33.899991,76.2792"
+       id="path15674"
+       sodipodi:nodetypes="cc" />
+    <g
+       id="g21551"
+       transform="matrix(1.002728,-0.67916591,0.67916591,1.002728,-31.843832,105.73925)">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="54.113926"
+         y="-23.497944"
+         id="text15678"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan15676"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="54.113926"
+           y="-23.497944">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle15680"
+         cx="-54.018658"
+         cy="25.946033"
+         r="1.2760839"
+         transform="rotate(-144.24458)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="m 46.910872,76.383828 c -2.146351,0.03029 -10.408221,0.07265 -10.408221,0.07265"
+       id="path15682" />
+  </g>
 </svg>
diff --git a/public/assets/capital-letter/m.svg b/public/assets/capital-letter/m.svg
index 5ca67ae..08c9855 100755
--- a/public/assets/capital-letter/m.svg
+++ b/public/assets/capital-letter/m.svg
@@ -7,11 +7,11 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="l_l2.svg"
+   inkscape:export-filename="m.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="m_l1.svg"
+   sodipodi:docname="m_l4.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -48,7 +48,7 @@
        id="guide65"
        inkscape:locked="false" />
     <sodipodi:guide
-       position="24.949927,104.14192"
+       position="25.354663,89.309925"
        orientation="1,0"
        id="guide67"
        inkscape:locked="false" />
@@ -106,55 +106,56 @@
      id="layer1"
      style="display:inline">
     <g
-       id="g2899"
+       id="g2023"
        style="display:inline">
       <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 26.230399,9.296406 C 25.975464,8.1571602 26.129673,76.177325 26.129673,76.177325"
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.088144,9.1679182 C 25.844253,8.0647118 25.991781,73.933097 25.991781,73.933097"
          id="path127"
          sodipodi:nodetypes="cc" />
       <text
          xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="24.886662"
-         y="20.667381"
+         style="font-size:3.65648px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.183401;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="25.117453"
+         y="19.482256"
          id="text9342"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+         transform="matrix(0.9749449,-0.00786431,0.00748732,1.0256386,0,0)"><tspan
            sodipodi:role="line"
            id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="24.886662"
-           y="20.667381">1</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.183401;stroke-dasharray:none;stroke-opacity:1"
+           x="25.117453"
+           y="19.482256">1</tspan></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.183401;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          id="path9448"
-         cx="-26.316095"
-         cy="-18.873741"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
+         cx="-26.103251"
+         cy="-17.802462"
+         transform="matrix(-0.99970265,-0.02438448,0.02206929,-0.99975644,0,0)"
+         rx="1.6305224"
+         ry="1.7138693" />
       <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 25.87537,31.624035 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 25.748495,30.789225 C 25.73247,28.71063 25.741798,20.71002 25.741798,20.71002"
          id="path13743"
          sodipodi:nodetypes="cc" />
     </g>
     <g
-       id="g2907"
+       id="g2151"
        style="display:inline">
       <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 26.18735,9.2350394 50.004148,41.64969"
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.04696,9.1084929 48.832018,40.497724"
          id="path1108" />
       <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-         d="M 34.341676,19.37966 28.125135,11.840027"
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.47078;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+         d="M 33.848042,18.932194 27.9008,11.631073"
          id="path9576"
          sodipodi:nodetypes="cc"
-         inkscape:transform-center-x="-2.0928027"
-         inkscape:transform-center-y="4.3531649" />
+         inkscape:transform-center-x="-2.0021427"
+         inkscape:transform-center-y="4.2154548" />
       <g
          id="g21538"
-         transform="matrix(1.1264863,-0.11756911,0.12908963,1.0259538,-49.64786,-60.366184)">
+         transform="matrix(1.245555,0.04094018,6.1953107e-4,1.2710628,-47.348661,-88.861477)">
         <ellipse
            style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
            id="circle9582"
@@ -178,16 +179,16 @@
       </g>
     </g>
     <g
-       id="g2915"
+       id="g2167"
        style="display:inline">
       <path
-         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 74.505969,76.328966 C 74.530557,76.025497 74.647657,9.4846426 74.647657,9.4846426"
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 72.272424,74.07994 c 0.02352,-0.293868 0.13555,-64.7297399 0.13555,-64.7297399"
          id="path15674"
          sodipodi:nodetypes="cc" />
       <g
          id="g21551"
-         transform="rotate(-34.110499,81.193335,-10.67201)">
+         transform="matrix(1.1165791,-0.79174496,0.75627929,1.168941,-1.4368803,53.029054)">
         <text
            xml:space="preserve"
            style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@@ -209,46 +210,47 @@
            transform="rotate(-144.24458)" />
       </g>
       <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="M 74.672915,31.573444 C 74.648355,29.42702 74.628065,21.165066 74.628065,21.165066"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 72.432138,31.269402 c -0.0235,-2.078524 -0.04291,-10.079115 -0.04291,-10.079115"
          id="path15682"
          sodipodi:nodetypes="cc"
-         inkscape:transform-center-x="0.0088349"
-         inkscape:transform-center-y="5.1277257" />
+         inkscape:transform-center-x="0.0084522187"
+         inkscape:transform-center-y="4.9655133" />
+    </g>
+    <g
+       id="g2159"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 48.952065,40.510881 72.432648,9.3811028"
+         id="path1106" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 63.634757,20.184326 69.866821,12.66257"
+         id="path9586"
+         sodipodi:nodetypes="cc" />
       <g
-         id="g2923"
+         id="g2892"
+         transform="matrix(1.348596,0,0,1.4118383,1.9033488,27.651031)"
          style="display:inline">
-        <path
-           style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-           d="M 49.991348,41.79989 74.535166,9.6531683"
-           id="path1106" />
-        <path
-           style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-           d="m 64.440061,21.83391 6.514261,-7.767476"
-           id="path9586"
-           sodipodi:nodetypes="cc" />
-        <g
-           id="g2892"
-           transform="translate(20.39893,24.948474)">
-          <circle
-             style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-             id="circle9592"
-             cx="13.097849"
-             cy="51.455624"
-             r="1.2760839"
-             transform="rotate(-88.91827)" />
-          <text
-             xml:space="preserve"
-             style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle9592"
+           cx="13.097849"
+           cy="51.455624"
+           r="1.2760839"
+           transform="rotate(-88.91827)" />
+        <text
+           xml:space="preserve"
+           style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="50.827629"
+           y="-11.198814"
+           id="text9761"><tspan
+             sodipodi:role="line"
+             id="tspan9759"
+             style="stroke-width:0.117792"
              x="50.827629"
-             y="-11.198814"
-             id="text9761"><tspan
-               sodipodi:role="line"
-               id="tspan9759"
-               style="stroke-width:0.117792"
-               x="50.827629"
-               y="-11.198814">4</tspan></text>
-        </g>
+             y="-11.198814">4</tspan></text>
       </g>
     </g>
   </g>
diff --git a/public/assets/capital-letter/m_l1.svg b/public/assets/capital-letter/m_l1.svg
index b52cc88..a7496cc 100755
--- a/public/assets/capital-letter/m_l1.svg
+++ b/public/assets/capital-letter/m_l1.svg
@@ -7,11 +7,11 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="m.svg"
+   inkscape:export-filename="m_l1.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="m_l1.svg"
+   sodipodi:docname="m_l4.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -48,7 +48,7 @@
        id="guide65"
        inkscape:locked="false" />
     <sodipodi:guide
-       position="24.949927,104.14192"
+       position="25.354663,89.309925"
        orientation="1,0"
        id="guide67"
        inkscape:locked="false" />
@@ -106,55 +106,56 @@
      id="layer1"
      style="display:inline">
     <g
-       id="g2899"
+       id="g2023"
        style="display:inline">
       <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 26.230399,9.296406 C 25.975464,8.1571602 26.129673,76.177325 26.129673,76.177325"
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.088144,9.1679182 C 25.844253,8.0647118 25.991781,73.933097 25.991781,73.933097"
          id="path127"
          sodipodi:nodetypes="cc" />
       <text
          xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="24.886662"
-         y="20.667381"
+         style="font-size:3.65648px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.183401;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="25.117453"
+         y="19.482256"
          id="text9342"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+         transform="matrix(0.9749449,-0.00786431,0.00748732,1.0256386,0,0)"><tspan
            sodipodi:role="line"
            id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="24.886662"
-           y="20.667381">1</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.183401;stroke-dasharray:none;stroke-opacity:1"
+           x="25.117453"
+           y="19.482256">1</tspan></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.183401;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          id="path9448"
-         cx="-26.316095"
-         cy="-18.873741"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
+         cx="-26.103251"
+         cy="-17.802462"
+         transform="matrix(-0.99970265,-0.02438448,0.02206929,-0.99975644,0,0)"
+         rx="1.6305224"
+         ry="1.7138693" />
       <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 25.87537,31.624035 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 25.748495,30.789225 C 25.73247,28.71063 25.741798,20.71002 25.741798,20.71002"
          id="path13743"
          sodipodi:nodetypes="cc" />
     </g>
     <g
-       id="g2907"
+       id="g2151"
        style="display:none">
       <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 26.18735,9.2350394 50.004148,41.64969"
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.04696,9.1084929 48.832018,40.497724"
          id="path1108" />
       <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-         d="M 34.341676,19.37966 28.125135,11.840027"
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.47078;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+         d="M 33.848042,18.932194 27.9008,11.631073"
          id="path9576"
          sodipodi:nodetypes="cc"
-         inkscape:transform-center-x="-2.0928027"
-         inkscape:transform-center-y="4.3531649" />
+         inkscape:transform-center-x="-2.0021427"
+         inkscape:transform-center-y="4.2154548" />
       <g
          id="g21538"
-         transform="matrix(1.1264863,-0.11756911,0.12908963,1.0259538,-49.64786,-60.366184)">
+         transform="matrix(1.245555,0.04094018,6.1953107e-4,1.2710628,-47.348661,-88.861477)">
         <ellipse
            style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
            id="circle9582"
@@ -178,17 +179,16 @@
       </g>
     </g>
     <g
-       id="g2915"
+       id="g2167"
        style="display:none">
       <path
-         style="display:none;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 74.505969,76.328966 C 74.530557,76.025497 74.647657,9.4846426 74.647657,9.4846426"
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 72.272424,74.07994 c 0.02352,-0.293868 0.13555,-64.7297399 0.13555,-64.7297399"
          id="path15674"
          sodipodi:nodetypes="cc" />
       <g
          id="g21551"
-         transform="rotate(-34.110499,81.193335,-10.67201)"
-         style="display:none">
+         transform="matrix(1.1165791,-0.79174496,0.75627929,1.168941,-1.4368803,53.029054)">
         <text
            xml:space="preserve"
            style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@@ -210,48 +210,47 @@
            transform="rotate(-144.24458)" />
       </g>
       <path
-         style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="M 74.672915,31.573444 C 74.648355,29.42702 74.628065,21.165066 74.628065,21.165066"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 72.432138,31.269402 c -0.0235,-2.078524 -0.04291,-10.079115 -0.04291,-10.079115"
          id="path15682"
          sodipodi:nodetypes="cc"
-         inkscape:transform-center-x="0.0088349"
-         inkscape:transform-center-y="5.1277257" />
+         inkscape:transform-center-x="0.0084522187"
+         inkscape:transform-center-y="4.9655133" />
+    </g>
+    <g
+       id="g2159"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 48.952065,40.510881 72.432648,9.3811028"
+         id="path1106" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 63.634757,20.184326 69.866821,12.66257"
+         id="path9586"
+         sodipodi:nodetypes="cc" />
       <g
-         id="g2923"
-         style="display:inline"
-         sodipodi:insensitive="true">
-        <path
-           style="display:none;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-           d="M 49.991348,41.79989 74.535166,9.6531683"
-           id="path1106" />
-        <path
-           style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-           d="m 64.440061,21.83391 6.514261,-7.767476"
-           id="path9586"
-           sodipodi:nodetypes="cc" />
-        <g
-           id="g2892"
-           transform="translate(20.39893,24.948474)"
-           style="display:inline">
-          <circle
-             style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-             id="circle9592"
-             cx="13.097849"
-             cy="51.455624"
-             r="1.2760839"
-             transform="rotate(-88.91827)" />
-          <text
-             xml:space="preserve"
-             style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="g2892"
+         transform="matrix(1.348596,0,0,1.4118383,1.9033488,27.651031)"
+         style="display:inline">
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle9592"
+           cx="13.097849"
+           cy="51.455624"
+           r="1.2760839"
+           transform="rotate(-88.91827)" />
+        <text
+           xml:space="preserve"
+           style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="50.827629"
+           y="-11.198814"
+           id="text9761"><tspan
+             sodipodi:role="line"
+             id="tspan9759"
+             style="stroke-width:0.117792"
              x="50.827629"
-             y="-11.198814"
-             id="text9761"><tspan
-               sodipodi:role="line"
-               id="tspan9759"
-               style="stroke-width:0.117792"
-               x="50.827629"
-               y="-11.198814">4</tspan></text>
-        </g>
+             y="-11.198814">4</tspan></text>
       </g>
     </g>
   </g>
diff --git a/public/assets/capital-letter/m_l2.svg b/public/assets/capital-letter/m_l2.svg
index 80a9506..7756866 100755
--- a/public/assets/capital-letter/m_l2.svg
+++ b/public/assets/capital-letter/m_l2.svg
@@ -7,11 +7,11 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="m_l1.svg"
+   inkscape:export-filename="m_l3.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="m_l1.svg"
+   sodipodi:docname="m_l4.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -48,7 +48,7 @@
        id="guide65"
        inkscape:locked="false" />
     <sodipodi:guide
-       position="24.949927,104.14192"
+       position="25.354663,89.309925"
        orientation="1,0"
        id="guide67"
        inkscape:locked="false" />
@@ -106,56 +106,56 @@
      id="layer1"
      style="display:inline">
     <g
-       id="g2899"
+       id="g2023"
        style="display:none">
       <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 26.230399,9.296406 C 25.975464,8.1571602 26.129673,76.177325 26.129673,76.177325"
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.088144,9.1679182 C 25.844253,8.0647118 25.991781,73.933097 25.991781,73.933097"
          id="path127"
          sodipodi:nodetypes="cc" />
       <text
          xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="24.886662"
-         y="20.667381"
+         style="font-size:3.65648px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.183401;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="25.117453"
+         y="19.482256"
          id="text9342"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+         transform="matrix(0.9749449,-0.00786431,0.00748732,1.0256386,0,0)"><tspan
            sodipodi:role="line"
            id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="24.886662"
-           y="20.667381">1</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.183401;stroke-dasharray:none;stroke-opacity:1"
+           x="25.117453"
+           y="19.482256">1</tspan></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.183401;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          id="path9448"
-         cx="-26.316095"
-         cy="-18.873741"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
+         cx="-26.103251"
+         cy="-17.802462"
+         transform="matrix(-0.99970265,-0.02438448,0.02206929,-0.99975644,0,0)"
+         rx="1.6305224"
+         ry="1.7138693" />
       <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 25.87537,31.624035 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 25.748495,30.789225 C 25.73247,28.71063 25.741798,20.71002 25.741798,20.71002"
          id="path13743"
          sodipodi:nodetypes="cc" />
     </g>
     <g
-       id="g2907"
+       id="g2151"
        style="display:none">
       <path
-         style="display:none;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 26.18735,9.2350394 50.004148,41.64969"
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.04696,9.1084929 48.832018,40.497724"
          id="path1108" />
       <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-         d="M 34.341676,19.37966 28.125135,11.840027"
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.47078;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+         d="M 33.848042,18.932194 27.9008,11.631073"
          id="path9576"
          sodipodi:nodetypes="cc"
-         inkscape:transform-center-x="-2.0928027"
-         inkscape:transform-center-y="4.3531649" />
+         inkscape:transform-center-x="-2.0021427"
+         inkscape:transform-center-y="4.2154548" />
       <g
          id="g21538"
-         transform="matrix(1.1264863,-0.11756911,0.12908963,1.0259538,-49.64786,-60.366184)"
-         style="display:inline">
+         transform="matrix(1.245555,0.04094018,6.1953107e-4,1.2710628,-47.348661,-88.861477)">
         <ellipse
            style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
            id="circle9582"
@@ -178,41 +178,80 @@
              y="75.579971">3</tspan></text>
       </g>
     </g>
-    <path
-       style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 74.505969,76.328966 C 74.530557,76.025497 74.647657,9.4846426 74.647657,9.4846426"
-       id="path15674"
-       sodipodi:nodetypes="cc" />
     <g
-       id="g21551"
-       transform="rotate(-34.110499,81.193335,-10.67201)"
+       id="g2167"
        style="display:inline">
-      <text
-         xml:space="preserve"
-         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="54.113926"
-         y="-23.497944"
-         id="text15678"
-         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
-           sodipodi:role="line"
-           id="tspan15676"
-           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+      <path
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 72.272424,74.07994 c 0.02352,-0.293868 0.13555,-64.7297399 0.13555,-64.7297399"
+         id="path15674"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g21551"
+         transform="matrix(1.1165791,-0.79174496,0.75627929,1.168941,-1.4368803,53.029054)">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
            x="54.113926"
-           y="-23.497944">2</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle15680"
-         cx="-54.018658"
-         cy="25.946033"
-         r="1.2760839"
-         transform="rotate(-144.24458)" />
+           y="-23.497944"
+           id="text15678"
+           transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan15676"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="54.113926"
+             y="-23.497944">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15680"
+           cx="-54.018658"
+           cy="25.946033"
+           r="1.2760839"
+           transform="rotate(-144.24458)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 72.432138,31.269402 c -0.0235,-2.078524 -0.04291,-10.079115 -0.04291,-10.079115"
+         id="path15682"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.0084522187"
+         inkscape:transform-center-y="4.9655133" />
+    </g>
+    <g
+       id="g2159"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 48.952065,40.510881 72.432648,9.3811028"
+         id="path1106" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 63.634757,20.184326 69.866821,12.66257"
+         id="path9586"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g2892"
+         transform="matrix(1.348596,0,0,1.4118383,1.9033488,27.651031)"
+         style="display:inline">
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle9592"
+           cx="13.097849"
+           cy="51.455624"
+           r="1.2760839"
+           transform="rotate(-88.91827)" />
+        <text
+           xml:space="preserve"
+           style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="50.827629"
+           y="-11.198814"
+           id="text9761"><tspan
+             sodipodi:role="line"
+             id="tspan9759"
+             style="stroke-width:0.117792"
+             x="50.827629"
+             y="-11.198814">4</tspan></text>
+      </g>
     </g>
-    <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 74.672915,31.573444 C 74.648355,29.42702 74.628065,21.165066 74.628065,21.165066"
-       id="path15682"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.0088349"
-       inkscape:transform-center-y="5.1277257" />
   </g>
 </svg>
diff --git a/public/assets/capital-letter/m_l3.svg b/public/assets/capital-letter/m_l3.svg
index 5afe654..7954224 100755
--- a/public/assets/capital-letter/m_l3.svg
+++ b/public/assets/capital-letter/m_l3.svg
@@ -7,11 +7,11 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="m_l2.svg"
+   inkscape:export-filename="m_l3.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="m_l1.svg"
+   sodipodi:docname="m_l4.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -48,7 +48,7 @@
        id="guide65"
        inkscape:locked="false" />
     <sodipodi:guide
-       position="24.949927,104.14192"
+       position="25.354663,89.309925"
        orientation="1,0"
        id="guide67"
        inkscape:locked="false" />
@@ -106,85 +106,152 @@
      id="layer1"
      style="display:inline">
     <g
-       id="g2899"
+       id="g2023"
        style="display:none">
       <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 26.230399,9.296406 C 25.975464,8.1571602 26.129673,76.177325 26.129673,76.177325"
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.088144,9.1679182 C 25.844253,8.0647118 25.991781,73.933097 25.991781,73.933097"
          id="path127"
          sodipodi:nodetypes="cc" />
       <text
          xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="24.886662"
-         y="20.667381"
+         style="font-size:3.65648px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.183401;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="25.117453"
+         y="19.482256"
          id="text9342"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+         transform="matrix(0.9749449,-0.00786431,0.00748732,1.0256386,0,0)"><tspan
            sodipodi:role="line"
            id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="24.886662"
-           y="20.667381">1</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.183401;stroke-dasharray:none;stroke-opacity:1"
+           x="25.117453"
+           y="19.482256">1</tspan></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.183401;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          id="path9448"
-         cx="-26.316095"
-         cy="-18.873741"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
+         cx="-26.103251"
+         cy="-17.802462"
+         transform="matrix(-0.99970265,-0.02438448,0.02206929,-0.99975644,0,0)"
+         rx="1.6305224"
+         ry="1.7138693" />
       <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 25.87537,31.624035 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 25.748495,30.789225 C 25.73247,28.71063 25.741798,20.71002 25.741798,20.71002"
          id="path13743"
          sodipodi:nodetypes="cc" />
     </g>
-    <path
-       style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 26.18735,9.2350394 50.004148,41.64969"
-       id="path1108" />
-    <path
-       style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-       d="M 34.341676,19.37966 28.125135,11.840027"
-       id="path9576"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="-2.0928027"
-       inkscape:transform-center-y="4.3531649" />
     <g
-       id="g21538"
-       transform="matrix(1.1264863,-0.11756911,0.12908963,1.0259538,-49.64786,-60.366184)"
+       id="g2151"
        style="display:inline">
-      <ellipse
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         id="circle9582"
-         cx="-74.661598"
-         cy="60.70055"
-         transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
-         rx="1.2146922"
-         ry="1.1834064" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         x="59.531094"
-         y="75.579971"
-         id="text9714"
-         transform="scale(0.98702867,1.0131418)"><tspan
-           sodipodi:role="line"
-           id="tspan9712"
-           style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.04696,9.1084929 48.832018,40.497724"
+         id="path1108" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.47078;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+         d="M 33.848042,18.932194 27.9008,11.631073"
+         id="path9576"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-2.0021427"
+         inkscape:transform-center-y="4.2154548" />
+      <g
+         id="g21538"
+         transform="matrix(1.245555,0.04094018,6.1953107e-4,1.2710628,-47.348661,-88.861477)">
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           id="circle9582"
+           cx="-74.661598"
+           cy="60.70055"
+           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+           rx="1.2146922"
+           ry="1.1834064" />
+        <text
+           xml:space="preserve"
+           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
            x="59.531094"
-           y="75.579971">3</tspan></text>
+           y="75.579971"
+           id="text9714"
+           transform="scale(0.98702867,1.0131418)"><tspan
+             sodipodi:role="line"
+             id="tspan9712"
+             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+             x="59.531094"
+             y="75.579971">3</tspan></text>
+      </g>
+    </g>
+    <g
+       id="g2167"
+       style="display:none">
+      <path
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 72.272424,74.07994 c 0.02352,-0.293868 0.13555,-64.7297399 0.13555,-64.7297399"
+         id="path15674"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g21551"
+         transform="matrix(1.1165791,-0.79174496,0.75627929,1.168941,-1.4368803,53.029054)">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="54.113926"
+           y="-23.497944"
+           id="text15678"
+           transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan15676"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="54.113926"
+             y="-23.497944">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15680"
+           cx="-54.018658"
+           cy="25.946033"
+           r="1.2760839"
+           transform="rotate(-144.24458)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 72.432138,31.269402 c -0.0235,-2.078524 -0.04291,-10.079115 -0.04291,-10.079115"
+         id="path15682"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.0084522187"
+         inkscape:transform-center-y="4.9655133" />
+    </g>
+    <g
+       id="g2159"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 48.952065,40.510881 72.432648,9.3811028"
+         id="path1106" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 63.634757,20.184326 69.866821,12.66257"
+         id="path9586"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g2892"
+         transform="matrix(1.348596,0,0,1.4118383,1.9033488,27.651031)"
+         style="display:inline">
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle9592"
+           cx="13.097849"
+           cy="51.455624"
+           r="1.2760839"
+           transform="rotate(-88.91827)" />
+        <text
+           xml:space="preserve"
+           style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="50.827629"
+           y="-11.198814"
+           id="text9761"><tspan
+             sodipodi:role="line"
+             id="tspan9759"
+             style="stroke-width:0.117792"
+             x="50.827629"
+             y="-11.198814">4</tspan></text>
+      </g>
     </g>
-    <path
-       style="display:none;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 74.505969,76.328966 C 74.530557,76.025497 74.647657,9.4846426 74.647657,9.4846426"
-       id="path15674"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 74.672915,31.573444 C 74.648355,29.42702 74.628065,21.165066 74.628065,21.165066"
-       id="path15682"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.0088349"
-       inkscape:transform-center-y="5.1277257" />
   </g>
 </svg>
diff --git a/public/assets/capital-letter/m_l4.svg b/public/assets/capital-letter/m_l4.svg
index 8e96293..c0b40ad 100755
--- a/public/assets/capital-letter/m_l4.svg
+++ b/public/assets/capital-letter/m_l4.svg
@@ -7,11 +7,11 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="m_l4.svg"
+   inkscape:export-filename="m_l2.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="m_l1.svg"
+   sodipodi:docname="m_l4.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -48,7 +48,7 @@
        id="guide65"
        inkscape:locked="false" />
     <sodipodi:guide
-       position="24.949927,104.14192"
+       position="25.354663,89.309925"
        orientation="1,0"
        id="guide67"
        inkscape:locked="false" />
@@ -58,7 +58,7 @@
        id="guide69"
        inkscape:locked="false" />
     <sodipodi:guide
-       position="56.339863,65.327218"
+       position="109.48582,93.369913"
        orientation="0,-1"
        id="guide71"
        inkscape:locked="false" />
@@ -106,117 +106,152 @@
      id="layer1"
      style="display:inline">
     <g
-       id="g2899"
+       id="g2023"
        style="display:none">
       <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 26.230399,9.296406 C 25.975464,8.1571602 26.129673,76.177325 26.129673,76.177325"
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.088144,9.1679182 C 25.844253,8.0647118 25.991781,73.933097 25.991781,73.933097"
          id="path127"
          sodipodi:nodetypes="cc" />
       <text
          xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="24.886662"
-         y="20.667381"
+         style="font-size:3.65648px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.183401;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="25.117453"
+         y="19.482256"
          id="text9342"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+         transform="matrix(0.9749449,-0.00786431,0.00748732,1.0256386,0,0)"><tspan
            sodipodi:role="line"
            id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="24.886662"
-           y="20.667381">1</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.183401;stroke-dasharray:none;stroke-opacity:1"
+           x="25.117453"
+           y="19.482256">1</tspan></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.183401;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          id="path9448"
-         cx="-26.316095"
-         cy="-18.873741"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
+         cx="-26.103251"
+         cy="-17.802462"
+         transform="matrix(-0.99970265,-0.02438448,0.02206929,-0.99975644,0,0)"
+         rx="1.6305224"
+         ry="1.7138693" />
       <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 25.87537,31.624035 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 25.748495,30.789225 C 25.73247,28.71063 25.741798,20.71002 25.741798,20.71002"
          id="path13743"
          sodipodi:nodetypes="cc" />
     </g>
-    <path
-       style="display:none;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 26.18735,9.2350394 50.004148,41.64969"
-       id="path1108" />
-    <path
-       style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-       d="M 34.341676,19.37966 28.125135,11.840027"
-       id="path9576"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="-2.0928027"
-       inkscape:transform-center-y="4.3531649" />
     <g
-       id="g21538"
-       transform="matrix(1.1264863,-0.11756911,0.12908963,1.0259538,-49.64786,-60.366184)"
+       id="g2151"
        style="display:none">
-      <ellipse
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         id="circle9582"
-         cx="-74.661598"
-         cy="60.70055"
-         transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
-         rx="1.2146922"
-         ry="1.1834064" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         x="59.531094"
-         y="75.579971"
-         id="text9714"
-         transform="scale(0.98702867,1.0131418)"><tspan
-           sodipodi:role="line"
-           id="tspan9712"
-           style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.04696,9.1084929 48.832018,40.497724"
+         id="path1108" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.47078;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+         d="M 33.848042,18.932194 27.9008,11.631073"
+         id="path9576"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-2.0021427"
+         inkscape:transform-center-y="4.2154548" />
+      <g
+         id="g21538"
+         transform="matrix(1.245555,0.04094018,6.1953107e-4,1.2710628,-47.348661,-88.861477)">
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           id="circle9582"
+           cx="-74.661598"
+           cy="60.70055"
+           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+           rx="1.2146922"
+           ry="1.1834064" />
+        <text
+           xml:space="preserve"
+           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
            x="59.531094"
-           y="75.579971">3</tspan></text>
+           y="75.579971"
+           id="text9714"
+           transform="scale(0.98702867,1.0131418)"><tspan
+             sodipodi:role="line"
+             id="tspan9712"
+             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+             x="59.531094"
+             y="75.579971">3</tspan></text>
+      </g>
     </g>
-    <path
-       style="display:none;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 74.505969,76.328966 C 74.530557,76.025497 74.647657,9.4846426 74.647657,9.4846426"
-       id="path15674"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 74.672915,31.573444 C 74.648355,29.42702 74.628065,21.165066 74.628065,21.165066"
-       id="path15682"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.0088349"
-       inkscape:transform-center-y="5.1277257" />
-    <path
-       style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 49.991348,41.79989 74.535166,9.6531683"
-       id="path1106" />
-    <path
-       style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="m 64.440061,21.83391 6.514261,-7.767476"
-       id="path9586"
-       sodipodi:nodetypes="cc" />
     <g
-       id="g2892"
-       transform="translate(20.39893,24.948474)"
+       id="g2167"
+       style="display:none">
+      <path
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 72.272424,74.07994 c 0.02352,-0.293868 0.13555,-64.7297399 0.13555,-64.7297399"
+         id="path15674"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g21551"
+         transform="matrix(1.1165791,-0.79174496,0.75627929,1.168941,-1.4368803,53.029054)">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="54.113926"
+           y="-23.497944"
+           id="text15678"
+           transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan15676"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="54.113926"
+             y="-23.497944">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15680"
+           cx="-54.018658"
+           cy="25.946033"
+           r="1.2760839"
+           transform="rotate(-144.24458)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 72.432138,31.269402 c -0.0235,-2.078524 -0.04291,-10.079115 -0.04291,-10.079115"
+         id="path15682"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.0084522187"
+         inkscape:transform-center-y="4.9655133" />
+    </g>
+    <g
+       id="g2159"
        style="display:inline">
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle9592"
-         cx="13.097849"
-         cy="51.455624"
-         r="1.2760839"
-         transform="rotate(-88.91827)" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="50.827629"
-         y="-11.198814"
-         id="text9761"><tspan
-           sodipodi:role="line"
-           id="tspan9759"
-           style="stroke-width:0.117792"
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 48.952065,40.510881 72.432648,9.3811028"
+         id="path1106" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.46306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 63.634757,20.184326 69.866821,12.66257"
+         id="path9586"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g2892"
+         transform="matrix(1.348596,0,0,1.4118383,1.9033488,27.651031)"
+         style="display:inline">
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle9592"
+           cx="13.097849"
+           cy="51.455624"
+           r="1.2760839"
+           transform="rotate(-88.91827)" />
+        <text
+           xml:space="preserve"
+           style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
            x="50.827629"
-           y="-11.198814">4</tspan></text>
+           y="-11.198814"
+           id="text9761"><tspan
+             sodipodi:role="line"
+             id="tspan9759"
+             style="stroke-width:0.117792"
+             x="50.827629"
+             y="-11.198814">4</tspan></text>
+      </g>
     </g>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/n.svg b/public/assets/capital-letter/n.svg
index 6e772a9..7833dbf 100755
--- a/public/assets/capital-letter/n.svg
+++ b/public/assets/capital-letter/n.svg
@@ -7,7 +7,7 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="m_l4.svg"
+   inkscape:export-filename="m_l3.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
@@ -72,6 +72,11 @@
        orientation="0,-1"
        id="guide2737"
        inkscape:locked="false" />
+    <sodipodi:guide
+       position="75.378726,39.60565"
+       orientation="0,-1"
+       id="guide991"
+       inkscape:locked="false" />
   </sodipodi:namedview>
   <defs
      id="defs2">
@@ -101,47 +106,16 @@
      id="layer1"
      style="display:inline">
     <g
-       id="g925">
+       id="g999"
+       style="display:inline">
       <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 26.230399,9.296406 C 25.975464,8.1571602 26.129673,76.177325 26.129673,76.177325"
-         id="path127"
-         sodipodi:nodetypes="cc" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="24.886662"
-         y="20.667381"
-         id="text9342"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           sodipodi:role="line"
-           id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="24.886662"
-           y="20.667381">1</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="path9448"
-         cx="-26.316095"
-         cy="-18.873741"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 25.87537,31.624035 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
-         id="path13743"
-         sodipodi:nodetypes="cc" />
-    </g>
-    <g
-       id="g1001">
-      <path
-         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 66.548251,76.109951 C 66.572839,75.806482 66.689939,9.265628 66.689939,9.265628"
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 66.444075,72.223329 C 66.468647,71.936937 66.585673,9.140572 66.585673,9.140572"
          id="path15674"
          sodipodi:nodetypes="cc" />
       <g
          id="g21551"
-         transform="rotate(-34.110499,76.857525,2.1880008)"
+         transform="matrix(1.1802271,-0.88269089,0.79938929,1.3032145,-11.528397,51.563287)"
          style="display:inline">
         <text
            xml:space="preserve"
@@ -164,46 +138,12 @@
            transform="rotate(-144.24458)" />
       </g>
       <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 66.715197,31.354429 c -0.02456,-2.146424 -0.04485,-10.408378 -0.04485,-10.408378"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.467218;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 66.546307,27.143648 c -0.02454,-2.025637 -0.04482,-9.822662 -0.04482,-9.822662"
          id="path15682"
          sodipodi:nodetypes="cc"
-         inkscape:transform-center-x="0.0088349"
-         inkscape:transform-center-y="5.1277257" />
-    </g>
-    <g
-       id="g993">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 26.247474,9.2266727 66.651189,76.300324"
-         id="path1108" />
-      <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-         d="M 32.918443,20.131469 28.042266,11.663037"
-         id="path9576"
-         sodipodi:nodetypes="cc"
-         inkscape:transform-center-x="-1.3397517"
-         inkscape:transform-center-y="4.6405744" />
-      <ellipse
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142347;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         id="circle9582"
-         cx="-12.740498"
-         cy="25.719242"
-         transform="matrix(-0.10482327,-0.99449087,0.99627769,-0.08620189,0,0)"
-         rx="1.2555509"
-         ry="1.3407919" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.31839px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142334;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         x="24.872412"
-         y="12.578706"
-         id="text9714"
-         transform="matrix(1.0324615,-0.03671877,0.05488879,0.96660705,0,0)"><tspan
-           sodipodi:role="line"
-           id="tspan9712"
-           style="stroke:#f9f6f6;stroke-width:0.142334;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-           x="24.872412"
-           y="12.578706">3</tspan></text>
+         inkscape:transform-center-x="0.0088290155"
+         inkscape:transform-center-y="4.8391702" />
     </g>
     <g
        id="g2750"
@@ -236,5 +176,75 @@
            x="71.226562"
            y="13.74966">4</tspan></text>
     </g>
+    <g
+       id="g982"
+       style="display:inline">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.151836,9.169618 C 25.897063,8.0944816 26.051174,72.286912 26.051174,72.286912"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.199741;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448"
+         cx="-26.241928"
+         cy="-17.356918"
+         transform="matrix(-0.99969204,-0.02481583,0.02168565,-0.99976484,0,0)"
+         rx="1.7603031"
+         ry="1.8829978" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.467218;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 25.797032,30.240793 c -0.01674,-2.025707 -0.007,-9.82275 -0.007,-9.82275"
+         id="path13743"
+         sodipodi:nodetypes="cc" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.98226px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.199741;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="25.407785"
+         y="19.046873"
+         id="text975"
+         transform="matrix(0.96642969,-0.00793361,0.00742193,1.0346755,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan973"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.199741;stroke-dasharray:none;stroke-opacity:1"
+           x="25.407785"
+           y="19.046873">1</tspan></text>
+    </g>
+    <g
+       id="g1011"
+       transform="translate(0.07545329,0.00744747)"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.1689,9.1038088 66.546947,72.402989"
+         id="path1001" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.475007;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+         d="M 33.28788,20.36406 28.414801,12.372176"
+         id="path1003"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-1.3389007"
+         inkscape:transform-center-y="4.3794329" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.18887;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="ellipse1005"
+         cx="-12.746626"
+         cy="25.770933"
+         transform="matrix(-0.09598831,-0.99538246,0.9955578,-0.0941524,0,0)"
+         rx="1.7402503"
+         ry="1.7029951" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.07637px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.188869;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="25.812363"
+         y="12.222048"
+         id="text1009"
+         transform="matrix(0.98755113,-0.03838861,0.05250122,1.0105649,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan1007"
+           style="stroke:#f9f6f6;stroke-width:0.188869;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+           x="25.812363"
+           y="12.222048">3</tspan></text>
+    </g>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/n_l1.svg b/public/assets/capital-letter/n_l1.svg
index 9f1bcfc..7266095 100755
--- a/public/assets/capital-letter/n_l1.svg
+++ b/public/assets/capital-letter/n_l1.svg
@@ -7,7 +7,7 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="n.svg"
+   inkscape:export-filename="m.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
@@ -72,6 +72,11 @@
        orientation="0,-1"
        id="guide2737"
        inkscape:locked="false" />
+    <sodipodi:guide
+       position="75.378726,39.60565"
+       orientation="0,-1"
+       id="guide991"
+       inkscape:locked="false" />
   </sodipodi:namedview>
   <defs
      id="defs2">
@@ -101,49 +106,16 @@
      id="layer1"
      style="display:inline">
     <g
-       id="g925"
-       style="display:inline">
-      <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 26.230399,9.296406 C 25.975464,8.1571602 26.129673,76.177325 26.129673,76.177325"
-         id="path127"
-         sodipodi:nodetypes="cc" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="24.886662"
-         y="20.667381"
-         id="text9342"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           sodipodi:role="line"
-           id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="24.886662"
-           y="20.667381">1</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="path9448"
-         cx="-26.316095"
-         cy="-18.873741"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 25.87537,31.624035 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
-         id="path13743"
-         sodipodi:nodetypes="cc" />
-    </g>
-    <g
-       id="g1001"
+       id="g999"
        style="display:none">
       <path
-         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 66.548251,76.109951 C 66.572839,75.806482 66.689939,9.265628 66.689939,9.265628"
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 66.444075,72.223329 C 66.468647,71.936937 66.585673,9.140572 66.585673,9.140572"
          id="path15674"
          sodipodi:nodetypes="cc" />
       <g
          id="g21551"
-         transform="rotate(-34.110499,76.857525,2.1880008)"
+         transform="matrix(1.1802271,-0.88269089,0.79938929,1.3032145,-11.528397,51.563287)"
          style="display:inline">
         <text
            xml:space="preserve"
@@ -166,47 +138,12 @@
            transform="rotate(-144.24458)" />
       </g>
       <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 66.715197,31.354429 c -0.02456,-2.146424 -0.04485,-10.408378 -0.04485,-10.408378"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.467218;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 66.546307,27.143648 c -0.02454,-2.025637 -0.04482,-9.822662 -0.04482,-9.822662"
          id="path15682"
          sodipodi:nodetypes="cc"
-         inkscape:transform-center-x="0.0088349"
-         inkscape:transform-center-y="5.1277257" />
-    </g>
-    <g
-       id="g993"
-       style="display:none">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 26.247474,9.2266727 66.651189,76.300324"
-         id="path1108" />
-      <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-         d="M 32.918443,20.131469 28.042266,11.663037"
-         id="path9576"
-         sodipodi:nodetypes="cc"
-         inkscape:transform-center-x="-1.3397517"
-         inkscape:transform-center-y="4.6405744" />
-      <ellipse
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142347;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         id="circle9582"
-         cx="-12.740498"
-         cy="25.719242"
-         transform="matrix(-0.10482327,-0.99449087,0.99627769,-0.08620189,0,0)"
-         rx="1.2555509"
-         ry="1.3407919" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.31839px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142334;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         x="24.872412"
-         y="12.578706"
-         id="text9714"
-         transform="matrix(1.0324615,-0.03671877,0.05488879,0.96660705,0,0)"><tspan
-           sodipodi:role="line"
-           id="tspan9712"
-           style="stroke:#f9f6f6;stroke-width:0.142334;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-           x="24.872412"
-           y="12.578706">3</tspan></text>
+         inkscape:transform-center-x="0.0088290155"
+         inkscape:transform-center-y="4.8391702" />
     </g>
     <g
        id="g2750"
@@ -239,5 +176,75 @@
            x="71.226562"
            y="13.74966">4</tspan></text>
     </g>
+    <g
+       id="g982"
+       style="display:inline">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.151836,9.169618 C 25.897063,8.0944816 26.051174,72.286912 26.051174,72.286912"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.199741;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448"
+         cx="-26.241928"
+         cy="-17.356918"
+         transform="matrix(-0.99969204,-0.02481583,0.02168565,-0.99976484,0,0)"
+         rx="1.7603031"
+         ry="1.8829978" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.467218;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 25.797032,30.240793 c -0.01674,-2.025707 -0.007,-9.82275 -0.007,-9.82275"
+         id="path13743"
+         sodipodi:nodetypes="cc" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.98226px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.199741;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="25.407785"
+         y="19.046873"
+         id="text975"
+         transform="matrix(0.96642969,-0.00793361,0.00742193,1.0346755,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan973"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.199741;stroke-dasharray:none;stroke-opacity:1"
+           x="25.407785"
+           y="19.046873">1</tspan></text>
+    </g>
+    <g
+       id="g1011"
+       transform="translate(0.07545329,0.00744747)"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.1689,9.1038088 66.546947,72.402989"
+         id="path1001" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.475007;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+         d="M 33.28788,20.36406 28.414801,12.372176"
+         id="path1003"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-1.3389007"
+         inkscape:transform-center-y="4.3794329" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.18887;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="ellipse1005"
+         cx="-12.746626"
+         cy="25.770933"
+         transform="matrix(-0.09598831,-0.99538246,0.9955578,-0.0941524,0,0)"
+         rx="1.7402503"
+         ry="1.7029951" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.07637px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.188869;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="25.812363"
+         y="12.222048"
+         id="text1009"
+         transform="matrix(0.98755113,-0.03838861,0.05250122,1.0105649,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan1007"
+           style="stroke:#f9f6f6;stroke-width:0.188869;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+           x="25.812363"
+           y="12.222048">3</tspan></text>
+    </g>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/n_l2.svg b/public/assets/capital-letter/n_l2.svg
index 1383360..3abc863 100755
--- a/public/assets/capital-letter/n_l2.svg
+++ b/public/assets/capital-letter/n_l2.svg
@@ -7,7 +7,7 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="n_l1.svg"
+   inkscape:export-filename="m_l1.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
@@ -72,6 +72,11 @@
        orientation="0,-1"
        id="guide2737"
        inkscape:locked="false" />
+    <sodipodi:guide
+       position="75.378726,39.60565"
+       orientation="0,-1"
+       id="guide991"
+       inkscape:locked="false" />
   </sodipodi:namedview>
   <defs
      id="defs2">
@@ -101,49 +106,16 @@
      id="layer1"
      style="display:inline">
     <g
-       id="g925"
-       style="display:none">
-      <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 26.230399,9.296406 C 25.975464,8.1571602 26.129673,76.177325 26.129673,76.177325"
-         id="path127"
-         sodipodi:nodetypes="cc" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="24.886662"
-         y="20.667381"
-         id="text9342"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           sodipodi:role="line"
-           id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="24.886662"
-           y="20.667381">1</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="path9448"
-         cx="-26.316095"
-         cy="-18.873741"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 25.87537,31.624035 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
-         id="path13743"
-         sodipodi:nodetypes="cc" />
-    </g>
-    <g
-       id="g1001"
+       id="g999"
        style="display:inline">
       <path
-         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 66.548251,76.109951 C 66.572839,75.806482 66.689939,9.265628 66.689939,9.265628"
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 66.444075,72.223329 C 66.468647,71.936937 66.585673,9.140572 66.585673,9.140572"
          id="path15674"
          sodipodi:nodetypes="cc" />
       <g
          id="g21551"
-         transform="rotate(-34.110499,76.857525,2.1880008)"
+         transform="matrix(1.1802271,-0.88269089,0.79938929,1.3032145,-11.528397,51.563287)"
          style="display:inline">
         <text
            xml:space="preserve"
@@ -166,47 +138,12 @@
            transform="rotate(-144.24458)" />
       </g>
       <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 66.715197,31.354429 c -0.02456,-2.146424 -0.04485,-10.408378 -0.04485,-10.408378"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.467218;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 66.546307,27.143648 c -0.02454,-2.025637 -0.04482,-9.822662 -0.04482,-9.822662"
          id="path15682"
          sodipodi:nodetypes="cc"
-         inkscape:transform-center-x="0.0088349"
-         inkscape:transform-center-y="5.1277257" />
-    </g>
-    <g
-       id="g993"
-       style="display:none">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 26.247474,9.2266727 66.651189,76.300324"
-         id="path1108" />
-      <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-         d="M 32.918443,20.131469 28.042266,11.663037"
-         id="path9576"
-         sodipodi:nodetypes="cc"
-         inkscape:transform-center-x="-1.3397517"
-         inkscape:transform-center-y="4.6405744" />
-      <ellipse
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142347;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         id="circle9582"
-         cx="-12.740498"
-         cy="25.719242"
-         transform="matrix(-0.10482327,-0.99449087,0.99627769,-0.08620189,0,0)"
-         rx="1.2555509"
-         ry="1.3407919" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.31839px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142334;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         x="24.872412"
-         y="12.578706"
-         id="text9714"
-         transform="matrix(1.0324615,-0.03671877,0.05488879,0.96660705,0,0)"><tspan
-           sodipodi:role="line"
-           id="tspan9712"
-           style="stroke:#f9f6f6;stroke-width:0.142334;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-           x="24.872412"
-           y="12.578706">3</tspan></text>
+         inkscape:transform-center-x="0.0088290155"
+         inkscape:transform-center-y="4.8391702" />
     </g>
     <g
        id="g2750"
@@ -239,5 +176,75 @@
            x="71.226562"
            y="13.74966">4</tspan></text>
     </g>
+    <g
+       id="g982"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.151836,9.169618 C 25.897063,8.0944816 26.051174,72.286912 26.051174,72.286912"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.199741;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448"
+         cx="-26.241928"
+         cy="-17.356918"
+         transform="matrix(-0.99969204,-0.02481583,0.02168565,-0.99976484,0,0)"
+         rx="1.7603031"
+         ry="1.8829978" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.467218;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 25.797032,30.240793 c -0.01674,-2.025707 -0.007,-9.82275 -0.007,-9.82275"
+         id="path13743"
+         sodipodi:nodetypes="cc" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.98226px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.199741;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="25.407785"
+         y="19.046873"
+         id="text975"
+         transform="matrix(0.96642969,-0.00793361,0.00742193,1.0346755,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan973"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.199741;stroke-dasharray:none;stroke-opacity:1"
+           x="25.407785"
+           y="19.046873">1</tspan></text>
+    </g>
+    <g
+       id="g1011"
+       transform="translate(0.07545329,0.00744747)"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.1689,9.1038088 66.546947,72.402989"
+         id="path1001" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.475007;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+         d="M 33.28788,20.36406 28.414801,12.372176"
+         id="path1003"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-1.3389007"
+         inkscape:transform-center-y="4.3794329" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.18887;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="ellipse1005"
+         cx="-12.746626"
+         cy="25.770933"
+         transform="matrix(-0.09598831,-0.99538246,0.9955578,-0.0941524,0,0)"
+         rx="1.7402503"
+         ry="1.7029951" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.07637px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.188869;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="25.812363"
+         y="12.222048"
+         id="text1009"
+         transform="matrix(0.98755113,-0.03838861,0.05250122,1.0105649,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan1007"
+           style="stroke:#f9f6f6;stroke-width:0.188869;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+           x="25.812363"
+           y="12.222048">3</tspan></text>
+    </g>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/n_l3.svg b/public/assets/capital-letter/n_l3.svg
index e9e469d..18fe686 100755
--- a/public/assets/capital-letter/n_l3.svg
+++ b/public/assets/capital-letter/n_l3.svg
@@ -7,7 +7,7 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="n_l2.svg"
+   inkscape:export-filename="m_l2.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
@@ -72,6 +72,11 @@
        orientation="0,-1"
        id="guide2737"
        inkscape:locked="false" />
+    <sodipodi:guide
+       position="75.378726,39.60565"
+       orientation="0,-1"
+       id="guide991"
+       inkscape:locked="false" />
   </sodipodi:namedview>
   <defs
      id="defs2">
@@ -101,49 +106,16 @@
      id="layer1"
      style="display:inline">
     <g
-       id="g925"
+       id="g999"
        style="display:none">
       <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 26.230399,9.296406 C 25.975464,8.1571602 26.129673,76.177325 26.129673,76.177325"
-         id="path127"
-         sodipodi:nodetypes="cc" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="24.886662"
-         y="20.667381"
-         id="text9342"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           sodipodi:role="line"
-           id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="24.886662"
-           y="20.667381">1</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="path9448"
-         cx="-26.316095"
-         cy="-18.873741"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 25.87537,31.624035 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
-         id="path13743"
-         sodipodi:nodetypes="cc" />
-    </g>
-    <g
-       id="g1001"
-       style="display:none">
-      <path
-         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 66.548251,76.109951 C 66.572839,75.806482 66.689939,9.265628 66.689939,9.265628"
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 66.444075,72.223329 C 66.468647,71.936937 66.585673,9.140572 66.585673,9.140572"
          id="path15674"
          sodipodi:nodetypes="cc" />
       <g
          id="g21551"
-         transform="rotate(-34.110499,76.857525,2.1880008)"
+         transform="matrix(1.1802271,-0.88269089,0.79938929,1.3032145,-11.528397,51.563287)"
          style="display:inline">
         <text
            xml:space="preserve"
@@ -166,47 +138,12 @@
            transform="rotate(-144.24458)" />
       </g>
       <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 66.715197,31.354429 c -0.02456,-2.146424 -0.04485,-10.408378 -0.04485,-10.408378"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.467218;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 66.546307,27.143648 c -0.02454,-2.025637 -0.04482,-9.822662 -0.04482,-9.822662"
          id="path15682"
          sodipodi:nodetypes="cc"
-         inkscape:transform-center-x="0.0088349"
-         inkscape:transform-center-y="5.1277257" />
-    </g>
-    <g
-       id="g993"
-       style="display:inline">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 26.247474,9.2266727 66.651189,76.300324"
-         id="path1108" />
-      <path
-         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-         d="M 32.918443,20.131469 28.042266,11.663037"
-         id="path9576"
-         sodipodi:nodetypes="cc"
-         inkscape:transform-center-x="-1.3397517"
-         inkscape:transform-center-y="4.6405744" />
-      <ellipse
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142347;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         id="circle9582"
-         cx="-12.740498"
-         cy="25.719242"
-         transform="matrix(-0.10482327,-0.99449087,0.99627769,-0.08620189,0,0)"
-         rx="1.2555509"
-         ry="1.3407919" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.31839px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142334;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         x="24.872412"
-         y="12.578706"
-         id="text9714"
-         transform="matrix(1.0324615,-0.03671877,0.05488879,0.96660705,0,0)"><tspan
-           sodipodi:role="line"
-           id="tspan9712"
-           style="stroke:#f9f6f6;stroke-width:0.142334;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-           x="24.872412"
-           y="12.578706">3</tspan></text>
+         inkscape:transform-center-x="0.0088290155"
+         inkscape:transform-center-y="4.8391702" />
     </g>
     <g
        id="g2750"
@@ -239,5 +176,75 @@
            x="71.226562"
            y="13.74966">4</tspan></text>
     </g>
+    <g
+       id="g982"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.151836,9.169618 C 25.897063,8.0944816 26.051174,72.286912 26.051174,72.286912"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.199741;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448"
+         cx="-26.241928"
+         cy="-17.356918"
+         transform="matrix(-0.99969204,-0.02481583,0.02168565,-0.99976484,0,0)"
+         rx="1.7603031"
+         ry="1.8829978" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.467218;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 25.797032,30.240793 c -0.01674,-2.025707 -0.007,-9.82275 -0.007,-9.82275"
+         id="path13743"
+         sodipodi:nodetypes="cc" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.98226px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.199741;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="25.407785"
+         y="19.046873"
+         id="text975"
+         transform="matrix(0.96642969,-0.00793361,0.00742193,1.0346755,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan973"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.199741;stroke-dasharray:none;stroke-opacity:1"
+           x="25.407785"
+           y="19.046873">1</tspan></text>
+    </g>
+    <g
+       id="g1011"
+       transform="translate(0.07545329,0.00744747)"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.1689,9.1038088 66.546947,72.402989"
+         id="path1001" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.475007;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+         d="M 33.28788,20.36406 28.414801,12.372176"
+         id="path1003"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-1.3389007"
+         inkscape:transform-center-y="4.3794329" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.18887;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="ellipse1005"
+         cx="-12.746626"
+         cy="25.770933"
+         transform="matrix(-0.09598831,-0.99538246,0.9955578,-0.0941524,0,0)"
+         rx="1.7402503"
+         ry="1.7029951" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.07637px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.188869;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="25.812363"
+         y="12.222048"
+         id="text1009"
+         transform="matrix(0.98755113,-0.03838861,0.05250122,1.0105649,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan1007"
+           style="stroke:#f9f6f6;stroke-width:0.188869;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+           x="25.812363"
+           y="12.222048">3</tspan></text>
+    </g>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/o.svg b/public/assets/capital-letter/o.svg
index b41d420..cf33b5c 100755
--- a/public/assets/capital-letter/o.svg
+++ b/public/assets/capital-letter/o.svg
@@ -7,24 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg4061"
-   inkscape:export-filename="o.svg"
-   inkscape:export-xdpi="96"
-   inkscape:export-ydpi="96"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview4063"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"
-     inkscape:document-units="mm"
-     showgrid="false" />
   <defs
      id="defs4058">
     <marker
@@ -33,12 +17,9 @@
        refX="0"
        refY="0"
        orient="auto-start-reverse"
-       inkscape:stockid="Arrow2"
        markerWidth="7.6999998"
        markerHeight="5.5999999"
        viewBox="0 0 7.7 5.6"
-       inkscape:isstock="true"
-       inkscape:collect="always"
        preserveAspectRatio="xMidYMid">
       <path
          transform="scale(0.7)"
@@ -48,16 +29,14 @@
     </marker>
   </defs>
   <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
      id="layer1">
     <ellipse
-       style="fill:none;fill-opacity:1;stroke:#009e40;stroke-width:6.26083;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       style="fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
        id="path4236"
-       cx="48.311226"
-       cy="49.748005"
-       rx="15.750484"
-       ry="21.890316" />
+       cx="48.655659"
+       cy="49.805408"
+       rx="16.062292"
+       ry="21.915098" />
     <g
        id="g2108"
        transform="translate(10.906604,18.120039)">
@@ -68,7 +47,6 @@
          y="19.336451"
          id="text9342"
          transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           sodipodi:role="line"
            id="tspan9340"
            style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
            x="48.182404"
@@ -84,9 +62,6 @@
     <path
        style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
        d="m 51.078339,28.029858 c 2.994925,1.236266 6.697855,3.341918 8.115716,6.517013"
-       id="path13743"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="4.2043934"
-       inkscape:transform-center-y="-3.3943832" />
+       id="path13743" />
   </g>
 </svg>
diff --git a/public/assets/capital-letter/p.svg b/public/assets/capital-letter/p.svg
index 534d095..2a9bcd9 100755
--- a/public/assets/capital-letter/p.svg
+++ b/public/assets/capital-letter/p.svg
@@ -7,7 +7,7 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="b.svg"
+   sodipodi:docname="p.svg"
    inkscape:export-filename="p_l1.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
@@ -78,12 +78,12 @@
     </marker>
   </defs>
   <path
-     style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+     style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
      d="M 48.503835,7.2773964 48.071477,78.855459"
      id="path127" />
   <g
      id="g2108"
-     transform="translate(-0.7254407,-4.4774733)">
+     transform="matrix(1.6014666,0,0,1.6650857,-30.285654,-16.022511)">
     <text
        xml:space="preserve"
        style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@@ -105,15 +105,15 @@
   </g>
   <path
      style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
-     d="m 48.371278,25.88501 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
+     d="m 48.371278,28.158143 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
      id="path13743" />
   <path
-     style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-     d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
+     style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+     d="M 48.414761,42.713809 C 91.819189,53.563059 95.278159,-1.7586884 48.343876,7.2406274"
      id="path3061" />
   <g
      id="g1198"
-     transform="translate(3.2556029,-2.8149031)"
+     transform="matrix(1.4808458,0,0,1.5444649,-23.286477,-8.5487774)"
      style="display:inline">
     <text
        xml:space="preserve"
@@ -136,7 +136,7 @@
   </g>
   <path
      style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
-     d="M 66.047717,6.789157 C 62.831195,5.9433878 59.42289,5.8384944 55.368578,7.0825755"
+     d="M 65.040956,6.3430618 C 61.915598,5.2057501 58.531292,4.7885936 54.379938,5.655452"
      id="path15682" />
   <g
      id="g439"
diff --git a/public/assets/capital-letter/p_l1.svg b/public/assets/capital-letter/p_l1.svg
index 6155645..587a4c9 100755
--- a/public/assets/capital-letter/p_l1.svg
+++ b/public/assets/capital-letter/p_l1.svg
@@ -7,7 +7,10 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="b.svg"
+   sodipodi:docname="p.svg"
+   inkscape:export-filename="p_l1.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -74,67 +77,74 @@
          id="arrow2L-62" />
     </marker>
   </defs>
-  <path
-     style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-     d="M 48.503835,7.2773964 48.071477,78.855459"
-     id="path127" />
   <g
-     id="g2108"
-     transform="translate(-0.7254407,-4.4774733)">
-    <text
-       xml:space="preserve"
-       style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="48.182404"
-       y="19.336451"
-       id="text9342"
-       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-         id="tspan9340"
-         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+     id="g3023">
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 48.503835,7.2773964 48.071477,78.855459"
+       id="path127" />
+    <g
+       id="g2108"
+       transform="matrix(1.6014666,0,0,1.6650857,-30.285654,-16.022511)">
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          x="48.182404"
-         y="19.336451">1</tspan></text>
-    <circle
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="path9448"
-       cx="-49.550514"
-       cy="-16.824097"
-       r="1.2760839"
-       transform="rotate(-178.67073)" />
+         y="19.336451"
+         id="text9342"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan9340"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
+       d="m 48.371278,28.158143 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
+       id="path13743" />
   </g>
-  <path
-     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
-     d="m 48.371278,25.88501 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
-     id="path13743" />
-  <path
-     style="display:none;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-     d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
-     id="path3061" />
   <g
-     id="g1198"
-     transform="translate(3.2556029,-2.8149031)"
+     id="g2997"
      style="display:none">
-    <text
-       xml:space="preserve"
-       style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="49.768463"
-       y="10.649764"
-       id="text15678"
-       transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
-         id="tspan15676"
-         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 48.414761,42.713809 C 91.819189,53.563059 95.278159,-1.7586884 48.343876,7.2406274"
+       id="path3061" />
+    <g
+       id="g1198"
+       transform="matrix(1.4808458,0,0,1.5444649,-23.286477,-8.5487774)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          x="49.768463"
-         y="10.649764">2</tspan></text>
-    <circle
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="circle15680"
-       cx="-50.731476"
-       cy="-8.3328476"
-       r="1.2760839"
-       transform="rotate(-178.35508)" />
+         y="10.649764"
+         id="text15678"
+         transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+           id="tspan15676"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="49.768463"
+           y="10.649764">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle15680"
+         cx="-50.731476"
+         cy="-8.3328476"
+         r="1.2760839"
+         transform="rotate(-178.35508)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
+       d="M 65.040956,6.3430618 C 61.915598,5.2057501 58.531292,4.7885936 54.379938,5.655452"
+       id="path15682" />
   </g>
-  <path
-     style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
-     d="M 66.047717,6.789157 C 62.831195,5.9433878 59.42289,5.8384944 55.368578,7.0825755"
-     id="path15682" />
   <g
      id="g439"
      style="display:none">
diff --git a/public/assets/capital-letter/p_l2.svg b/public/assets/capital-letter/p_l2.svg
index d4546b0..b4498b1 100755
--- a/public/assets/capital-letter/p_l2.svg
+++ b/public/assets/capital-letter/p_l2.svg
@@ -7,8 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="b.svg"
-   inkscape:export-filename="p_l2.svg"
+   sodipodi:docname="p.svg"
+   inkscape:export-filename="p_l1.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
@@ -77,68 +77,75 @@
          id="arrow2L-62" />
     </marker>
   </defs>
-  <path
-     style="display:none;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-     d="M 48.503835,7.2773964 48.071477,78.855459"
-     id="path127" />
   <g
-     id="g2108"
-     transform="translate(-0.7254407,-4.4774733)"
+     id="g3023"
      style="display:none">
-    <text
-       xml:space="preserve"
-       style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="48.182404"
-       y="19.336451"
-       id="text9342"
-       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-         id="tspan9340"
-         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 48.503835,7.2773964 48.071477,78.855459"
+       id="path127" />
+    <g
+       id="g2108"
+       transform="matrix(1.6014666,0,0,1.6650857,-30.285654,-16.022511)">
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          x="48.182404"
-         y="19.336451">1</tspan></text>
-    <circle
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="path9448"
-       cx="-49.550514"
-       cy="-16.824097"
-       r="1.2760839"
-       transform="rotate(-178.67073)" />
+         y="19.336451"
+         id="text9342"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan9340"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
+       d="m 48.371278,28.158143 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
+       id="path13743" />
   </g>
-  <path
-     style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
-     d="m 48.371278,25.88501 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
-     id="path13743" />
-  <path
-     style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-     d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
-     id="path3061" />
   <g
-     id="g1198"
-     transform="translate(3.2556029,-2.8149031)"
+     id="g2997"
      style="display:inline">
-    <text
-       xml:space="preserve"
-       style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="49.768463"
-       y="10.649764"
-       id="text15678"
-       transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
-         id="tspan15676"
-         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 48.414761,42.713809 C 91.819189,53.563059 95.278159,-1.7586884 48.343876,7.2406274"
+       id="path3061" />
+    <g
+       id="g1198"
+       transform="matrix(1.4808458,0,0,1.5444649,-23.286477,-8.5487774)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          x="49.768463"
-         y="10.649764">2</tspan></text>
-    <circle
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="circle15680"
-       cx="-50.731476"
-       cy="-8.3328476"
-       r="1.2760839"
-       transform="rotate(-178.35508)" />
+         y="10.649764"
+         id="text15678"
+         transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+           id="tspan15676"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="49.768463"
+           y="10.649764">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle15680"
+         cx="-50.731476"
+         cy="-8.3328476"
+         r="1.2760839"
+         transform="rotate(-178.35508)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
+       d="M 65.040956,6.3430618 C 61.915598,5.2057501 58.531292,4.7885936 54.379938,5.655452"
+       id="path15682" />
   </g>
-  <path
-     style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
-     d="M 66.047717,6.789157 C 62.831195,5.9433878 59.42289,5.8384944 55.368578,7.0825755"
-     id="path15682" />
   <g
      id="g439"
      style="display:none">
diff --git a/public/assets/capital-letter/q.svg b/public/assets/capital-letter/q.svg
index 06f2494..259747d 100755
--- a/public/assets/capital-letter/q.svg
+++ b/public/assets/capital-letter/q.svg
@@ -10,6 +10,7 @@
    inkscape:export-filename="o.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
+   sodipodi:docname="q.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -68,7 +69,7 @@
      inkscape:groupmode="layer"
      id="layer1">
     <ellipse
-       style="fill:none;fill-opacity:1;stroke:#009e40;stroke-width:6.26083;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       style="fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
        id="path4236"
        cx="48.311226"
        cy="49.748005"
@@ -76,7 +77,7 @@
        ry="21.890316" />
     <g
        id="g2108"
-       transform="translate(10.906604,18.120039)">
+       transform="matrix(1.3838135,0,0,1.3838135,-7.439991,11.739924)">
       <text
          xml:space="preserve"
          style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@@ -105,7 +106,7 @@
        inkscape:transform-center-x="4.2043934"
        inkscape:transform-center-y="-3.3943832" />
     <path
-       style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:4.80727;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
        d="m 54.804944,61.442454 15.36525,11.365203"
        id="path548" />
     <path
@@ -113,23 +114,23 @@
        d="M 61.770124,66.700111 56.695423,62.764813"
        id="path9566" />
     <ellipse
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.108585;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.171208;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
        id="circle9572"
-       cx="44.445934"
-       cy="69.560371"
-       transform="matrix(0.98885329,-0.14889318,0.16343647,0.98655386,0,0)"
-       rx="1.0209966"
-       ry="0.95945787" />
+       cx="43.768688"
+       cy="68.815323"
+       transform="matrix(0.98914278,-0.14695769,0.16557751,0.98619678,0,0)"
+       rx="1.6200933"
+       ry="1.5031987" />
     <text
        xml:space="preserve"
-       style="font-size:1.72222px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.0959306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="56.287392"
-       y="60.568928"
+       style="font-size:2.71536px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.15125;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="54.950985"
+       y="60.682537"
        id="text9650"
-       transform="matrix(0.92052135,-0.05319485,0.0513381,1.0833742,0,0)"><tspan
+       transform="matrix(0.92669894,-0.05284024,0.05168263,1.0761522,0,0)"><tspan
          id="tspan9648"
-         style="stroke-width:0.0959306;stroke-dasharray:none"
-         x="56.287392"
-         y="60.568928">2</tspan></text>
+         style="stroke-width:0.15125;stroke-dasharray:none"
+         x="54.950985"
+         y="60.682537">2</tspan></text>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/q_l1.svg b/public/assets/capital-letter/q_l1.svg
index d357d63..ffd375e 100755
--- a/public/assets/capital-letter/q_l1.svg
+++ b/public/assets/capital-letter/q_l1.svg
@@ -10,6 +10,7 @@
    inkscape:export-filename="q.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
+   sodipodi:docname="q.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -66,11 +67,12 @@
   <g
      inkscape:label="Layer 1"
      inkscape:groupmode="layer"
-     id="layer1">
+     id="layer1"
+     style="display:inline">
     <g
-       id="g8232">
+       id="g3930">
       <ellipse
-         style="fill:none;fill-opacity:1;stroke:#009e40;stroke-width:6.26083;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+         style="fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
          id="path4236"
          cx="48.311226"
          cy="49.748005"
@@ -78,7 +80,7 @@
          ry="21.890316" />
       <g
          id="g2108"
-         transform="translate(10.906604,18.120039)">
+         transform="matrix(1.3838135,0,0,1.3838135,-7.439991,11.739924)">
         <text
            xml:space="preserve"
            style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@@ -108,10 +110,10 @@
          inkscape:transform-center-y="-3.3943832" />
     </g>
     <g
-       id="g8224"
+       id="g3922"
        style="display:none">
       <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:4.80727;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
          d="m 54.804944,61.442454 15.36525,11.365203"
          id="path548" />
       <path
@@ -119,24 +121,24 @@
          d="M 61.770124,66.700111 56.695423,62.764813"
          id="path9566" />
       <ellipse
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.108585;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.171208;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          id="circle9572"
-         cx="44.445934"
-         cy="69.560371"
-         transform="matrix(0.98885329,-0.14889318,0.16343647,0.98655386,0,0)"
-         rx="1.0209966"
-         ry="0.95945787" />
+         cx="43.768688"
+         cy="68.815323"
+         transform="matrix(0.98914278,-0.14695769,0.16557751,0.98619678,0,0)"
+         rx="1.6200933"
+         ry="1.5031987" />
       <text
          xml:space="preserve"
-         style="font-size:1.72222px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.0959306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="56.287392"
-         y="60.568928"
+         style="font-size:2.71536px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.15125;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="54.950985"
+         y="60.682537"
          id="text9650"
-         transform="matrix(0.92052135,-0.05319485,0.0513381,1.0833742,0,0)"><tspan
+         transform="matrix(0.92669894,-0.05284024,0.05168263,1.0761522,0,0)"><tspan
            id="tspan9648"
-           style="stroke-width:0.0959306;stroke-dasharray:none"
-           x="56.287392"
-           y="60.568928">2</tspan></text>
+           style="stroke-width:0.15125;stroke-dasharray:none"
+           x="54.950985"
+           y="60.682537">2</tspan></text>
     </g>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/q_l2.svg b/public/assets/capital-letter/q_l2.svg
index 9af6383..cbf2e49 100755
--- a/public/assets/capital-letter/q_l2.svg
+++ b/public/assets/capital-letter/q_l2.svg
@@ -10,6 +10,7 @@
    inkscape:export-filename="q_l1.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
+   sodipodi:docname="q.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -66,12 +67,13 @@
   <g
      inkscape:label="Layer 1"
      inkscape:groupmode="layer"
-     id="layer1">
+     id="layer1"
+     style="display:inline">
     <g
-       id="g8232"
+       id="g3930"
        style="display:none">
       <ellipse
-         style="fill:none;fill-opacity:1;stroke:#009e40;stroke-width:6.26083;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+         style="fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
          id="path4236"
          cx="48.311226"
          cy="49.748005"
@@ -79,7 +81,7 @@
          ry="21.890316" />
       <g
          id="g2108"
-         transform="translate(10.906604,18.120039)">
+         transform="matrix(1.3838135,0,0,1.3838135,-7.439991,11.739924)">
         <text
            xml:space="preserve"
            style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@@ -109,10 +111,10 @@
          inkscape:transform-center-y="-3.3943832" />
     </g>
     <g
-       id="g8224"
+       id="g3922"
        style="display:inline">
       <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:4.80727;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
          d="m 54.804944,61.442454 15.36525,11.365203"
          id="path548" />
       <path
@@ -120,24 +122,24 @@
          d="M 61.770124,66.700111 56.695423,62.764813"
          id="path9566" />
       <ellipse
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.108585;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.171208;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          id="circle9572"
-         cx="44.445934"
-         cy="69.560371"
-         transform="matrix(0.98885329,-0.14889318,0.16343647,0.98655386,0,0)"
-         rx="1.0209966"
-         ry="0.95945787" />
+         cx="43.768688"
+         cy="68.815323"
+         transform="matrix(0.98914278,-0.14695769,0.16557751,0.98619678,0,0)"
+         rx="1.6200933"
+         ry="1.5031987" />
       <text
          xml:space="preserve"
-         style="font-size:1.72222px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.0959306;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="56.287392"
-         y="60.568928"
+         style="font-size:2.71536px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.15125;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="54.950985"
+         y="60.682537"
          id="text9650"
-         transform="matrix(0.92052135,-0.05319485,0.0513381,1.0833742,0,0)"><tspan
+         transform="matrix(0.92669894,-0.05284024,0.05168263,1.0761522,0,0)"><tspan
            id="tspan9648"
-           style="stroke-width:0.0959306;stroke-dasharray:none"
-           x="56.287392"
-           y="60.568928">2</tspan></text>
+           style="stroke-width:0.15125;stroke-dasharray:none"
+           x="54.950985"
+           y="60.682537">2</tspan></text>
     </g>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/r.svg b/public/assets/capital-letter/r.svg
index a6b0c18..8b47802 100755
--- a/public/assets/capital-letter/r.svg
+++ b/public/assets/capital-letter/r.svg
@@ -7,8 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="b.svg"
-   inkscape:export-filename="p_l2.svg"
+   sodipodi:docname="r.svg"
+   inkscape:export-filename="r.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
@@ -28,7 +28,7 @@
      showgrid="false"
      showguides="true">
     <sodipodi:guide
-       position="85.720873,50.809963"
+       position="86.681974,11.825488"
        orientation="1,0"
        id="guide1671"
        inkscape:locked="false" />
@@ -108,99 +108,74 @@
          id="arrow2L-6" />
     </marker>
   </defs>
-  <path
-     style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-     d="M 48.503835,7.2773964 48.071477,78.855459"
-     id="path127" />
   <g
-     id="g2108"
-     transform="translate(-0.7254407,-4.4774733)"
-     style="display:inline">
-    <text
-       xml:space="preserve"
-       style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="48.182404"
-       y="19.336451"
-       id="text9342"
-       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-         id="tspan9340"
-         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-         x="48.182404"
-         y="19.336451">1</tspan></text>
-    <circle
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="path9448"
-       cx="-49.550514"
-       cy="-16.824097"
-       r="1.2760839"
-       transform="rotate(-178.67073)" />
+     id="g1077">
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 48.503835,7.2773964 48.071477,78.855459"
+       id="path127" />
+    <g
+       id="g2108"
+       transform="matrix(1.51293,0,0,1.4679445,-25.704734,-13.517447)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="47.950459"
+         y="19.881956"
+         id="text9342"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan9340"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="47.950459"
+           y="19.881956">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448"
+         cx="-49.335617"
+         cy="-17.376713"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
+       d="m 48.371278,27.83679 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
+       id="path13743" />
   </g>
-  <path
-     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
-     d="m 48.371278,25.88501 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
-     id="path13743" />
-  <path
-     style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-     d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
-     id="path3061" />
-  <path
-     style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-     d="m 64.905674,43.301322 18.838674,35.57731"
-     id="path1108" />
-  <path
-     style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:normal"
-     d="M 71.506401,54.508662 66.630224,46.04023"
-     id="path9576-7"
-     sodipodi:nodetypes="cc"
-     inkscape:transform-center-x="-1.3397517"
-     inkscape:transform-center-y="4.6405744" />
-  <ellipse
-     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142347;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-     id="circle9582"
-     cx="-50.322662"
-     cy="60.497169"
-     transform="matrix(-0.10482327,-0.99449087,0.99627769,-0.08620189,0,0)"
-     rx="1.2555509"
-     ry="1.3407919" />
-  <text
-     xml:space="preserve"
-     style="font-size:2.31839px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142334;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-     x="60.284885"
-     y="49.488743"
-     id="text9714"
-     transform="matrix(1.0324615,-0.03671877,0.05488879,0.96660704,0,0)"><tspan
-       sodipodi:role="line"
-       id="tspan9712"
-       style="stroke:#f9f6f6;stroke-width:0.142334;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-       x="60.284885"
-       y="49.488743">3</tspan></text>
   <g
-     id="g1198"
-     transform="translate(3.2556029,-2.8149031)"
-     style="display:inline">
-    <text
-       xml:space="preserve"
-       style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="49.768463"
-       y="10.649764"
-       id="text15678"
-       transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
-         id="tspan15676"
-         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+     id="g1045">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
+       id="path3061" />
+    <g
+       id="g1198"
+       transform="matrix(1.5530894,0,0,1.5985957,-27.24282,-9.2466203)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          x="49.768463"
-         y="10.649764">2</tspan></text>
-    <circle
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="circle15680"
-       cx="-50.731476"
-       cy="-8.3328476"
-       r="1.2760839"
-       transform="rotate(-178.35508)" />
+         y="10.649764"
+         id="text15678"
+         transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+           id="tspan15676"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="49.768463"
+           y="10.649764">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle15680"
+         cx="-50.731476"
+         cy="-8.3328476"
+         r="1.2760839"
+         transform="rotate(-178.35508)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
+       d="M 64.65593,6.4199284 C 61.487069,5.4101481 58.088643,5.1304212 53.97581,6.164726"
+       id="path15682" />
   </g>
-  <path
-     style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
-     d="M 66.047717,6.789157 C 62.831195,5.9433878 59.42289,5.8384944 55.368578,7.0825755"
-     id="path15682" />
   <g
      id="g439"
      style="display:none">
@@ -235,4 +210,42 @@
        d="m 63.603296,43.623278 c -3.114339,-1.102484 -6.629721,-0.645631 -9.243068,0.45777"
        id="path9576" />
   </g>
+  <g
+     id="g1270"
+     transform="rotate(4.0098488,78.653083,90.923881)">
+    <g
+       id="g1268">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 64.905674,43.301322 18.838674,35.57731"
+         id="path1258" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:normal"
+         d="M 71.506401,54.508662 66.630224,46.04023"
+         id="path1260"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-1.3397517"
+         inkscape:transform-center-y="4.6405744" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.196003;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="ellipse1262"
+         cx="-49.79314"
+         cy="60.937622"
+         transform="matrix(-0.09060287,-0.9958871,0.99501305,-0.09974479,0,0)"
+         rx="1.8583676"
+         ry="1.7174914" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.1925px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.195998;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="64.716568"
+         y="45.406284"
+         id="text1266"
+         transform="matrix(0.95920478,-0.03952307,0.05099424,1.0404291,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan1264"
+           style="stroke:#f9f6f6;stroke-width:0.195998;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+           x="64.716568"
+           y="45.406284">3</tspan></text>
+    </g>
+  </g>
 </svg>
diff --git a/public/assets/capital-letter/r_l1.svg b/public/assets/capital-letter/r_l1.svg
index aeb6b26..9447503 100755
--- a/public/assets/capital-letter/r_l1.svg
+++ b/public/assets/capital-letter/r_l1.svg
@@ -7,8 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="b.svg"
-   inkscape:export-filename="r_l1.svg"
+   sodipodi:docname="r.svg"
+   inkscape:export-filename="r.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
@@ -28,7 +28,7 @@
      showgrid="false"
      showguides="true">
     <sodipodi:guide
-       position="85.720873,50.809963"
+       position="86.681974,11.825488"
        orientation="1,0"
        id="guide1671"
        inkscape:locked="false" />
@@ -108,80 +108,75 @@
          id="arrow2L-6" />
     </marker>
   </defs>
-  <path
-     style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-     d="M 48.503835,7.2773964 48.071477,78.855459"
-     id="path127" />
   <g
-     id="g2108"
-     transform="translate(-0.7254407,-4.4774733)"
-     style="display:inline">
-    <text
-       xml:space="preserve"
-       style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="48.182404"
-       y="19.336451"
-       id="text9342"
-       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-         id="tspan9340"
-         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-         x="48.182404"
-         y="19.336451">1</tspan></text>
-    <circle
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="path9448"
-       cx="-49.550514"
-       cy="-16.824097"
-       r="1.2760839"
-       transform="rotate(-178.67073)" />
+     id="g1077">
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 48.503835,7.2773964 48.071477,78.855459"
+       id="path127" />
+    <g
+       id="g2108"
+       transform="matrix(1.51293,0,0,1.4679445,-25.704734,-13.517447)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="47.950459"
+         y="19.881956"
+         id="text9342"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan9340"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="47.950459"
+           y="19.881956">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448"
+         cx="-49.335617"
+         cy="-17.376713"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
+       d="m 48.371278,27.83679 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
+       id="path13743" />
   </g>
-  <path
-     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
-     d="m 48.371278,25.88501 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
-     id="path13743" />
-  <path
-     style="display:none;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-     d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
-     id="path3061" />
   <g
-     id="g2571"
+     id="g1045"
      style="display:none">
     <path
-       style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="m 64.905674,43.301322 18.838674,35.57731"
-       id="path1108" />
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
+       id="path3061" />
+    <g
+       id="g1198"
+       transform="matrix(1.5530894,0,0,1.5985957,-27.24282,-9.2466203)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="49.768463"
+         y="10.649764"
+         id="text15678"
+         transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+           id="tspan15676"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="49.768463"
+           y="10.649764">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle15680"
+         cx="-50.731476"
+         cy="-8.3328476"
+         r="1.2760839"
+         transform="rotate(-178.35508)" />
+    </g>
     <path
-       style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:normal"
-       d="M 71.506401,54.508662 66.630224,46.04023"
-       id="path9576-7"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="-1.3397517"
-       inkscape:transform-center-y="4.6405744" />
-    <ellipse
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142347;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-       id="circle9582"
-       cx="-50.322662"
-       cy="60.497169"
-       transform="matrix(-0.10482327,-0.99449087,0.99627769,-0.08620189,0,0)"
-       rx="1.2555509"
-       ry="1.3407919" />
-    <text
-       xml:space="preserve"
-       style="font-size:2.31839px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142334;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-       x="60.284885"
-       y="49.488743"
-       id="text9714"
-       transform="matrix(1.0324615,-0.03671877,0.05488879,0.96660704,0,0)"><tspan
-         sodipodi:role="line"
-         id="tspan9712"
-         style="stroke:#f9f6f6;stroke-width:0.142334;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-         x="60.284885"
-         y="49.488743">3</tspan></text>
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
+       d="M 64.65593,6.4199284 C 61.487069,5.4101481 58.088643,5.1304212 53.97581,6.164726"
+       id="path15682" />
   </g>
-  <path
-     style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
-     d="M 66.047717,6.789157 C 62.831195,5.9433878 59.42289,5.8384944 55.368578,7.0825755"
-     id="path15682" />
   <g
      id="g439"
      style="display:none">
@@ -216,4 +211,43 @@
        d="m 63.603296,43.623278 c -3.114339,-1.102484 -6.629721,-0.645631 -9.243068,0.45777"
        id="path9576" />
   </g>
+  <g
+     id="g1270"
+     transform="rotate(4.0098488,78.653083,90.923881)"
+     style="display:none">
+    <g
+       id="g1268">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 64.905674,43.301322 18.838674,35.57731"
+         id="path1258" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:normal"
+         d="M 71.506401,54.508662 66.630224,46.04023"
+         id="path1260"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-1.3397517"
+         inkscape:transform-center-y="4.6405744" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.196003;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="ellipse1262"
+         cx="-49.79314"
+         cy="60.937622"
+         transform="matrix(-0.09060287,-0.9958871,0.99501305,-0.09974479,0,0)"
+         rx="1.8583676"
+         ry="1.7174914" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.1925px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.195998;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="64.716568"
+         y="45.406284"
+         id="text1266"
+         transform="matrix(0.95920478,-0.03952307,0.05099424,1.0404291,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan1264"
+           style="stroke:#f9f6f6;stroke-width:0.195998;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+           x="64.716568"
+           y="45.406284">3</tspan></text>
+    </g>
+  </g>
 </svg>
diff --git a/public/assets/capital-letter/r_l2.svg b/public/assets/capital-letter/r_l2.svg
index b610ca4..c44f533 100755
--- a/public/assets/capital-letter/r_l2.svg
+++ b/public/assets/capital-letter/r_l2.svg
@@ -8,7 +8,7 @@
    version="1.1"
    id="svg5"
    sodipodi:docname="r.svg"
-   inkscape:export-filename="p_l2.svg"
+   inkscape:export-filename="r_l1.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
@@ -28,7 +28,7 @@
      showgrid="false"
      showguides="true">
     <sodipodi:guide
-       position="85.720873,50.809963"
+       position="86.681974,11.825488"
        orientation="1,0"
        id="guide1671"
        inkscape:locked="false" />
@@ -108,87 +108,76 @@
          id="arrow2L-6" />
     </marker>
   </defs>
-  <path
-     style="display:none;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-     d="M 48.503835,7.2773964 48.071477,78.855459"
-     id="path127" />
   <g
-     id="g2108"
-     transform="translate(-0.7254407,-4.4774733)"
+     id="g1077"
      style="display:none">
-    <text
-       xml:space="preserve"
-       style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="48.182404"
-       y="19.336451"
-       id="text9342"
-       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-         id="tspan9340"
-         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-         x="48.182404"
-         y="19.336451">1</tspan></text>
-    <circle
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="path9448"
-       cx="-49.550514"
-       cy="-16.824097"
-       r="1.2760839"
-       transform="rotate(-178.67073)" />
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 48.503835,7.2773964 48.071477,78.855459"
+       id="path127" />
+    <g
+       id="g2108"
+       transform="matrix(1.51293,0,0,1.4679445,-25.704734,-13.517447)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="47.950459"
+         y="19.881956"
+         id="text9342"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan9340"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="47.950459"
+           y="19.881956">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448"
+         cx="-49.335617"
+         cy="-17.376713"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
+       d="m 48.371278,27.83679 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
+       id="path13743" />
   </g>
-  <path
-     style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
-     d="m 48.371278,25.88501 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
-     id="path13743" />
-  <path
-     style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-     d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
-     id="path3061" />
-  <path
-     style="display:none;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-     d="m 64.905674,43.301322 18.838674,35.57731"
-     id="path1108" />
-  <path
-     style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:normal"
-     d="M 71.506401,54.508662 66.630224,46.04023"
-     id="path9576-7"
-     sodipodi:nodetypes="cc"
-     inkscape:transform-center-x="-1.3397517"
-     inkscape:transform-center-y="4.6405744" />
-  <ellipse
-     style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142347;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-     id="circle9582"
-     cx="-50.322662"
-     cy="60.497169"
-     transform="matrix(-0.10482327,-0.99449087,0.99627769,-0.08620189,0,0)"
-     rx="1.2555509"
-     ry="1.3407919" />
   <g
-     id="g1198"
-     transform="translate(3.2556029,-2.8149031)"
+     id="g1045"
      style="display:inline">
-    <text
-       xml:space="preserve"
-       style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="49.768463"
-       y="10.649764"
-       id="text15678"
-       transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
-         id="tspan15676"
-         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
+       id="path3061" />
+    <g
+       id="g1198"
+       transform="matrix(1.5530894,0,0,1.5985957,-27.24282,-9.2466203)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          x="49.768463"
-         y="10.649764">2</tspan></text>
-    <circle
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="circle15680"
-       cx="-50.731476"
-       cy="-8.3328476"
-       r="1.2760839"
-       transform="rotate(-178.35508)" />
+         y="10.649764"
+         id="text15678"
+         transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+           id="tspan15676"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="49.768463"
+           y="10.649764">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle15680"
+         cx="-50.731476"
+         cy="-8.3328476"
+         r="1.2760839"
+         transform="rotate(-178.35508)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
+       d="M 64.65593,6.4199284 C 61.487069,5.4101481 58.088643,5.1304212 53.97581,6.164726"
+       id="path15682" />
   </g>
-  <path
-     style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
-     d="M 66.047717,6.789157 C 62.831195,5.9433878 59.42289,5.8384944 55.368578,7.0825755"
-     id="path15682" />
   <g
      id="g439"
      style="display:none">
@@ -223,4 +212,44 @@
        d="m 63.603296,43.623278 c -3.114339,-1.102484 -6.629721,-0.645631 -9.243068,0.45777"
        id="path9576" />
   </g>
+  <g
+     id="g1270"
+     transform="rotate(4.0098488,78.653083,90.923881)"
+     style="display:none">
+    <g
+       id="g1268"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 64.905674,43.301322 18.838674,35.57731"
+         id="path1258" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:normal"
+         d="M 71.506401,54.508662 66.630224,46.04023"
+         id="path1260"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-1.3397517"
+         inkscape:transform-center-y="4.6405744" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.196003;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="ellipse1262"
+         cx="-49.79314"
+         cy="60.937622"
+         transform="matrix(-0.09060287,-0.9958871,0.99501305,-0.09974479,0,0)"
+         rx="1.8583676"
+         ry="1.7174914" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.1925px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.195998;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="64.716568"
+         y="45.406284"
+         id="text1266"
+         transform="matrix(0.95920478,-0.03952307,0.05099424,1.0404291,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan1264"
+           style="stroke:#f9f6f6;stroke-width:0.195998;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+           x="64.716568"
+           y="45.406284">3</tspan></text>
+    </g>
+  </g>
 </svg>
diff --git a/public/assets/capital-letter/r_l3.svg b/public/assets/capital-letter/r_l3.svg
index d46e7d1..388a1d2 100755
--- a/public/assets/capital-letter/r_l3.svg
+++ b/public/assets/capital-letter/r_l3.svg
@@ -7,7 +7,7 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="b.svg"
+   sodipodi:docname="r.svg"
    inkscape:export-filename="r_l2.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
@@ -28,7 +28,7 @@
      showgrid="false"
      showguides="true">
     <sodipodi:guide
-       position="85.720873,50.809963"
+       position="86.681974,11.825488"
        orientation="1,0"
        id="guide1671"
        inkscape:locked="false" />
@@ -108,103 +108,76 @@
          id="arrow2L-6" />
     </marker>
   </defs>
-  <path
-     style="display:none;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:5.50539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-     d="M 48.503835,7.2773964 48.071477,78.855459"
-     id="path127" />
   <g
-     id="g2108"
-     transform="translate(-0.7254407,-4.4774733)"
+     id="g1077"
      style="display:none">
-    <text
-       xml:space="preserve"
-       style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="48.182404"
-       y="19.336451"
-       id="text9342"
-       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-         id="tspan9340"
-         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-         x="48.182404"
-         y="19.336451">1</tspan></text>
-    <circle
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="path9448"
-       cx="-49.550514"
-       cy="-16.824097"
-       r="1.2760839"
-       transform="rotate(-178.67073)" />
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 48.503835,7.2773964 48.071477,78.855459"
+       id="path127" />
+    <g
+       id="g2108"
+       transform="matrix(1.51293,0,0,1.4679445,-25.704734,-13.517447)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="47.950459"
+         y="19.881956"
+         id="text9342"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan9340"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="47.950459"
+           y="19.881956">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448"
+         cx="-49.335617"
+         cy="-17.376713"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
+       d="m 48.371278,27.83679 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
+       id="path13743" />
   </g>
-  <path
-     style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-35);paint-order:stroke fill markers"
-     d="m 48.371278,25.88501 c -0.0082,-2.146546 0.03446,-10.408415 0.03446,-10.408415"
-     id="path13743" />
-  <path
-     style="display:none;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-     d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
-     id="path3061" />
   <g
-     id="g2571"
+     id="g1045"
      style="display:inline">
     <path
-       style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="m 64.905674,43.301322 18.838674,35.57731"
-       id="path1108" />
-    <path
-       style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:normal"
-       d="M 71.506401,54.508662 66.630224,46.04023"
-       id="path9576-7"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="-1.3397517"
-       inkscape:transform-center-y="4.6405744" />
-    <ellipse
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142347;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-       id="circle9582"
-       cx="-50.322662"
-       cy="60.497169"
-       transform="matrix(-0.10482327,-0.99449087,0.99627769,-0.08620189,0,0)"
-       rx="1.2555509"
-       ry="1.3407919" />
-    <text
-       xml:space="preserve"
-       style="font-size:2.31839px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142334;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-       x="60.284885"
-       y="49.488743"
-       id="text9714"
-       transform="matrix(1.0324615,-0.03671877,0.05488879,0.96660704,0,0)"><tspan
-         sodipodi:role="line"
-         id="tspan9712"
-         style="stroke:#f9f6f6;stroke-width:0.142334;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-         x="60.284885"
-         y="49.488743">3</tspan></text>
-  </g>
-  <g
-     id="g1198"
-     transform="translate(3.2556029,-2.8149031)"
-     style="display:none">
-    <text
-       xml:space="preserve"
-       style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="49.768463"
-       y="10.649764"
-       id="text15678"
-       transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
-         id="tspan15676"
-         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+       style="display:none;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 50.078881,42.699475 C 93.874653,51.841734 95.165897,-3.5730008 48.619769,7.2562447"
+       id="path3061" />
+    <g
+       id="g1198"
+       transform="matrix(1.5530894,0,0,1.5985957,-27.24282,-9.2466203)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          x="49.768463"
-         y="10.649764">2</tspan></text>
-    <circle
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="circle15680"
-       cx="-50.731476"
-       cy="-8.3328476"
-       r="1.2760839"
-       transform="rotate(-178.35508)" />
+         y="10.649764"
+         id="text15678"
+         transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+           id="tspan15676"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="49.768463"
+           y="10.649764">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle15680"
+         cx="-50.731476"
+         cy="-8.3328476"
+         r="1.2760839"
+         transform="rotate(-178.35508)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
+       d="M 64.65593,6.4199284 C 61.487069,5.4101481 58.088643,5.1304212 53.97581,6.164726"
+       id="path15682" />
   </g>
-  <path
-     style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
-     d="M 66.047717,6.789157 C 62.831195,5.9433878 59.42289,5.8384944 55.368578,7.0825755"
-     id="path15682" />
   <g
      id="g439"
      style="display:none">
@@ -239,4 +212,44 @@
        d="m 63.603296,43.623278 c -3.114339,-1.102484 -6.629721,-0.645631 -9.243068,0.45777"
        id="path9576" />
   </g>
+  <g
+     id="g1270"
+     transform="rotate(4.0098488,78.653083,90.923881)"
+     style="display:inline">
+    <g
+       id="g1268"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 64.905674,43.301322 18.838674,35.57731"
+         id="path1258" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:normal"
+         d="M 71.506401,54.508662 66.630224,46.04023"
+         id="path1260"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-1.3397517"
+         inkscape:transform-center-y="4.6405744" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.196003;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="ellipse1262"
+         cx="-49.79314"
+         cy="60.937622"
+         transform="matrix(-0.09060287,-0.9958871,0.99501305,-0.09974479,0,0)"
+         rx="1.8583676"
+         ry="1.7174914" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.1925px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.195998;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="64.716568"
+         y="45.406284"
+         id="text1266"
+         transform="matrix(0.95920478,-0.03952307,0.05099424,1.0404291,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan1264"
+           style="stroke:#f9f6f6;stroke-width:0.195998;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+           x="64.716568"
+           y="45.406284">3</tspan></text>
+    </g>
+  </g>
 </svg>
diff --git a/public/assets/capital-letter/s.svg b/public/assets/capital-letter/s.svg
index 530a148..ee3e4a4 100755
--- a/public/assets/capital-letter/s.svg
+++ b/public/assets/capital-letter/s.svg
@@ -7,7 +7,7 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="r_l2.svg"
+   sodipodi:docname="s.svg"
    inkscape:export-filename="r_l1.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
@@ -238,54 +238,51 @@
        d="m 63.603296,43.623278 c -3.114339,-1.102484 -6.629721,-0.645631 -9.243068,0.45777"
        id="path9576" />
   </g>
-  <g
-     id="g3129"
-     transform="matrix(0.73662732,0,0,0.74604247,6.6854179,2.1682713)">
-    <path
-       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 70.914766,64.564687 C 83.12471,97.252847 21.392419,99.725417 28.656741,65.493424"
-       id="path353"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 70.126883,31.912499 C 76.335494,3.3607334 19.731851,3.9445783 29.325533,37.331171"
-       id="path3061"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.648976;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
-       d="m 43.745024,12.478102 c 4.366553,-1.133674 8.993459,-1.274275 14.497344,0.393301"
-       id="path15682" />
-    <text
-       xml:space="preserve"
-       style="font-size:3.12347px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.156667;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="59.988121"
-       y="15.338692"
-       id="text15678"
-       transform="matrix(1.0059743,-0.0021499,0.00217908,0.99405657,0,0)"><tspan
-         sodipodi:role="line"
-         id="tspan3265"
-         x="59.988121"
-         y="15.338692"><tspan
-           id="tspan15676"
-           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.156667;stroke-dasharray:none;stroke-opacity:1"
-           x="59.988121"
-           y="15.338692">1</tspan></tspan><tspan
-         sodipodi:role="line"
-         id="tspan3267"
-         x="59.988121"
-         y="19.243029" /></text>
-    <ellipse
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.188852;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="circle15680"
-       cx="-61.713432"
-       cy="-12.355166"
-       transform="matrix(-0.99959825,-0.02834335,0.02907192,-0.99957732,0,0)"
-       rx="1.7323153"
-       ry="1.710489" />
-    <path
-       style="display:inline;fill:none;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1;paint-order:stroke fill markers"
-       d="M 29.522658,37.935831 C 40.132363,57.954218 61.216726,46.667725 70.537782,63.98682"
-       id="path529"
-       sodipodi:nodetypes="cc" />
-  </g>
+  <path
+     style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+     d="M 58.923172,50.33627 C 67.91735,74.723025 22.443658,76.567668 27.794756,51.029147"
+     id="path353"
+     sodipodi:nodetypes="cc" />
+  <path
+     style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+     d="M 58.342796,25.976351 C 62.916228,4.6755211 21.220438,5.1110942 28.287407,30.01891"
+     id="path3061"
+     sodipodi:nodetypes="cc" />
+  <path
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.741;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
+     d="m 38.909198,11.477465 c 3.216522,-0.845769 6.624827,-0.950663 10.679139,0.29342"
+     id="path15682" />
+  <text
+     xml:space="preserve"
+     style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.241;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     x="51.153717"
+     y="13.552761"
+     id="text15678"
+     transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+       sodipodi:role="line"
+       id="tspan3265"
+       x="51.153717"
+       y="13.552761"
+       style="stroke-width:0.241;stroke-dasharray:none"><tspan
+         id="tspan15676"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.241;stroke-dasharray:none;stroke-opacity:1"
+         x="51.153717"
+         y="13.552761">1</tspan></tspan><tspan
+       sodipodi:role="line"
+       id="tspan3267"
+       x="51.153717"
+       y="16.447124"
+       style="stroke-width:0.241;stroke-dasharray:none" /></text>
+  <circle
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     id="circle15680"
+     cx="-52.205173"
+     cy="-11.192852"
+     transform="rotate(-178.35508)"
+     r="1.2760839" />
+  <path
+     style="display:inline;fill:none;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+     d="m 28.432614,30.470012 c 7.815399,14.934567 23.346717,6.514364 30.212861,19.435145"
+     id="path529"
+     sodipodi:nodetypes="cc" />
 </svg>
diff --git a/public/assets/capital-letter/t.svg b/public/assets/capital-letter/t.svg
index bc04af8..f001288 100755
--- a/public/assets/capital-letter/t.svg
+++ b/public/assets/capital-letter/t.svg
@@ -11,7 +11,7 @@
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="i_l1.svg"
+   sodipodi:docname="t.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -169,63 +169,59 @@
            x="0"
            y="0">3</tspan></text>
     </g>
-    <g
-       id="g3870"
-       transform="translate(0,7.4083337)">
-      <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 50.078477,7.5286417 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
-         id="path127"
-         sodipodi:nodetypes="cc" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="49.168594"
-         y="14.241333"
-         id="text9342"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           sodipodi:role="line"
-           id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="49.168594"
-           y="14.241333">1</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="path9448"
-         cx="-50.37851"
-         cy="-11.698981"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 50.097748,25.009402 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
-         id="path13743"
-         sodipodi:nodetypes="cc" />
-    </g>
     <path
-       style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 50.080246,14.934598 c -0.05189,0.270797 -0.03877,58.08487 -0.03877,58.08487"
+       id="path127"
+       sodipodi:nodetypes="cc" />
+    <text
+       xml:space="preserve"
+       style="font-size:3.92794px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="48.673653"
+       y="22.417608"
+       id="text9342"
+       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+         sodipodi:role="line"
+         id="tspan9340"
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197016;stroke-dasharray:none;stroke-opacity:1"
+         x="48.673653"
+         y="22.417608">1</tspan></text>
+    <circle
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.197016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path9448"
+       cx="-50.467506"
+       cy="-19.472815"
+       r="1.7957822"
+       transform="rotate(-178.67073)" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="m 50.097748,34.534404 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+       id="path13743"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
        d="m 31.492526,14.646476 36.989722,0.113523"
        id="path548" />
     <ellipse
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.104558;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.153525;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
        id="circle13613"
-       cx="13.690505"
-       cy="-38.537907"
-       transform="matrix(-0.02107702,0.99977785,-0.99966338,-0.02594463,0,0)"
-       rx="1.2327613"
-       ry="1.1111807" />
+       cx="13.666509"
+       cy="-38.295013"
+       transform="matrix(-0.02359428,0.99972162,-0.99973138,-0.02317688,0,0)"
+       rx="1.7108681"
+       ry="1.7261965" />
     <text
        xml:space="preserve"
-       style="font-size:2.41325px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.114;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-       x="37.391117"
-       y="15.959682"
+       style="font-size:3.54345px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.16739;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+       x="34.712971"
+       y="17.022144"
        id="text13723"
-       transform="rotate(-0.68318798)"><tspan
+       transform="matrix(1.0579865,-0.01126928,0.0126159,0.94505729,0,0)"><tspan
          sodipodi:role="line"
          id="tspan13721"
-         style="fill:#ffffff;fill-opacity:1;stroke-width:0.114;stroke-dasharray:none"
-         x="37.391117"
-         y="15.959682">2</tspan></text>
+         style="fill:#ffffff;fill-opacity:1;stroke-width:0.16739;stroke-dasharray:none"
+         x="34.712971"
+         y="17.022144">2</tspan></text>
     <path
        style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
        d="m 51.113705,14.621666 c -2.146501,0.01635 -10.408471,0.0051 -10.408471,0.0051"
diff --git a/public/assets/capital-letter/t_l1.svg b/public/assets/capital-letter/t_l1.svg
index a663bc6..b4af526 100755
--- a/public/assets/capital-letter/t_l1.svg
+++ b/public/assets/capital-letter/t_l1.svg
@@ -11,7 +11,7 @@
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="i_l1.svg"
+   sodipodi:docname="t.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -170,54 +170,69 @@
            y="0">3</tspan></text>
     </g>
     <g
-       id="g3870"
-       transform="translate(0,7.4083337)">
+       id="g1017">
       <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 50.078477,7.5286417 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 50.080246,14.934598 c -0.05189,0.270797 -0.03877,58.08487 -0.03877,58.08487"
          id="path127"
          sodipodi:nodetypes="cc" />
       <text
          xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="49.168594"
-         y="14.241333"
+         style="font-size:3.92794px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.673653"
+         y="22.417608"
          id="text9342"
          transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
            sodipodi:role="line"
            id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="49.168594"
-           y="14.241333">1</tspan></text>
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197016;stroke-dasharray:none;stroke-opacity:1"
+           x="48.673653"
+           y="22.417608">1</tspan></text>
       <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.197016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          id="path9448"
-         cx="-50.37851"
-         cy="-11.698981"
-         r="1.2760839"
+         cx="-50.467506"
+         cy="-19.472815"
+         r="1.7957822"
          transform="rotate(-178.67073)" />
       <path
          style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 50.097748,25.009402 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+         d="m 50.097748,34.534404 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
          id="path13743"
          sodipodi:nodetypes="cc" />
     </g>
-    <path
-       style="display:none;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="m 31.492526,14.646476 36.989722,0.113523"
-       id="path548" />
-    <ellipse
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.104558;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="circle13613"
-       cx="13.690505"
-       cy="-38.537907"
-       transform="matrix(-0.02107702,0.99977785,-0.99966338,-0.02594463,0,0)"
-       rx="1.2327613"
-       ry="1.1111807" />
-    <path
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="m 51.113705,14.621666 c -2.146501,0.01635 -10.408471,0.0051 -10.408471,0.0051"
-       id="path13749"
-       sodipodi:nodetypes="cc" />
+    <g
+       id="g1010"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 31.492526,14.646476 36.989722,0.113523"
+         id="path548" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.153525;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle13613"
+         cx="13.666509"
+         cy="-38.295013"
+         transform="matrix(-0.02359428,0.99972162,-0.99973138,-0.02317688,0,0)"
+         rx="1.7108681"
+         ry="1.7261965" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.54345px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.16739;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="34.712971"
+         y="17.022144"
+         id="text13723"
+         transform="matrix(1.0579865,-0.01126928,0.0126159,0.94505729,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan13721"
+           style="fill:#ffffff;fill-opacity:1;stroke-width:0.16739;stroke-dasharray:none"
+           x="34.712971"
+           y="17.022144">2</tspan></text>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 51.113705,14.621666 c -2.146501,0.01635 -10.408471,0.0051 -10.408471,0.0051"
+         id="path13749"
+         sodipodi:nodetypes="cc" />
+    </g>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/t_l2.svg b/public/assets/capital-letter/t_l2.svg
index 6847874..15198dc 100755
--- a/public/assets/capital-letter/t_l2.svg
+++ b/public/assets/capital-letter/t_l2.svg
@@ -11,7 +11,7 @@
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="i_l1.svg"
+   sodipodi:docname="t.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -170,67 +170,70 @@
            y="0">3</tspan></text>
     </g>
     <g
-       id="g3870"
-       transform="translate(0,7.4083337)"
+       id="g1017"
        style="display:none">
       <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 50.078477,7.5286417 c -0.04579,0.3074089 -0.03422,65.9377763 -0.03422,65.9377763"
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 50.080246,14.934598 c -0.05189,0.270797 -0.03877,58.08487 -0.03877,58.08487"
          id="path127"
          sodipodi:nodetypes="cc" />
       <text
          xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="49.168594"
-         y="14.241333"
+         style="font-size:3.92794px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.673653"
+         y="22.417608"
          id="text9342"
          transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
            sodipodi:role="line"
            id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="49.168594"
-           y="14.241333">1</tspan></text>
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197016;stroke-dasharray:none;stroke-opacity:1"
+           x="48.673653"
+           y="22.417608">1</tspan></text>
       <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.197016;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          id="path9448"
-         cx="-50.37851"
-         cy="-11.698981"
-         r="1.2760839"
+         cx="-50.467506"
+         cy="-19.472815"
+         r="1.7957822"
          transform="rotate(-178.67073)" />
       <path
          style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 50.097748,25.009402 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+         d="m 50.097748,34.534404 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
          id="path13743"
          sodipodi:nodetypes="cc" />
     </g>
-    <path
-       style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="m 31.492526,14.646476 36.989722,0.113523"
-       id="path548" />
-    <ellipse
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.104558;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="circle13613"
-       cx="13.690505"
-       cy="-38.537907"
-       transform="matrix(-0.02107702,0.99977785,-0.99966338,-0.02594463,0,0)"
-       rx="1.2327613"
-       ry="1.1111807" />
-    <text
-       xml:space="preserve"
-       style="font-size:2.41325px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.114;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-       x="37.391117"
-       y="15.959682"
-       id="text13723"
-       transform="rotate(-0.68318798)"><tspan
-         sodipodi:role="line"
-         id="tspan13721"
-         style="fill:#ffffff;fill-opacity:1;stroke-width:0.114;stroke-dasharray:none"
-         x="37.391117"
-         y="15.959682">2</tspan></text>
-    <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="m 51.113705,14.621666 c -2.146501,0.01635 -10.408471,0.0051 -10.408471,0.0051"
-       id="path13749"
-       sodipodi:nodetypes="cc" />
+    <g
+       id="g1010"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 31.492526,14.646476 36.989722,0.113523"
+         id="path548" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.153525;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle13613"
+         cx="13.666509"
+         cy="-38.295013"
+         transform="matrix(-0.02359428,0.99972162,-0.99973138,-0.02317688,0,0)"
+         rx="1.7108681"
+         ry="1.7261965" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.54345px;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.16739;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="34.712971"
+         y="17.022144"
+         id="text13723"
+         transform="matrix(1.0579865,-0.01126928,0.0126159,0.94505729,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan13721"
+           style="fill:#ffffff;fill-opacity:1;stroke-width:0.16739;stroke-dasharray:none"
+           x="34.712971"
+           y="17.022144">2</tspan></text>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 51.113705,14.621666 c -2.146501,0.01635 -10.408471,0.0051 -10.408471,0.0051"
+         id="path13749"
+         sodipodi:nodetypes="cc" />
+    </g>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/u.svg b/public/assets/capital-letter/u.svg
index 285f2ea..915394b 100755
--- a/public/assets/capital-letter/u.svg
+++ b/public/assets/capital-letter/u.svg
@@ -11,7 +11,7 @@
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="t_l1.svg"
+   sodipodi:docname="u.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -170,29 +170,30 @@
            y="0">3</tspan></text>
     </g>
     <path
-       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 32.268708,11.329463 C 32.026705,41.28471 29.19412,58.328236 50.141441,58.918939 70.369093,58.119536 66.682655,41.503576 67.029392,11.153713"
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 32.129709,11.184016 C 31.890877,39.244947 29.095415,55.21067 49.76821,55.764018 69.730767,55.015168 66.092642,39.449972 66.434835,11.01938"
        id="path127"
        sodipodi:nodetypes="ccc" />
     <text
        xml:space="preserve"
-       style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="31.162289"
-       y="15.161217"
+       style="font-size:4.21101px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.211214;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="29.806616"
+       y="14.967136"
        id="text9342"
-       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+       transform="matrix(1.0235803,-0.00749064,0.00786083,0.9769054,0,0)"><tspan
          sodipodi:role="line"
          id="tspan9340"
-         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-         x="31.162289"
-         y="15.161217">1</tspan></text>
-    <circle
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.211214;stroke-dasharray:none;stroke-opacity:1"
+         x="29.806616"
+         y="14.967136">1</tspan></text>
+    <ellipse
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.211214;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
        id="path9448"
-       cx="-32.416225"
-       cy="-13.174402"
-       r="1.2760839"
-       transform="rotate(-178.67073)" />
+       cx="-32.224003"
+       cy="-12.208508"
+       transform="matrix(-0.99975525,-0.02212345,0.0243248,-0.99970411,0,0)"
+       rx="1.9713711"
+       ry="1.8801012" />
     <path
        style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
        d="m 32.106076,26.596902 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
diff --git a/public/assets/capital-letter/v.svg b/public/assets/capital-letter/v.svg
index e9d2007..d8cbb41 100755
--- a/public/assets/capital-letter/v.svg
+++ b/public/assets/capital-letter/v.svg
@@ -11,7 +11,7 @@
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="t_l1.svg"
+   sodipodi:docname="v.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -147,37 +147,38 @@
            y="79.868111">4</tspan></text>
     </g>
     <path
-       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="m 32.939949,11.338033 c 0.05549,0.225147 13.456967,33.636249 14.037176,34.997886"
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7.97024;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 33.829025,12.414647 c 0.06795,0.326387 16.475508,48.761146 17.185864,50.735059"
        id="path127"
        sodipodi:nodetypes="cc" />
     <text
        xml:space="preserve"
-       style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="32.260372"
-       y="13.081046"
+       style="font-size:3.71851px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.186513;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="35.931389"
+       y="13.678384"
        id="text9342"
-       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+       transform="matrix(0.9186073,-0.00834662,0.00705467,1.0885404,0,0)"><tspan
          sodipodi:role="line"
          id="tspan9340"
-         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-         x="32.260372"
-         y="13.081046">1</tspan></text>
-    <circle
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.186513;stroke-dasharray:none;stroke-opacity:1"
+         x="35.931389"
+         y="13.678384">1</tspan></text>
+    <ellipse
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.186515;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
        id="path9448"
-       cx="-33.425175"
-       cy="-11.033753"
-       r="1.2760839"
-       transform="rotate(-178.67073)" />
+       cx="-34.349766"
+       cy="-12.152223"
+       transform="matrix(-0.99962277,-0.02746498,0.01959343,-0.99980803,0,0)"
+       rx="1.5624923"
+       ry="1.849746" />
     <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 37.780048,23.234805 C 36.971556,21.246319 33.928605,13.565126 33.928605,13.565126"
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.640934;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="M 39.754809,29.660929 C 38.764964,26.778298 35.039445,15.643176 35.039445,15.643176"
        id="path13743"
        sodipodi:nodetypes="cc" />
     <path
-       style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.63206;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 60.814146,11.295417 46.830701,46.41803"
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7.97024;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 67.955702,12.352867 50.835621,63.268737"
        id="path548" />
     <ellipse
        style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.104558;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@@ -193,33 +194,34 @@
        id="path13749"
        sodipodi:nodetypes="cc" />
     <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="m 55.996317,23.234805 c 0.808492,-1.988486 3.851443,-9.669679 3.851443,-9.669679"
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.640934;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="m 62.057182,29.660929 c 0.989846,-2.882631 4.715362,-14.017753 4.715362,-14.017753"
        id="path2647"
        sodipodi:nodetypes="cc" />
     <text
        xml:space="preserve"
-       style="font-size:2.40728px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.120744;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="60.986122"
-       y="12.926502"
+       style="font-size:3.20704px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.160858;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="74.07843"
+       y="13.534066"
        id="text2653"
-       transform="matrix(0.98266721,-0.00780251,0.00754663,1.0175786,0,0)"><tspan
+       transform="matrix(0.90306521,-0.00849028,0.0069353,1.1072745,0,0)"><tspan
          sodipodi:role="line"
          id="tspan2651"
-         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.120744;stroke-dasharray:none;stroke-opacity:1"
-         x="60.986122"
-         y="12.926502">2</tspan><tspan
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.160858;stroke-dasharray:none;stroke-opacity:1"
+         x="74.07843"
+         y="13.534066">2</tspan><tspan
          sodipodi:role="line"
-         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.120744;stroke-dasharray:none;stroke-opacity:1"
-         x="60.986122"
-         y="15.935602"
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.160858;stroke-dasharray:none;stroke-opacity:1"
+         x="74.07843"
+         y="17.542866"
          id="tspan2758" /></text>
-    <circle
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+    <ellipse
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.186515;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
        id="circle2655"
-       cx="-60.934528"
-       cy="-10.395414"
-       r="1.2760839"
-       transform="rotate(-178.67073)" />
+       cx="-68.033401"
+       cy="-11.226919"
+       transform="matrix(-0.99962277,-0.02746498,0.01959343,-0.99980803,0,0)"
+       rx="1.5624923"
+       ry="1.849746" />
   </g>
 </svg>
diff --git a/public/assets/capital-letter/v_l1.svg b/public/assets/capital-letter/v_l1.svg
index 90d47f0..ab2d0dd 100755
--- a/public/assets/capital-letter/v_l1.svg
+++ b/public/assets/capital-letter/v_l1.svg
@@ -11,7 +11,7 @@
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="t_l1.svg"
+   sodipodi:docname="v.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -146,35 +146,39 @@
            x="41.672253"
            y="79.868111">4</tspan></text>
     </g>
-    <path
-       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="m 32.939949,11.338033 c 0.05549,0.225147 13.456967,33.636249 14.037176,34.997886"
-       id="path127"
-       sodipodi:nodetypes="cc" />
-    <text
-       xml:space="preserve"
-       style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="32.260372"
-       y="13.081046"
-       id="text9342"
-       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-         sodipodi:role="line"
-         id="tspan9340"
-         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-         x="32.260372"
-         y="13.081046">1</tspan></text>
-    <circle
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="path9448"
-       cx="-33.425175"
-       cy="-11.033753"
-       r="1.2760839"
-       transform="rotate(-178.67073)" />
-    <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 37.780048,23.234805 C 36.971556,21.246319 33.928605,13.565126 33.928605,13.565126"
-       id="path13743"
-       sodipodi:nodetypes="cc" />
+    <g
+       id="g386">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7.97024;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 33.829025,12.414647 c 0.06795,0.326387 16.475508,48.761146 17.185864,50.735059"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.71851px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.186513;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="35.931389"
+         y="13.678384"
+         id="text9342"
+         transform="matrix(0.9186073,-0.00834662,0.00705467,1.0885404,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan9340"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.186513;stroke-dasharray:none;stroke-opacity:1"
+           x="35.931389"
+           y="13.678384">1</tspan></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.186515;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448"
+         cx="-34.349766"
+         cy="-12.152223"
+         transform="matrix(-0.99962277,-0.02746498,0.01959343,-0.99980803,0,0)"
+         rx="1.5624923"
+         ry="1.849746" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.640934;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 39.754809,29.660929 C 38.764964,26.778298 35.039445,15.643176 35.039445,15.643176"
+         id="path13743"
+         sodipodi:nodetypes="cc" />
+    </g>
     <ellipse
        style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.104558;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
        id="circle13613"
@@ -189,41 +193,42 @@
        id="path13749"
        sodipodi:nodetypes="cc" />
     <g
-       id="g2939"
+       id="g394"
        style="display:none">
       <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.63206;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 60.814146,11.295417 46.830701,46.41803"
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7.97024;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 67.955702,12.352867 50.835621,63.268737"
          id="path548" />
       <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 55.996317,23.234805 c 0.808492,-1.988486 3.851443,-9.669679 3.851443,-9.669679"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.640934;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 62.057182,29.660929 c 0.989846,-2.882631 4.715362,-14.017753 4.715362,-14.017753"
          id="path2647"
          sodipodi:nodetypes="cc" />
       <text
          xml:space="preserve"
-         style="font-size:2.40728px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.120744;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="60.986122"
-         y="12.926502"
+         style="font-size:3.20704px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.160858;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="74.07843"
+         y="13.534066"
          id="text2653"
-         transform="matrix(0.98266721,-0.00780251,0.00754663,1.0175786,0,0)"><tspan
+         transform="matrix(0.90306521,-0.00849028,0.0069353,1.1072745,0,0)"><tspan
            sodipodi:role="line"
            id="tspan2651"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.120744;stroke-dasharray:none;stroke-opacity:1"
-           x="60.986122"
-           y="12.926502">2</tspan><tspan
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.160858;stroke-dasharray:none;stroke-opacity:1"
+           x="74.07843"
+           y="13.534066">2</tspan><tspan
            sodipodi:role="line"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.120744;stroke-dasharray:none;stroke-opacity:1"
-           x="60.986122"
-           y="15.935602"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.160858;stroke-dasharray:none;stroke-opacity:1"
+           x="74.07843"
+           y="17.542866"
            id="tspan2758" /></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.186515;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          id="circle2655"
-         cx="-60.934528"
-         cy="-10.395414"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
+         cx="-68.033401"
+         cy="-11.226919"
+         transform="matrix(-0.99962277,-0.02746498,0.01959343,-0.99980803,0,0)"
+         rx="1.5624923"
+         ry="1.849746" />
     </g>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/v_l2.svg b/public/assets/capital-letter/v_l2.svg
index 49db3e9..2d2c2c6 100755
--- a/public/assets/capital-letter/v_l2.svg
+++ b/public/assets/capital-letter/v_l2.svg
@@ -11,7 +11,7 @@
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="t_l1.svg"
+   sodipodi:docname="v.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -147,35 +147,36 @@
            y="79.868111">4</tspan></text>
     </g>
     <g
-       id="g3072"
+       id="g386"
        style="display:none">
       <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 32.939949,11.338033 c 0.05549,0.225147 13.456967,33.636249 14.037176,34.997886"
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7.97024;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 33.829025,12.414647 c 0.06795,0.326387 16.475508,48.761146 17.185864,50.735059"
          id="path127"
          sodipodi:nodetypes="cc" />
       <text
          xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="32.260372"
-         y="13.081046"
+         style="font-size:3.71851px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.186513;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="35.931389"
+         y="13.678384"
          id="text9342"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+         transform="matrix(0.9186073,-0.00834662,0.00705467,1.0885404,0,0)"><tspan
            sodipodi:role="line"
            id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-           x="32.260372"
-           y="13.081046">1</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.186513;stroke-dasharray:none;stroke-opacity:1"
+           x="35.931389"
+           y="13.678384">1</tspan></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.186515;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          id="path9448"
-         cx="-33.425175"
-         cy="-11.033753"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
+         cx="-34.349766"
+         cy="-12.152223"
+         transform="matrix(-0.99962277,-0.02746498,0.01959343,-0.99980803,0,0)"
+         rx="1.5624923"
+         ry="1.849746" />
       <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="M 37.780048,23.234805 C 36.971556,21.246319 33.928605,13.565126 33.928605,13.565126"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.640934;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 39.754809,29.660929 C 38.764964,26.778298 35.039445,15.643176 35.039445,15.643176"
          id="path13743"
          sodipodi:nodetypes="cc" />
     </g>
@@ -193,41 +194,42 @@
        id="path13749"
        sodipodi:nodetypes="cc" />
     <g
-       id="g2939"
+       id="g394"
        style="display:inline">
       <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.63206;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 60.814146,11.295417 46.830701,46.41803"
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:7.97024;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 67.955702,12.352867 50.835621,63.268737"
          id="path548" />
       <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 55.996317,23.234805 c 0.808492,-1.988486 3.851443,-9.669679 3.851443,-9.669679"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.640934;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 62.057182,29.660929 c 0.989846,-2.882631 4.715362,-14.017753 4.715362,-14.017753"
          id="path2647"
          sodipodi:nodetypes="cc" />
       <text
          xml:space="preserve"
-         style="font-size:2.40728px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.120744;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="60.986122"
-         y="12.926502"
+         style="font-size:3.20704px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.160858;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="74.07843"
+         y="13.534066"
          id="text2653"
-         transform="matrix(0.98266721,-0.00780251,0.00754663,1.0175786,0,0)"><tspan
+         transform="matrix(0.90306521,-0.00849028,0.0069353,1.1072745,0,0)"><tspan
            sodipodi:role="line"
            id="tspan2651"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.120744;stroke-dasharray:none;stroke-opacity:1"
-           x="60.986122"
-           y="12.926502">2</tspan><tspan
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.160858;stroke-dasharray:none;stroke-opacity:1"
+           x="74.07843"
+           y="13.534066">2</tspan><tspan
            sodipodi:role="line"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.120744;stroke-dasharray:none;stroke-opacity:1"
-           x="60.986122"
-           y="15.935602"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.160858;stroke-dasharray:none;stroke-opacity:1"
+           x="74.07843"
+           y="17.542866"
            id="tspan2758" /></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.186515;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
          id="circle2655"
-         cx="-60.934528"
-         cy="-10.395414"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
+         cx="-68.033401"
+         cy="-11.226919"
+         transform="matrix(-0.99962277,-0.02746498,0.01959343,-0.99980803,0,0)"
+         rx="1.5624923"
+         ry="1.849746" />
     </g>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/w.svg b/public/assets/capital-letter/w.svg
index 8c3abe2..7036bae 100755
--- a/public/assets/capital-letter/w.svg
+++ b/public/assets/capital-letter/w.svg
@@ -7,7 +7,7 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="l_l2.svg"
+   inkscape:export-filename="w.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
@@ -53,17 +53,17 @@
        id="guide67"
        inkscape:locked="false" />
     <sodipodi:guide
-       position="45.843238,25.664552"
+       position="48.326066,26.477187"
        orientation="0,-1"
        id="guide69"
        inkscape:locked="false" />
     <sodipodi:guide
-       position="58.298235,90.013389"
+       position="41.348506,94.185366"
        orientation="0,-1"
        id="guide71"
        inkscape:locked="false" />
     <sodipodi:guide
-       position="75.035526,115.88828"
+       position="81.571718,27.624258"
        orientation="1,0"
        id="guide550"
        inkscape:locked="false" />
@@ -105,176 +105,228 @@
      inkscape:groupmode="layer"
      id="layer1"
      style="display:inline">
-    <path
-       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 36.528589,76.633785 C 36.273654,77.773031 26.129673,9.38668 26.129673,9.38668"
-       id="path127"
-       sodipodi:nodetypes="cc" />
-    <text
-       xml:space="preserve"
-       style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="25.600216"
-       y="12.34782"
-       id="text9342"
-       transform="matrix(0.99960352,0.00321601,-0.00321854,1.0003863,0,0)"><tspan
-         sodipodi:role="line"
-         id="tspan9340"
-         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-         x="25.600216"
-         y="12.34782">1</tspan></text>
-    <circle
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="path9448"
-       cx="-27.39192"
-       cy="-8.6904173"
-       r="1.2760839"
-       transform="rotate(-174.16582)" />
-    <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 28.567521,23.594526 C 28.189417,21.481525 26.66088,13.362173 26.66088,13.362173"
-       id="path13743"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 36.502137,76.727184 50.890169,9.2914059"
-       id="path1108"
-       sodipodi:nodetypes="cc" />
     <g
-       id="g21551"
-       transform="rotate(-34.110499,150.22437,76.26651)">
+       id="g1955"
+       style="display:inline">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:6.78922;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 36.990011,69.282092 C 36.721826,70.300813 26.050589,9.1493222 26.050589,9.1493222"
+         id="path127"
+         sodipodi:nodetypes="cc" />
       <text
          xml:space="preserve"
-         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="54.113926"
-         y="-23.497944"
-         id="text15678"
-         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+         style="font-size:3.12091px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.156537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="24.853783"
+         y="11.936646"
+         id="text9342"
+         transform="matrix(1.0175292,0.00315936,-0.00327625,0.98276263,0,0)"><tspan
            sodipodi:role="line"
-           id="tspan15676"
-           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
-           x="54.113926"
-           y="-23.497944">2</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle15680"
-         cx="-54.018658"
-         cy="25.946033"
-         r="1.2760839"
-         transform="rotate(-144.24458)" />
-    </g>
-    <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 40.517036,60.903915 C 40.024359,62.993176 38.20056,71.051343 38.20056,71.051343"
-       id="path15682"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.29958699"
-       inkscape:transform-center-y="0.95870071" />
-    <g
-       id="g2923"
-       style="display:inline;fill:none;fill-opacity:1;stroke:#de0029;stroke-opacity:1"
-       transform="matrix(1,0,0,-1,0,85.564005)">
+           id="tspan9340"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.156537;stroke-dasharray:none;stroke-opacity:1"
+           x="24.853783"
+           y="11.936646">1</tspan></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.156541;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448"
+         cx="-27.161812"
+         cy="-8.0847635"
+         transform="matrix(-0.99517315,-0.09813461,0.10528814,-0.99444176,0,0)"
+         rx="1.4518965"
+         ry="1.4022218" />
       <path
-         style="display:inline;fill:none;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 50.872907,76.316352 63.354702,9.1213771"
-         id="path1106"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 28.61515,21.854065 C 28.217393,19.964607 26.609407,12.704232 26.609407,12.704232"
+         id="path13743"
+         sodipodi:nodetypes="cc" />
+    </g>
+    <g
+       id="g1948"
+       style="display:inline">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 41.185764,55.216346 c -0.518284,1.868231 -2.436879,9.073892 -2.436879,9.073892"
+         id="path15682"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.31515868"
+         inkscape:transform-center-y="0.85727554" />
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:6.78922;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 36.962184,69.36561 52.098064,9.0641276"
+         id="path1108"
          sodipodi:nodetypes="cc" />
       <g
-         id="g21538"
-         transform="matrix(1.1264863,0.11756911,0.12908962,-1.0259538,-25.105273,145.05901)"
-         style="display:inline;fill:none;fill-opacity:1;stroke:#de0029;stroke-opacity:1">
-        <ellipse
-           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#de0029;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-           id="circle9582"
-           cx="-74.661598"
-           cy="60.70055"
-           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
-           rx="1.2146922"
-           ry="1.1834064" />
+         id="g21551"
+         transform="matrix(1.0226012,-0.71297787,0.69262637,1.0526484,-29.520705,97.51591)">
         <text
            xml:space="preserve"
-           style="font-size:2.14253px;display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#de0029;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-           x="59.531094"
-           y="75.579971"
-           id="text9714"
-           transform="scale(0.98702867,1.0131418)"><tspan
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="54.113926"
+           y="-23.497944"
+           id="text15678"
+           transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
              sodipodi:role="line"
-             id="tspan9712"
-             style="fill:none;fill-opacity:1;stroke:#de0029;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-             x="59.531094"
-             y="75.579971">3</tspan></text>
+             id="tspan15676"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="54.113926"
+             y="-23.497944">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15680"
+           cx="-54.018658"
+           cy="25.946033"
+           r="1.2760839"
+           transform="rotate(-144.24458)" />
       </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 41.185766,55.216346 c -0.518285,1.868231 -2.436879,9.073893 -2.436879,9.073893"
+         id="path332"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.30342756"
+         inkscape:transform-center-y="0.87098558" />
+    </g>
+    <g
+       id="g2012"
+       style="display:inline">
+      <g
+         id="g2000"
+         transform="matrix(1.0386614,0,0,0.98425938,-0.95617645,0.25716002)">
+        <path
+           style="display:inline;fill:none;fill-opacity:1;stroke:#de0029;stroke-width:6.71472;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="M 51.061955,8.99943 63.703767,70.046504"
+           id="path1998"
+           sodipodi:nodetypes="cc" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 54.691701,20.617869 C 54.293944,18.728411 52.685958,11.468038 52.685958,11.468038"
+         id="path2002"
+         sodipodi:nodetypes="cc" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.80192px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="50.617058"
+         y="10.4682"
+         id="text2008"
+         transform="matrix(1.0096977,-0.00214198,0.00218715,0.9903908,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan2004"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-dasharray:none;stroke-opacity:1"
+           x="50.617058"
+           y="10.4682">3</tspan><tspan
+           sodipodi:role="line"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-dasharray:none;stroke-opacity:1"
+           x="50.617058"
+           y="13.9706"
+           id="tspan2006" /></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.169411;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="ellipse2010"
+         cx="-52.237259"
+         cy="-7.8817549"
+         transform="matrix(-0.99960414,-0.02813487,0.02928733,-0.99957103,0,0)"
+         rx="1.5597225"
+         ry="1.528752" />
+    </g>
+    <g
+       id="g2080"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:6.75814;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 65.242051,69.248455 77.108307,9.0158542"
+         id="path2032"
+         sodipodi:nodetypes="cc" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="65.676941"
+         y="67.2304"
+         id="text2038"
+         transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan2034"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="67.2304">4</tspan><tspan
+           sodipodi:role="line"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="71.060791"
+           id="tspan2036" /></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.185276;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="ellipse2040"
+         cx="-67.276459"
+         cy="-65.420937"
+         transform="matrix(-0.99955468,-0.02984032,0.02761343,-0.99961868,0,0)"
+         rx="1.6563584"
+         ry="1.721797" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="65.676941"
+         y="67.2304"
+         id="text2046"
+         transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan2042"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="67.2304">4</tspan><tspan
+           sodipodi:role="line"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="71.060791"
+           id="tspan2044" /></text>
+      <text
+         xml:space="preserve"
+         style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="65.676941"
+         y="67.2304"
+         id="text2052"
+         transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan2048"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="67.2304">4</tspan><tspan
+           sodipodi:role="line"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="71.060791"
+           id="tspan2050" /></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.185276;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="ellipse2054"
+         cx="-67.276459"
+         cy="-65.420937"
+         transform="matrix(-0.99955468,-0.02984032,0.02761343,-0.99961868,0,0)"
+         rx="1.6563584"
+         ry="1.721797" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.468122;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 68.4465,56.005897 c -0.51746,1.883378 -2.43297,9.147462 -2.43297,9.147462"
+         id="path2056"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.30342762"
+         inkscape:transform-center-y="0.87098558" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="65.676941"
+         y="67.2304"
+         id="text2062"
+         transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan2058"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="67.2304">4</tspan><tspan
+           sodipodi:role="line"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="71.060791"
+           id="tspan2060" /></text>
     </g>
-    <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 53.638952,23.259516 C 53.260848,21.146515 51.732311,13.027163 51.732311,13.027163"
-       id="path330"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 40.517036,60.903915 C 40.024359,62.993176 38.20056,71.051343 38.20056,71.051343"
-       id="path332"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.29958699"
-       inkscape:transform-center-y="0.95870071" />
-    <path
-       style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 63.384965,76.425194 74.631503,8.2434807"
-       id="path9026"
-       sodipodi:nodetypes="cc" />
-    <text
-       xml:space="preserve"
-       style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="50.617466"
-       y="11.429704"
-       id="text10678"
-       transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
-         sodipodi:role="line"
-         id="tspan10676"
-         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
-         x="50.617466"
-         y="11.429704">3</tspan><tspan
-         sodipodi:role="line"
-         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
-         x="50.617466"
-         y="14.324066"
-         id="tspan10789" /></text>
-    <circle
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="circle10680"
-       cx="-51.603828"
-       cy="-9.086525"
-       r="1.2760839"
-       transform="rotate(-178.35508)" />
-    <text
-       xml:space="preserve"
-       style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="62.91116"
-       y="73.848625"
-       id="text10793"
-       transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
-         sodipodi:role="line"
-         id="tspan10791"
-         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
-         x="62.91116"
-         y="73.848625">4</tspan><tspan
-         sodipodi:role="line"
-         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
-         x="62.91116"
-         y="76.742989"
-         id="tspan10804" /></text>
-    <circle
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="circle10795"
-       cx="-65.814407"
-       cy="-71.120781"
-       r="1.2760839"
-       transform="rotate(-178.35508)" />
-    <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="m 66.446219,60.903915 c -0.492677,2.089261 -2.316476,10.147428 -2.316476,10.147428"
-       id="path10799"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.29958699"
-       inkscape:transform-center-y="0.95870071" />
   </g>
 </svg>
diff --git a/public/assets/capital-letter/w_l1.svg b/public/assets/capital-letter/w_l1.svg
index f2faa40..9888527 100755
--- a/public/assets/capital-letter/w_l1.svg
+++ b/public/assets/capital-letter/w_l1.svg
@@ -7,7 +7,7 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="l_l2.svg"
+   inkscape:export-filename="W_l1.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
@@ -53,17 +53,17 @@
        id="guide67"
        inkscape:locked="false" />
     <sodipodi:guide
-       position="45.843238,25.664552"
+       position="48.326066,26.477187"
        orientation="0,-1"
        id="guide69"
        inkscape:locked="false" />
     <sodipodi:guide
-       position="58.298235,90.013389"
+       position="41.348506,94.185366"
        orientation="0,-1"
        id="guide71"
        inkscape:locked="false" />
     <sodipodi:guide
-       position="75.035526,115.88828"
+       position="81.571718,27.624258"
        orientation="1,0"
        id="guide550"
        inkscape:locked="false" />
@@ -105,152 +105,228 @@
      inkscape:groupmode="layer"
      id="layer1"
      style="display:inline">
-    <path
-       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 36.528589,76.633785 C 36.273654,77.773031 26.129673,9.38668 26.129673,9.38668"
-       id="path127"
-       sodipodi:nodetypes="cc" />
-    <text
-       xml:space="preserve"
-       style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="25.600216"
-       y="12.34782"
-       id="text9342"
-       transform="matrix(0.99960352,0.00321601,-0.00321854,1.0003863,0,0)"><tspan
-         sodipodi:role="line"
-         id="tspan9340"
-         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-         x="25.600216"
-         y="12.34782">1</tspan></text>
-    <circle
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="path9448"
-       cx="-27.39192"
-       cy="-8.6904173"
-       r="1.2760839"
-       transform="rotate(-174.16582)" />
-    <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 28.567521,23.594526 C 28.189417,21.481525 26.66088,13.362173 26.66088,13.362173"
-       id="path13743"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="display:none;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 36.791767,76.957835 51.179799,9.522057"
-       id="path1108"
-       sodipodi:nodetypes="cc" />
     <g
-       id="g21551"
-       transform="rotate(-34.110499,150.22437,76.26651)"
-       style="display:none">
+       id="g1955"
+       style="display:inline">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:6.78922;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 36.990011,69.282092 C 36.721826,70.300813 26.050589,9.1493222 26.050589,9.1493222"
+         id="path127"
+         sodipodi:nodetypes="cc" />
       <text
          xml:space="preserve"
-         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="54.113926"
-         y="-23.497944"
-         id="text15678"
-         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+         style="font-size:3.12091px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.156537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="24.853783"
+         y="11.936646"
+         id="text9342"
+         transform="matrix(1.0175292,0.00315936,-0.00327625,0.98276263,0,0)"><tspan
            sodipodi:role="line"
-           id="tspan15676"
-           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
-           x="54.113926"
-           y="-23.497944">2</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle15680"
-         cx="-54.018658"
-         cy="25.946033"
-         r="1.2760839"
-         transform="rotate(-144.24458)" />
-    </g>
-    <path
-       style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 40.517036,60.903915 C 40.024359,62.993176 38.20056,71.051343 38.20056,71.051343"
-       id="path15682"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.29958699"
-       inkscape:transform-center-y="0.95870071" />
-    <g
-       id="g2923"
-       style="display:none"
-       transform="matrix(1,0,0,-1,0,85.564005)">
+           id="tspan9340"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.156537;stroke-dasharray:none;stroke-opacity:1"
+           x="24.853783"
+           y="11.936646">1</tspan></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.156541;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448"
+         cx="-27.161812"
+         cy="-8.0847635"
+         transform="matrix(-0.99517315,-0.09813461,0.10528814,-0.99444176,0,0)"
+         rx="1.4518965"
+         ry="1.4022218" />
       <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 51.100614,76.117198 63.354702,9.1213771"
-         id="path1106"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 28.61515,21.854065 C 28.217393,19.964607 26.609407,12.704232 26.609407,12.704232"
+         id="path13743"
+         sodipodi:nodetypes="cc" />
+    </g>
+    <g
+       id="g1948"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 41.185764,55.216346 c -0.518284,1.868231 -2.436879,9.073892 -2.436879,9.073892"
+         id="path15682"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.31515868"
+         inkscape:transform-center-y="0.85727554" />
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:6.78922;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 36.962184,69.36561 52.098064,9.0641276"
+         id="path1108"
          sodipodi:nodetypes="cc" />
       <g
-         id="g21538"
-         transform="matrix(1.1264863,0.11756911,0.12908962,-1.0259538,-25.105273,145.05901)"
-         style="display:inline">
-        <ellipse
-           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-           id="circle9582"
-           cx="-74.661598"
-           cy="60.70055"
-           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
-           rx="1.2146922"
-           ry="1.1834064" />
+         id="g21551"
+         transform="matrix(1.0226012,-0.71297787,0.69262637,1.0526484,-29.520705,97.51591)">
         <text
            xml:space="preserve"
-           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-           x="59.531094"
-           y="75.579971"
-           id="text9714"
-           transform="scale(0.98702867,1.0131418)"><tspan
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="54.113926"
+           y="-23.497944"
+           id="text15678"
+           transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
              sodipodi:role="line"
-             id="tspan9712"
-             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-             x="59.531094"
-             y="75.579971">3</tspan></text>
+             id="tspan15676"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="54.113926"
+             y="-23.497944">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15680"
+           cx="-54.018658"
+           cy="25.946033"
+           r="1.2760839"
+           transform="rotate(-144.24458)" />
       </g>
-    </g>
-    <path
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 53.638952,23.259516 C 53.260848,21.146515 51.732311,13.027163 51.732311,13.027163"
-       id="path330"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 40.517036,60.903915 C 40.024359,62.993176 38.20056,71.051343 38.20056,71.051343"
-       id="path332"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.29958699"
-       inkscape:transform-center-y="0.95870071" />
-    <g
-       id="g460"
-       style="display:none">
       <path
-         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 74.505969,9.235039 c 0.02459,0.303469 -10.968822,67.29474 -10.968822,67.29474"
-         id="path15674"
-         sodipodi:nodetypes="cc" />
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 66.446219,60.903915 c -0.492677,2.089261 -2.316476,10.147428 -2.316476,10.147428"
-         id="path340"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 41.185766,55.216346 c -0.518285,1.868231 -2.436879,9.073893 -2.436879,9.073893"
+         id="path332"
          sodipodi:nodetypes="cc"
-         inkscape:transform-center-x="0.29958699"
-         inkscape:transform-center-y="0.95870071" />
+         inkscape:transform-center-x="0.30342756"
+         inkscape:transform-center-y="0.87098558" />
+    </g>
+    <g
+       id="g2012"
+       style="display:none">
+      <g
+         id="g2000"
+         transform="matrix(1.0386614,0,0,0.98425938,-0.95617645,0.25716002)">
+        <path
+           style="display:inline;fill:none;fill-opacity:1;stroke:#de0029;stroke-width:6.71472;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="M 51.061955,8.99943 63.703767,70.046504"
+           id="path1998"
+           sodipodi:nodetypes="cc" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 54.691701,20.617869 C 54.293944,18.728411 52.685958,11.468038 52.685958,11.468038"
+         id="path2002"
+         sodipodi:nodetypes="cc" />
       <text
          xml:space="preserve"
-         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="62.785896"
-         y="73.803139"
-         id="text344"
-         transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+         style="font-size:2.80192px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="50.617058"
+         y="10.4682"
+         id="text2008"
+         transform="matrix(1.0096977,-0.00214198,0.00218715,0.9903908,0,0)"><tspan
            sodipodi:role="line"
-           id="tspan342"
-           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
-           x="62.785896"
-           y="73.803139">4</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle346"
-         cx="-65.687851"
-         cy="-71.079163"
-         r="1.2760839"
-         transform="rotate(-178.35508)" />
+           id="tspan2004"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-dasharray:none;stroke-opacity:1"
+           x="50.617058"
+           y="10.4682">3</tspan><tspan
+           sodipodi:role="line"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-dasharray:none;stroke-opacity:1"
+           x="50.617058"
+           y="13.9706"
+           id="tspan2006" /></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.169411;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="ellipse2010"
+         cx="-52.237259"
+         cy="-7.8817549"
+         transform="matrix(-0.99960414,-0.02813487,0.02928733,-0.99957103,0,0)"
+         rx="1.5597225"
+         ry="1.528752" />
+    </g>
+    <g
+       id="g2080"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:6.75814;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 65.242051,69.248455 77.108307,9.0158542"
+         id="path2032"
+         sodipodi:nodetypes="cc" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="65.676941"
+         y="67.2304"
+         id="text2038"
+         transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan2034"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="67.2304">4</tspan><tspan
+           sodipodi:role="line"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="71.060791"
+           id="tspan2036" /></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.185276;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="ellipse2040"
+         cx="-67.276459"
+         cy="-65.420937"
+         transform="matrix(-0.99955468,-0.02984032,0.02761343,-0.99961868,0,0)"
+         rx="1.6563584"
+         ry="1.721797" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="65.676941"
+         y="67.2304"
+         id="text2046"
+         transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan2042"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="67.2304">4</tspan><tspan
+           sodipodi:role="line"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="71.060791"
+           id="tspan2044" /></text>
+      <text
+         xml:space="preserve"
+         style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="65.676941"
+         y="67.2304"
+         id="text2052"
+         transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan2048"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="67.2304">4</tspan><tspan
+           sodipodi:role="line"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="71.060791"
+           id="tspan2050" /></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.185276;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="ellipse2054"
+         cx="-67.276459"
+         cy="-65.420937"
+         transform="matrix(-0.99955468,-0.02984032,0.02761343,-0.99961868,0,0)"
+         rx="1.6563584"
+         ry="1.721797" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.468122;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 68.4465,56.005897 c -0.51746,1.883378 -2.43297,9.147462 -2.43297,9.147462"
+         id="path2056"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.30342762"
+         inkscape:transform-center-y="0.87098558" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="65.676941"
+         y="67.2304"
+         id="text2062"
+         transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan2058"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="67.2304">4</tspan><tspan
+           sodipodi:role="line"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="71.060791"
+           id="tspan2060" /></text>
     </g>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/w_l2.svg b/public/assets/capital-letter/w_l2.svg
index 8e5445a..1ff037c 100755
--- a/public/assets/capital-letter/w_l2.svg
+++ b/public/assets/capital-letter/w_l2.svg
@@ -7,11 +7,11 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="w_l1.png"
+   inkscape:export-filename="W_l2.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="w_l2.svg"
+   sodipodi:docname="w.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -53,17 +53,17 @@
        id="guide67"
        inkscape:locked="false" />
     <sodipodi:guide
-       position="45.843238,25.664552"
+       position="48.326066,26.477187"
        orientation="0,-1"
        id="guide69"
        inkscape:locked="false" />
     <sodipodi:guide
-       position="58.298235,90.013389"
+       position="41.348506,94.185366"
        orientation="0,-1"
        id="guide71"
        inkscape:locked="false" />
     <sodipodi:guide
-       position="75.035526,115.88828"
+       position="81.571718,27.624258"
        orientation="1,0"
        id="guide550"
        inkscape:locked="false" />
@@ -105,140 +105,228 @@
      inkscape:groupmode="layer"
      id="layer1"
      style="display:inline">
-    <path
-       style="display:none;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 36.528589,76.633785 C 36.273654,77.773031 26.129673,9.38668 26.129673,9.38668"
-       id="path127"
-       sodipodi:nodetypes="cc" />
-    <circle
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="path9448"
-       cx="-27.39192"
-       cy="-8.6904173"
-       r="1.2760839"
-       transform="rotate(-174.16582)" />
-    <path
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 28.567521,23.594526 C 28.189417,21.481525 26.66088,13.362173 26.66088,13.362173"
-       id="path13743"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 36.791767,76.957835 51.179799,9.522057"
-       id="path1108"
-       sodipodi:nodetypes="cc" />
     <g
-       id="g21551"
-       transform="rotate(-34.110499,150.22437,76.26651)"
-       style="display:inline">
-      <text
-         xml:space="preserve"
-         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="54.113926"
-         y="-23.497944"
-         id="text15678"
-         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
-           sodipodi:role="line"
-           id="tspan15676"
-           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
-           x="54.113926"
-           y="-23.497944">2</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle15680"
-         cx="-54.018658"
-         cy="25.946033"
-         r="1.2760839"
-         transform="rotate(-144.24458)" />
-    </g>
-    <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 40.517036,60.903915 C 40.024359,62.993176 38.20056,71.051343 38.20056,71.051343"
-       id="path15682"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.29958699"
-       inkscape:transform-center-y="0.95870071" />
-    <g
-       id="g2923"
-       style="display:none"
-       transform="matrix(1,0,0,-1,0,85.564005)">
-      <path
-         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 51.100614,76.117198 63.354702,9.1213771"
-         id="path1106"
-         sodipodi:nodetypes="cc" />
-      <g
-         id="g21538"
-         transform="matrix(1.1264863,0.11756911,0.12908962,-1.0259538,-25.105273,145.05901)"
-         style="display:inline">
-        <ellipse
-           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-           id="circle9582"
-           cx="-74.661598"
-           cy="60.70055"
-           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
-           rx="1.2146922"
-           ry="1.1834064" />
-        <text
-           xml:space="preserve"
-           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-           x="59.531094"
-           y="75.579971"
-           id="text9714"
-           transform="scale(0.98702867,1.0131418)"><tspan
-             sodipodi:role="line"
-             id="tspan9712"
-             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-             x="59.531094"
-             y="75.579971">3</tspan></text>
-      </g>
-    </g>
-    <path
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 53.638952,23.259516 C 53.260848,21.146515 51.732311,13.027163 51.732311,13.027163"
-       id="path330"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 40.517036,60.903915 C 40.024359,62.993176 38.20056,71.051343 38.20056,71.051343"
-       id="path332"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.29958699"
-       inkscape:transform-center-y="0.95870071" />
-    <g
-       id="g460"
+       id="g1955"
        style="display:none">
       <path
-         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 74.505969,9.235039 c 0.02459,0.303469 -10.968822,67.29474 -10.968822,67.29474"
-         id="path15674"
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:6.78922;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 36.990011,69.282092 C 36.721826,70.300813 26.050589,9.1493222 26.050589,9.1493222"
+         id="path127"
          sodipodi:nodetypes="cc" />
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 66.446219,60.903915 c -0.492677,2.089261 -2.316476,10.147428 -2.316476,10.147428"
-         id="path340"
-         sodipodi:nodetypes="cc"
-         inkscape:transform-center-x="0.29958699"
-         inkscape:transform-center-y="0.95870071" />
       <text
          xml:space="preserve"
-         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="62.785896"
-         y="73.803139"
-         id="text344"
-         transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+         style="font-size:3.12091px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.156537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="24.853783"
+         y="11.936646"
+         id="text9342"
+         transform="matrix(1.0175292,0.00315936,-0.00327625,0.98276263,0,0)"><tspan
            sodipodi:role="line"
-           id="tspan342"
-           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
-           x="62.785896"
-           y="73.803139">4</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle346"
-         cx="-65.687851"
-         cy="-71.079163"
-         r="1.2760839"
-         transform="rotate(-178.35508)" />
+           id="tspan9340"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.156537;stroke-dasharray:none;stroke-opacity:1"
+           x="24.853783"
+           y="11.936646">1</tspan></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.156541;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448"
+         cx="-27.161812"
+         cy="-8.0847635"
+         transform="matrix(-0.99517315,-0.09813461,0.10528814,-0.99444176,0,0)"
+         rx="1.4518965"
+         ry="1.4022218" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 28.61515,21.854065 C 28.217393,19.964607 26.609407,12.704232 26.609407,12.704232"
+         id="path13743"
+         sodipodi:nodetypes="cc" />
+    </g>
+    <g
+       id="g1948"
+       style="display:inline">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 41.185764,55.216346 c -0.518284,1.868231 -2.436879,9.073892 -2.436879,9.073892"
+         id="path15682"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.31515868"
+         inkscape:transform-center-y="0.85727554" />
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:6.78922;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 36.962184,69.36561 52.098064,9.0641276"
+         id="path1108"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g21551"
+         transform="matrix(1.0226012,-0.71297787,0.69262637,1.0526484,-29.520705,97.51591)">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="54.113926"
+           y="-23.497944"
+           id="text15678"
+           transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan15676"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="54.113926"
+             y="-23.497944">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15680"
+           cx="-54.018658"
+           cy="25.946033"
+           r="1.2760839"
+           transform="rotate(-144.24458)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 41.185766,55.216346 c -0.518285,1.868231 -2.436879,9.073893 -2.436879,9.073893"
+         id="path332"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.30342756"
+         inkscape:transform-center-y="0.87098558" />
+    </g>
+    <g
+       id="g2012"
+       style="display:none">
+      <g
+         id="g2000"
+         transform="matrix(1.0386614,0,0,0.98425938,-0.95617645,0.25716002)">
+        <path
+           style="display:inline;fill:none;fill-opacity:1;stroke:#de0029;stroke-width:6.71472;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="M 51.061955,8.99943 63.703767,70.046504"
+           id="path1998"
+           sodipodi:nodetypes="cc" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 54.691701,20.617869 C 54.293944,18.728411 52.685958,11.468038 52.685958,11.468038"
+         id="path2002"
+         sodipodi:nodetypes="cc" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.80192px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="50.617058"
+         y="10.4682"
+         id="text2008"
+         transform="matrix(1.0096977,-0.00214198,0.00218715,0.9903908,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan2004"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-dasharray:none;stroke-opacity:1"
+           x="50.617058"
+           y="10.4682">3</tspan><tspan
+           sodipodi:role="line"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-dasharray:none;stroke-opacity:1"
+           x="50.617058"
+           y="13.9706"
+           id="tspan2006" /></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.169411;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="ellipse2010"
+         cx="-52.237259"
+         cy="-7.8817549"
+         transform="matrix(-0.99960414,-0.02813487,0.02928733,-0.99957103,0,0)"
+         rx="1.5597225"
+         ry="1.528752" />
+    </g>
+    <g
+       id="g2080"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:6.75814;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 65.242051,69.248455 77.108307,9.0158542"
+         id="path2032"
+         sodipodi:nodetypes="cc" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="65.676941"
+         y="67.2304"
+         id="text2038"
+         transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan2034"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="67.2304">4</tspan><tspan
+           sodipodi:role="line"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="71.060791"
+           id="tspan2036" /></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.185276;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="ellipse2040"
+         cx="-67.276459"
+         cy="-65.420937"
+         transform="matrix(-0.99955468,-0.02984032,0.02761343,-0.99961868,0,0)"
+         rx="1.6563584"
+         ry="1.721797" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="65.676941"
+         y="67.2304"
+         id="text2046"
+         transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan2042"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="67.2304">4</tspan><tspan
+           sodipodi:role="line"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="71.060791"
+           id="tspan2044" /></text>
+      <text
+         xml:space="preserve"
+         style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="65.676941"
+         y="67.2304"
+         id="text2052"
+         transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan2048"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="67.2304">4</tspan><tspan
+           sodipodi:role="line"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="71.060791"
+           id="tspan2050" /></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.185276;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="ellipse2054"
+         cx="-67.276459"
+         cy="-65.420937"
+         transform="matrix(-0.99955468,-0.02984032,0.02761343,-0.99961868,0,0)"
+         rx="1.6563584"
+         ry="1.721797" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.468122;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 68.4465,56.005897 c -0.51746,1.883378 -2.43297,9.147462 -2.43297,9.147462"
+         id="path2056"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.30342762"
+         inkscape:transform-center-y="0.87098558" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="65.676941"
+         y="67.2304"
+         id="text2062"
+         transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan2058"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="67.2304">4</tspan><tspan
+           sodipodi:role="line"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="71.060791"
+           id="tspan2060" /></text>
     </g>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/w_l3.svg b/public/assets/capital-letter/w_l3.svg
index de89189..1c5b34f 100755
--- a/public/assets/capital-letter/w_l3.svg
+++ b/public/assets/capital-letter/w_l3.svg
@@ -7,11 +7,11 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="w_l2.svg"
+   inkscape:export-filename="W_l3.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="w_l3.svg"
+   sodipodi:docname="w.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -53,17 +53,17 @@
        id="guide67"
        inkscape:locked="false" />
     <sodipodi:guide
-       position="45.843238,25.664552"
+       position="48.326066,26.477187"
        orientation="0,-1"
        id="guide69"
        inkscape:locked="false" />
     <sodipodi:guide
-       position="58.298235,90.013389"
+       position="41.348506,94.185366"
        orientation="0,-1"
        id="guide71"
        inkscape:locked="false" />
     <sodipodi:guide
-       position="75.035526,115.88828"
+       position="81.571718,27.624258"
        orientation="1,0"
        id="guide550"
        inkscape:locked="false" />
@@ -105,111 +105,228 @@
      inkscape:groupmode="layer"
      id="layer1"
      style="display:inline">
-    <path
-       style="display:none;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 36.528589,76.633785 C 36.273654,77.773031 26.129673,9.38668 26.129673,9.38668"
-       id="path127"
-       sodipodi:nodetypes="cc" />
-    <circle
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="path9448"
-       cx="-27.39192"
-       cy="-8.6904173"
-       r="1.2760839"
-       transform="rotate(-174.16582)" />
-    <path
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 28.567521,23.594526 C 28.189417,21.481525 26.66088,13.362173 26.66088,13.362173"
-       id="path13743"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="display:none;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 36.791767,76.957835 51.179799,9.522057"
-       id="path1108"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 40.517036,60.903915 C 40.024359,62.993176 38.20056,71.051343 38.20056,71.051343"
-       id="path15682"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.29958699"
-       inkscape:transform-center-y="0.95870071" />
-    <path
-       style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 51.100614,9.446807 63.354702,76.442628"
-       id="path1106"
-       sodipodi:nodetypes="cc" />
     <g
-       id="g21538"
-       transform="matrix(1.1264863,-0.11756911,0.12908962,1.0259538,-25.105273,-59.495005)"
-       style="display:inline">
-      <ellipse
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         id="circle9582"
-         cx="-74.661598"
-         cy="60.70055"
-         transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
-         rx="1.2146922"
-         ry="1.1834064" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-         x="59.531094"
-         y="75.579971"
-         id="text9714"
-         transform="scale(0.98702867,1.0131418)"><tspan
-           sodipodi:role="line"
-           id="tspan9712"
-           style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-           x="59.531094"
-           y="75.579971">3</tspan></text>
-    </g>
-    <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 53.638952,23.259516 C 53.260848,21.146515 51.732311,13.027163 51.732311,13.027163"
-       id="path330"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 40.517036,60.903915 C 40.024359,62.993176 38.20056,71.051343 38.20056,71.051343"
-       id="path332"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.29958699"
-       inkscape:transform-center-y="0.95870071" />
-    <g
-       id="g460"
+       id="g1955"
        style="display:none">
       <path
-         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="m 74.505969,9.235039 c 0.02459,0.303469 -10.968822,67.29474 -10.968822,67.29474"
-         id="path15674"
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:6.78922;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 36.990011,69.282092 C 36.721826,70.300813 26.050589,9.1493222 26.050589,9.1493222"
+         id="path127"
          sodipodi:nodetypes="cc" />
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="m 66.446219,60.903915 c -0.492677,2.089261 -2.316476,10.147428 -2.316476,10.147428"
-         id="path340"
-         sodipodi:nodetypes="cc"
-         inkscape:transform-center-x="0.29958699"
-         inkscape:transform-center-y="0.95870071" />
       <text
          xml:space="preserve"
-         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="62.785896"
-         y="73.803139"
-         id="text344"
-         transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+         style="font-size:3.12091px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.156537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="24.853783"
+         y="11.936646"
+         id="text9342"
+         transform="matrix(1.0175292,0.00315936,-0.00327625,0.98276263,0,0)"><tspan
            sodipodi:role="line"
-           id="tspan342"
-           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
-           x="62.785896"
-           y="73.803139">4</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle346"
-         cx="-65.687851"
-         cy="-71.079163"
-         r="1.2760839"
-         transform="rotate(-178.35508)" />
+           id="tspan9340"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.156537;stroke-dasharray:none;stroke-opacity:1"
+           x="24.853783"
+           y="11.936646">1</tspan></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.156541;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448"
+         cx="-27.161812"
+         cy="-8.0847635"
+         transform="matrix(-0.99517315,-0.09813461,0.10528814,-0.99444176,0,0)"
+         rx="1.4518965"
+         ry="1.4022218" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 28.61515,21.854065 C 28.217393,19.964607 26.609407,12.704232 26.609407,12.704232"
+         id="path13743"
+         sodipodi:nodetypes="cc" />
+    </g>
+    <g
+       id="g1948"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 41.185764,55.216346 c -0.518284,1.868231 -2.436879,9.073892 -2.436879,9.073892"
+         id="path15682"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.31515868"
+         inkscape:transform-center-y="0.85727554" />
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:6.78922;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 36.962184,69.36561 52.098064,9.0641276"
+         id="path1108"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g21551"
+         transform="matrix(1.0226012,-0.71297787,0.69262637,1.0526484,-29.520705,97.51591)">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="54.113926"
+           y="-23.497944"
+           id="text15678"
+           transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan15676"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="54.113926"
+             y="-23.497944">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15680"
+           cx="-54.018658"
+           cy="25.946033"
+           r="1.2760839"
+           transform="rotate(-144.24458)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 41.185766,55.216346 c -0.518285,1.868231 -2.436879,9.073893 -2.436879,9.073893"
+         id="path332"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.30342756"
+         inkscape:transform-center-y="0.87098558" />
+    </g>
+    <g
+       id="g2012"
+       style="display:inline">
+      <g
+         id="g2000"
+         transform="matrix(1.0386614,0,0,0.98425938,-0.95617645,0.25716002)">
+        <path
+           style="display:inline;fill:none;fill-opacity:1;stroke:#de0029;stroke-width:6.71472;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="M 51.061955,8.99943 63.703767,70.046504"
+           id="path1998"
+           sodipodi:nodetypes="cc" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 54.691701,20.617869 C 54.293944,18.728411 52.685958,11.468038 52.685958,11.468038"
+         id="path2002"
+         sodipodi:nodetypes="cc" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.80192px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="50.617058"
+         y="10.4682"
+         id="text2008"
+         transform="matrix(1.0096977,-0.00214198,0.00218715,0.9903908,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan2004"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-dasharray:none;stroke-opacity:1"
+           x="50.617058"
+           y="10.4682">3</tspan><tspan
+           sodipodi:role="line"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-dasharray:none;stroke-opacity:1"
+           x="50.617058"
+           y="13.9706"
+           id="tspan2006" /></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.169411;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="ellipse2010"
+         cx="-52.237259"
+         cy="-7.8817549"
+         transform="matrix(-0.99960414,-0.02813487,0.02928733,-0.99957103,0,0)"
+         rx="1.5597225"
+         ry="1.528752" />
+    </g>
+    <g
+       id="g2080"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:6.75814;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 65.242051,69.248455 77.108307,9.0158542"
+         id="path2032"
+         sodipodi:nodetypes="cc" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="65.676941"
+         y="67.2304"
+         id="text2038"
+         transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan2034"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="67.2304">4</tspan><tspan
+           sodipodi:role="line"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="71.060791"
+           id="tspan2036" /></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.185276;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="ellipse2040"
+         cx="-67.276459"
+         cy="-65.420937"
+         transform="matrix(-0.99955468,-0.02984032,0.02761343,-0.99961868,0,0)"
+         rx="1.6563584"
+         ry="1.721797" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="65.676941"
+         y="67.2304"
+         id="text2046"
+         transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan2042"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="67.2304">4</tspan><tspan
+           sodipodi:role="line"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="71.060791"
+           id="tspan2044" /></text>
+      <text
+         xml:space="preserve"
+         style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="65.676941"
+         y="67.2304"
+         id="text2052"
+         transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan2048"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="67.2304">4</tspan><tspan
+           sodipodi:role="line"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="71.060791"
+           id="tspan2050" /></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.185276;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="ellipse2054"
+         cx="-67.276459"
+         cy="-65.420937"
+         transform="matrix(-0.99955468,-0.02984032,0.02761343,-0.99961868,0,0)"
+         rx="1.6563584"
+         ry="1.721797" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.468122;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 68.4465,56.005897 c -0.51746,1.883378 -2.43297,9.147462 -2.43297,9.147462"
+         id="path2056"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.30342762"
+         inkscape:transform-center-y="0.87098558" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="65.676941"
+         y="67.2304"
+         id="text2062"
+         transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan2058"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="67.2304">4</tspan><tspan
+           sodipodi:role="line"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="71.060791"
+           id="tspan2060" /></text>
     </g>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/w_l4.svg b/public/assets/capital-letter/w_l4.svg
index 8aef0dd..abd723e 100755
--- a/public/assets/capital-letter/w_l4.svg
+++ b/public/assets/capital-letter/w_l4.svg
@@ -7,8 +7,77 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
+   inkscape:export-filename="W_l4.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="37.485212,-6.7950955"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="24.949927,104.14192"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="48.326066,26.477187"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="41.348506,94.185366"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="81.571718,27.624258"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="62.667846,-5.37532"
+       orientation="1,0"
+       id="guide1929"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="9.3359693,-23.144284"
+       orientation="0,-1"
+       id="guide2737"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
   <defs
      id="defs2">
     <marker
@@ -17,9 +86,12 @@
        refX="0"
        refY="0"
        orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
        markerWidth="7.6999998"
        markerHeight="5.5999999"
        viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
        preserveAspectRatio="xMidYMid">
       <path
          transform="scale(0.7)"
@@ -29,64 +101,232 @@
     </marker>
   </defs>
   <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
      id="layer1"
      style="display:inline">
-    <path
-       style="display:none;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.49547;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 36.528589,76.633785 C 36.273654,77.773031 26.129673,9.38668 26.129673,9.38668"
-       id="path127" />
-    <circle
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="path9448"
-       cx="-27.39192"
-       cy="-8.6904173"
-       r="1.2760839"
-       transform="rotate(-174.16582)" />
-    <path
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 28.567521,23.594526 C 28.189417,21.481525 26.66088,13.362173 26.66088,13.362173"
-       id="path13743" />
-    <path
-       style="display:none;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 36.791767,76.957835 51.179799,9.522057"
-       id="path1108" />
-    <path
-       style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 40.517036,60.903915 C 40.024359,62.993176 38.20056,71.051343 38.20056,71.051343"
-       id="path15682" />
-    <path
-       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 53.638952,23.259516 C 53.260848,21.146515 51.732311,13.027163 51.732311,13.027163"
-       id="path330" />
-    <path
-       style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 40.517036,60.903915 C 40.024359,62.993176 38.20056,71.051343 38.20056,71.051343"
-       id="path332" />
-    <path
-       style="display:inline;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="m 74.505969,9.235039 c 0.02459,0.303469 -10.968822,67.29474 -10.968822,67.29474"
-       id="path15674" />
-    <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="m 66.446219,60.903915 c -0.492677,2.089261 -2.316476,10.147428 -2.316476,10.147428"
-       id="path340" />
-    <text
-       xml:space="preserve"
-       style="font-size:2.31549px;display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="62.785896"
-       y="73.803139"
-       id="text344"
-       transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
-         id="tspan342"
-         style="fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
-         x="62.785896"
-         y="73.803139">4</tspan></text>
-    <circle
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="circle346"
-       cx="-65.687851"
-       cy="-71.079163"
-       r="1.2760839"
-       transform="rotate(-178.35508)" />
+    <g
+       id="g1955"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:6.78922;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 36.990011,69.282092 C 36.721826,70.300813 26.050589,9.1493222 26.050589,9.1493222"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.12091px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.156537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="24.853783"
+         y="11.936646"
+         id="text9342"
+         transform="matrix(1.0175292,0.00315936,-0.00327625,0.98276263,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan9340"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.156537;stroke-dasharray:none;stroke-opacity:1"
+           x="24.853783"
+           y="11.936646">1</tspan></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.156541;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448"
+         cx="-27.161812"
+         cy="-8.0847635"
+         transform="matrix(-0.99517315,-0.09813461,0.10528814,-0.99444176,0,0)"
+         rx="1.4518965"
+         ry="1.4022218" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 28.61515,21.854065 C 28.217393,19.964607 26.609407,12.704232 26.609407,12.704232"
+         id="path13743"
+         sodipodi:nodetypes="cc" />
+    </g>
+    <g
+       id="g1948"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 41.185764,55.216346 c -0.518284,1.868231 -2.436879,9.073892 -2.436879,9.073892"
+         id="path15682"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.31515868"
+         inkscape:transform-center-y="0.85727554" />
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#b16c57;stroke-width:6.78922;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 36.962184,69.36561 52.098064,9.0641276"
+         id="path1108"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g21551"
+         transform="matrix(1.0226012,-0.71297787,0.69262637,1.0526484,-29.520705,97.51591)">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="54.113926"
+           y="-23.497944"
+           id="text15678"
+           transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan15676"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="54.113926"
+             y="-23.497944">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15680"
+           cx="-54.018658"
+           cy="25.946033"
+           r="1.2760839"
+           transform="rotate(-144.24458)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 41.185766,55.216346 c -0.518285,1.868231 -2.436879,9.073893 -2.436879,9.073893"
+         id="path332"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.30342756"
+         inkscape:transform-center-y="0.87098558" />
+    </g>
+    <g
+       id="g2012"
+       style="display:none">
+      <g
+         id="g2000"
+         transform="matrix(1.0386614,0,0,0.98425938,-0.95617645,0.25716002)">
+        <path
+           style="display:inline;fill:none;fill-opacity:1;stroke:#de0029;stroke-width:6.71472;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="M 51.061955,8.99943 63.703767,70.046504"
+           id="path1998"
+           sodipodi:nodetypes="cc" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.466612;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 54.691701,20.617869 C 54.293944,18.728411 52.685958,11.468038 52.685958,11.468038"
+         id="path2002"
+         sodipodi:nodetypes="cc" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.80192px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="50.617058"
+         y="10.4682"
+         id="text2008"
+         transform="matrix(1.0096977,-0.00214198,0.00218715,0.9903908,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan2004"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-dasharray:none;stroke-opacity:1"
+           x="50.617058"
+           y="10.4682">3</tspan><tspan
+           sodipodi:role="line"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.140538;stroke-dasharray:none;stroke-opacity:1"
+           x="50.617058"
+           y="13.9706"
+           id="tspan2006" /></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.169411;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="ellipse2010"
+         cx="-52.237259"
+         cy="-7.8817549"
+         transform="matrix(-0.99960414,-0.02813487,0.02928733,-0.99957103,0,0)"
+         rx="1.5597225"
+         ry="1.528752" />
+    </g>
+    <g
+       id="g2080"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:6.75814;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 65.242051,69.248455 77.108307,9.0158542"
+         id="path2032"
+         sodipodi:nodetypes="cc" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="65.676941"
+         y="67.2304"
+         id="text2038"
+         transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan2034"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="67.2304">4</tspan><tspan
+           sodipodi:role="line"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="71.060791"
+           id="tspan2036" /></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.185276;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="ellipse2040"
+         cx="-67.276459"
+         cy="-65.420937"
+         transform="matrix(-0.99955468,-0.02984032,0.02761343,-0.99961868,0,0)"
+         rx="1.6563584"
+         ry="1.721797" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="65.676941"
+         y="67.2304"
+         id="text2046"
+         transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan2042"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="67.2304">4</tspan><tspan
+           sodipodi:role="line"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="71.060791"
+           id="tspan2044" /></text>
+      <text
+         xml:space="preserve"
+         style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="65.676941"
+         y="67.2304"
+         id="text2052"
+         transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan2048"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="67.2304">4</tspan><tspan
+           sodipodi:role="line"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="71.060791"
+           id="tspan2050" /></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.185276;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="ellipse2054"
+         cx="-67.276459"
+         cy="-65.420937"
+         transform="matrix(-0.99955468,-0.02984032,0.02761343,-0.99961868,0,0)"
+         rx="1.6563584"
+         ry="1.721797" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.468122;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 68.4465,56.005897 c -0.51746,1.883378 -2.43297,9.147462 -2.43297,9.147462"
+         id="path2056"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.30342762"
+         inkscape:transform-center-y="0.87098558" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.06431px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="65.676941"
+         y="67.2304"
+         id="text2062"
+         transform="matrix(0.98039544,-0.002206,0.00212367,1.0199918,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan2058"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="67.2304">4</tspan><tspan
+           sodipodi:role="line"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.1537;stroke-dasharray:none;stroke-opacity:1"
+           x="65.676941"
+           y="71.060791"
+           id="tspan2060" /></text>
+    </g>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/x.svg b/public/assets/capital-letter/x.svg
index 67fc296..c0e0a17 100755
--- a/public/assets/capital-letter/x.svg
+++ b/public/assets/capital-letter/x.svg
@@ -7,7 +7,7 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="h.svg"
+   sodipodi:docname="x.svg"
    inkscape:export-filename="h"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
@@ -123,7 +123,7 @@
          y="79.868111">4</tspan></text>
   </g>
   <path
-     style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+     style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
      d="M 35.187626,4.8827424 C 35.291858,5.1755436 68.467789,65.430405 68.467789,65.430405"
      id="path127"
      sodipodi:nodetypes="cc" />
@@ -162,76 +162,22 @@
        style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
        x="35.215538"
        y="7.1380835">1</tspan></text>
-  <g
-     id="g18711"
-     style="display:inline"
-     transform="rotate(28.128208,55.833511,40.085267)">
-    <path
-       style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 48.691107,4.2121653 C 48.645317,4.5195742 46.970914,73.652223 46.970914,73.652223"
-       id="path15674"
-       sodipodi:nodetypes="cc" />
-    <text
-       xml:space="preserve"
-       style="font-size:2.31549px;display:none;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="61.848087"
-       y="10.675919"
-       id="text15678"
-       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-         id="tspan15676"
-         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
-         x="61.848087"
-         y="10.675919">2</tspan></text>
-    <circle
-       style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="circle15680"
-       cx="-62.801434"
-       cy="-7.9862614"
-       r="1.2760839"
-       transform="rotate(-178.67073)" />
-    <path
-       style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
-       d="m 62.603456,21.585866 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
-       id="path15682" />
-    <g
-       id="g14279"
-       style="display:none"
-       transform="matrix(1.2524894,0,0,1.0646672,-15.680188,-38.054966)">
-      <g
-         id="g18704"
-         style="display:none">
-        <path
-           style="display:none;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:4.47293;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-           d="m 39.142669,73.987028 21.401647,0.110198"
-           id="path1108" />
-        <path
-           style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391436;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-           d="M 48.688134,73.955975 41.183058,73.814371"
-           id="path9576" />
-        <ellipse
-           style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.11391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-           id="circle9582"
-           cx="-72.913704"
-           cy="40.918648"
-           transform="matrix(0.01563487,-0.99987777,0.99974017,0.02279479,0,0)"
-           rx="1.140859"
-           ry="0.94491148"
-           inkscape:transform-center-x="0.14086477"
-           inkscape:transform-center-y="0.27373721" />
-        <text
-           xml:space="preserve"
-           style="font-size:1.85538px;display:none;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.113908;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-           x="43.211548"
-           y="67.832787"
-           id="text9714"
-           transform="scale(0.91001737,1.0988801)"><tspan
-             id="tspan9712"
-             style="stroke:#f9f6f6;stroke-width:0.113908;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-             x="43.211548"
-             y="67.832787">3</tspan></text>
-      </g>
-    </g>
-  </g>
+  <path
+     style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+     d="M 66.446896,5.081704 C 66.261587,5.3312189 32.192621,65.509556 32.192621,65.509556"
+     id="path15674"
+     sodipodi:nodetypes="cc" />
+  <circle
+     style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     id="circle15680"
+     cx="-74.381485"
+     cy="23.347574"
+     r="1.2760839"
+     transform="rotate(-150.54252)" />
+  <path
+     style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+     d="m 70.525361,26.962404 c 0.997187,-1.900882 4.90086,-9.182477 4.90086,-9.182477"
+     id="path15682" />
   <path
      style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
      d="m 60.080402,16.691065 c 0.993446,-1.902841 4.882789,-9.1921006 4.882789,-9.1921006"
diff --git a/public/assets/capital-letter/x_l1.svg b/public/assets/capital-letter/x_l1.svg
index 70f448c..ba2e934 100755
--- a/public/assets/capital-letter/x_l1.svg
+++ b/public/assets/capital-letter/x_l1.svg
@@ -7,7 +7,7 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="h.svg"
+   sodipodi:docname="x.svg"
    inkscape:export-filename="x.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
@@ -122,119 +122,68 @@
          x="41.672253"
          y="79.868111">4</tspan></text>
   </g>
-  <path
-     style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-     d="M 35.187626,4.8827424 C 35.291858,5.1755436 68.467789,65.430405 68.467789,65.430405"
-     id="path127"
-     sodipodi:nodetypes="cc" />
-  <text
-     xml:space="preserve"
-     style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-     x="35.215538"
-     y="7.1380835"
-     id="text9342"
-     transform="matrix(0.99957809,0.00781801,-0.00782413,1.0003609,0,0)"><tspan
-       id="tspan9340"
-       style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-       x="35.215538"
-       y="7.1380835">1</tspan></text>
-  <circle
-     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-     id="path9448"
-     cx="-36.501934"
-     cy="-1.1128976"
-     r="1.2760839"
-     transform="rotate(-171.78771)"
-     inkscape:transform-center-x="0.0646879"
-     inkscape:transform-center-y="0.049702286" />
-  <path
-     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-     d="M 41.686586,17.030103 C 40.661867,15.143919 36.783171,7.8489891 36.783171,7.8489891"
-     id="path13743" />
-  <text
-     xml:space="preserve"
-     style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-     x="35.215538"
-     y="7.1380835"
-     id="text682"
-     transform="matrix(0.99957809,0.00781801,-0.00782413,1.0003609,0,0)"><tspan
-       id="tspan680"
-       style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
-       x="35.215538"
-       y="7.1380835">1</tspan></text>
   <g
-     id="g1211"
+     id="g1812">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 35.187626,4.8827424 C 35.291858,5.1755436 68.467789,65.430405 68.467789,65.430405"
+       id="path127"
+       sodipodi:nodetypes="cc" />
+    <text
+       xml:space="preserve"
+       style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="35.215538"
+       y="7.1380835"
+       id="text9342"
+       transform="matrix(0.99957809,0.00781801,-0.00782413,1.0003609,0,0)"><tspan
+         id="tspan9340"
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+         x="35.215538"
+         y="7.1380835">1</tspan></text>
+    <circle
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path9448"
+       cx="-36.501934"
+       cy="-1.1128976"
+       r="1.2760839"
+       transform="rotate(-171.78771)"
+       inkscape:transform-center-x="0.0646879"
+       inkscape:transform-center-y="0.049702286" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="M 41.686586,17.030103 C 40.661867,15.143919 36.783171,7.8489891 36.783171,7.8489891"
+       id="path13743" />
+    <text
+       xml:space="preserve"
+       style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="35.215538"
+       y="7.1380835"
+       id="text682"
+       transform="matrix(0.99957809,0.00781801,-0.00782413,1.0003609,0,0)"><tspan
+         id="tspan680"
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+         x="35.215538"
+         y="7.1380835">1</tspan></text>
+  </g>
+  <circle
+     style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     id="circle15680"
+     cx="-74.381485"
+     cy="23.347574"
+     r="1.2760839"
+     transform="rotate(-150.54252)" />
+  <path
+     style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+     d="m 70.525361,26.962404 c 0.997187,-1.900882 4.90086,-9.182477 4.90086,-9.182477"
+     id="path15682" />
+  <g
+     id="g1832"
      style="display:none">
-    <g
-       id="g18711"
-       style="display:inline"
-       transform="rotate(28.128208,55.833511,40.085267)">
-      <path
-         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 48.691107,4.2121653 C 48.645317,4.5195742 46.970914,73.652223 46.970914,73.652223"
-         id="path15674"
-         sodipodi:nodetypes="cc" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.31549px;display:none;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="61.848087"
-         y="10.675919"
-         id="text15678"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           id="tspan15676"
-           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
-           x="61.848087"
-           y="10.675919">2</tspan></text>
-      <circle
-         style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle15680"
-         cx="-62.801434"
-         cy="-7.9862614"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
-      <path
-         style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
-         d="m 62.603456,21.585866 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
-         id="path15682" />
-      <g
-         id="g14279"
-         style="display:none"
-         transform="matrix(1.2524894,0,0,1.0646672,-15.680188,-38.054966)">
-        <g
-           id="g18704"
-           style="display:none">
-          <path
-             style="display:none;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:4.47293;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-             d="m 39.142669,73.987028 21.401647,0.110198"
-             id="path1108" />
-          <path
-             style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391436;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-             d="M 48.688134,73.955975 41.183058,73.814371"
-             id="path9576" />
-          <ellipse
-             style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.11391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-             id="circle9582"
-             cx="-72.913704"
-             cy="40.918648"
-             transform="matrix(0.01563487,-0.99987777,0.99974017,0.02279479,0,0)"
-             rx="1.140859"
-             ry="0.94491148"
-             inkscape:transform-center-x="0.14086477"
-             inkscape:transform-center-y="0.27373721" />
-          <text
-             xml:space="preserve"
-             style="font-size:1.85538px;display:none;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.113908;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-             x="43.211548"
-             y="67.832787"
-             id="text9714"
-             transform="scale(0.91001737,1.0988801)"><tspan
-               id="tspan9712"
-               style="stroke:#f9f6f6;stroke-width:0.113908;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-               x="43.211548"
-               y="67.832787">3</tspan></text>
-        </g>
-      </g>
-    </g>
+    <path
+       style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 66.446896,5.081704 C 66.261587,5.3312189 32.192621,65.509556 32.192621,65.509556"
+       id="path15674"
+       sodipodi:nodetypes="cc" />
     <path
        style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
        d="m 60.080402,16.691065 c 0.993446,-1.902841 4.882789,-9.1921006 4.882789,-9.1921006"
diff --git a/public/assets/capital-letter/x_l2.svg b/public/assets/capital-letter/x_l2.svg
index fe8e399..0f78e8f 100755
--- a/public/assets/capital-letter/x_l2.svg
+++ b/public/assets/capital-letter/x_l2.svg
@@ -7,7 +7,7 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="h.svg"
+   sodipodi:docname="x.svg"
    inkscape:export-filename="x_l1.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
@@ -122,97 +122,69 @@
          x="41.672253"
          y="79.868111">4</tspan></text>
   </g>
-  <path
-     style="display:none;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-     d="M 35.187626,4.8827424 C 35.291858,5.1755436 68.467789,65.430405 68.467789,65.430405"
-     id="path127"
-     sodipodi:nodetypes="cc" />
-  <circle
-     style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-     id="path9448"
-     cx="-36.501934"
-     cy="-1.1128976"
-     r="1.2760839"
-     transform="rotate(-171.78771)"
-     inkscape:transform-center-x="0.0646879"
-     inkscape:transform-center-y="0.049702286" />
-  <path
-     style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-     d="M 41.686586,17.030103 C 40.661867,15.143919 36.783171,7.8489891 36.783171,7.8489891"
-     id="path13743" />
   <g
-     id="g1211"
+     id="g1812"
+     style="display:none">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 35.187626,4.8827424 C 35.291858,5.1755436 68.467789,65.430405 68.467789,65.430405"
+       id="path127"
+       sodipodi:nodetypes="cc" />
+    <text
+       xml:space="preserve"
+       style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="35.215538"
+       y="7.1380835"
+       id="text9342"
+       transform="matrix(0.99957809,0.00781801,-0.00782413,1.0003609,0,0)"><tspan
+         id="tspan9340"
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+         x="35.215538"
+         y="7.1380835">1</tspan></text>
+    <circle
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path9448"
+       cx="-36.501934"
+       cy="-1.1128976"
+       r="1.2760839"
+       transform="rotate(-171.78771)"
+       inkscape:transform-center-x="0.0646879"
+       inkscape:transform-center-y="0.049702286" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="M 41.686586,17.030103 C 40.661867,15.143919 36.783171,7.8489891 36.783171,7.8489891"
+       id="path13743" />
+    <text
+       xml:space="preserve"
+       style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="35.215538"
+       y="7.1380835"
+       id="text682"
+       transform="matrix(0.99957809,0.00781801,-0.00782413,1.0003609,0,0)"><tspan
+         id="tspan680"
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+         x="35.215538"
+         y="7.1380835">1</tspan></text>
+  </g>
+  <circle
+     style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     id="circle15680"
+     cx="-74.381485"
+     cy="23.347574"
+     r="1.2760839"
+     transform="rotate(-150.54252)" />
+  <path
+     style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+     d="m 70.525361,26.962404 c 0.997187,-1.900882 4.90086,-9.182477 4.90086,-9.182477"
+     id="path15682" />
+  <g
+     id="g1832"
      style="display:inline">
-    <g
-       id="g18711"
-       style="display:inline"
-       transform="rotate(28.128208,55.833511,40.085267)">
-      <path
-         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-         d="M 48.691107,4.2121653 C 48.645317,4.5195742 46.970914,73.652223 46.970914,73.652223"
-         id="path15674"
-         sodipodi:nodetypes="cc" />
-      <text
-         xml:space="preserve"
-         style="font-size:2.31549px;display:none;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="61.848087"
-         y="10.675919"
-         id="text15678"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           id="tspan15676"
-           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
-           x="61.848087"
-           y="10.675919">2</tspan></text>
-      <circle
-         style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle15680"
-         cx="-62.801434"
-         cy="-7.9862614"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
-      <path
-         style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
-         d="m 62.603456,21.585866 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
-         id="path15682" />
-      <g
-         id="g14279"
-         style="display:none"
-         transform="matrix(1.2524894,0,0,1.0646672,-15.680188,-38.054966)">
-        <g
-           id="g18704"
-           style="display:none">
-          <path
-             style="display:none;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:4.47293;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-             d="m 39.142669,73.987028 21.401647,0.110198"
-             id="path1108" />
-          <path
-             style="display:none;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.391436;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-             d="M 48.688134,73.955975 41.183058,73.814371"
-             id="path9576" />
-          <ellipse
-             style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.11391;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-             id="circle9582"
-             cx="-72.913704"
-             cy="40.918648"
-             transform="matrix(0.01563487,-0.99987777,0.99974017,0.02279479,0,0)"
-             rx="1.140859"
-             ry="0.94491148"
-             inkscape:transform-center-x="0.14086477"
-             inkscape:transform-center-y="0.27373721" />
-          <text
-             xml:space="preserve"
-             style="font-size:1.85538px;display:none;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.113908;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-             x="43.211548"
-             y="67.832787"
-             id="text9714"
-             transform="scale(0.91001737,1.0988801)"><tspan
-               id="tspan9712"
-               style="stroke:#f9f6f6;stroke-width:0.113908;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-               x="43.211548"
-               y="67.832787">3</tspan></text>
-        </g>
-      </g>
-    </g>
+    <path
+       style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 66.446896,5.081704 C 66.261587,5.3312189 32.192621,65.509556 32.192621,65.509556"
+       id="path15674"
+       sodipodi:nodetypes="cc" />
     <path
        style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
        d="m 60.080402,16.691065 c 0.993446,-1.902841 4.882789,-9.1921006 4.882789,-9.1921006"
diff --git a/public/assets/capital-letter/y.svg b/public/assets/capital-letter/y.svg
index 1218579..9266424 100755
--- a/public/assets/capital-letter/y.svg
+++ b/public/assets/capital-letter/y.svg
@@ -11,7 +11,7 @@
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="a.svg"
+   sodipodi:docname="y.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -145,100 +145,109 @@
            x="41.672253"
            y="79.868111">4</tspan></text>
     </g>
-    <path
-       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="m 49.732912,37.7382 c 0.07877,0.532133 -12.6959,-28.9379854 -12.6959,-28.9379854"
-       id="path127"
-       sodipodi:nodetypes="cc" />
-    <text
-       xml:space="preserve"
-       style="font-size:2.58371px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.192263;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="32.750824"
-       y="10.811321"
-       id="text9342"
-       transform="matrix(1.1019552,-0.00695788,0.00846274,0.90742447,0,0)"><tspan
-         sodipodi:role="line"
-         id="tspan9340"
-         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.192263;stroke-dasharray:none;stroke-opacity:1"
-         x="32.750824"
-         y="10.811321">1</tspan></text>
-    <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.30575;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="M 40.273146,16.633595 C 39.783892,15.401437 37.854859,10.674802 37.854859,10.674802"
-       id="path13743"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="-1.2642289"
-       inkscape:transform-center-y="-3.0904585" />
-    <path
-       style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 49.750577,37.720928 C 49.798146,37.584827 62.955606,8.7234554 62.955606,8.7234554"
-       id="path15674"
-       sodipodi:nodetypes="cc" />
-    <text
-       xml:space="preserve"
-       style="font-size:1.83619px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.164709;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="62.28809"
-       y="9.4758034"
-       id="text15678"
-       transform="matrix(1.0012598,-0.00216003,0.00216887,0.9987371,0,0)"><tspan
-         sodipodi:role="line"
-         id="tspan15676"
-         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.164709;stroke-dasharray:none;stroke-opacity:1"
-         x="62.28809"
-         y="9.4758034">2</tspan></text>
-    <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.30575;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
-       d="m 59.312752,16.534837 c 0.557948,-1.206861 2.660303,-5.869669 2.660303,-5.869669"
-       id="path15682"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="-0.28036688"
-       inkscape:transform-center-y="-0.19078158" />
-    <path
-       style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="m 49.779183,33.987517 -0.0622,35.30229"
-       id="path1108" />
-    <path
-       style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-       d="M 49.73712,46.41744 49.68901,37.287086"
-       id="path9576"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.2063818"
-       inkscape:transform-center-y="4.8256889" />
-    <ellipse
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-       id="circle9582"
-       cx="36.126961"
-       cy="49.027393"
-       transform="matrix(0.01839222,0.99983085,0.99981223,-0.0193779,0,0)"
-       rx="1.2146922"
-       ry="1.1834064" />
-    <text
-       xml:space="preserve"
-       style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-       x="49.771202"
-       y="35.505993"
-       id="text9714"
-       transform="scale(0.98702867,1.0131418)"><tspan
-         sodipodi:role="line"
-         id="tspan9712"
-         style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-         x="49.771202"
-         y="35.505993">3</tspan></text>
-    <ellipse
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-       id="ellipse2536"
-       cx="9.9299078"
-       cy="62.740849"
-       transform="matrix(0.01839222,0.99983085,0.99981223,-0.0193779,0,0)"
-       rx="1.2146922"
-       ry="1.1834064" />
-    <ellipse
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-       id="ellipse2538"
-       cx="9.4274664"
-       cy="36.816143"
-       transform="matrix(0.01839222,0.99983085,0.99981223,-0.0193779,0,0)"
-       rx="1.2146922"
-       ry="1.1834064" />
+    <g
+       id="g901">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 49.732912,37.7382 c 0.07877,0.532133 -12.6959,-28.9379854 -12.6959,-28.9379854"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <text
+         xml:space="preserve"
+         style="font-size:3.49625px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.260168;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="32.653465"
+         y="11.647635"
+         id="text9342"
+         transform="matrix(1.1019552,-0.00695788,0.00846274,0.90742447,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan9340"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.260168;stroke-dasharray:none;stroke-opacity:1"
+           x="32.653465"
+           y="11.647635">1</tspan></text>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.365079;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 41.487559,18.493468 C 40.869275,17.103349 38.4315,11.770764 38.4315,11.770764"
+         id="path13743"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-1.5976427"
+         inkscape:transform-center-y="-3.486652" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.177996;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="ellipse2538"
+         cx="9.883173"
+         cy="36.990555"
+         transform="matrix(0.01839222,0.99983085,0.99981223,-0.0193779,0,0)"
+         rx="1.6437069"
+         ry="1.6013713" />
+    </g>
+    <g
+       id="g951">
+      <path
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 49.750577,37.720928 C 49.798146,37.584827 62.955606,8.7234554 62.955606,8.7234554"
+         id="path941"
+         sodipodi:nodetypes="cc" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.56285px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.229892;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="62.55217"
+         y="9.8619728"
+         id="text945"
+         transform="matrix(0.99532119,-0.00217292,0.00215601,1.0046961,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan943"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.229892;stroke-dasharray:none;stroke-opacity:1"
+           x="62.55217"
+           y="9.8619728">2</tspan></text>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.379863;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+         d="m 58.541136,18.384745 c 0.699746,-1.485363 3.336398,-7.224187 3.336398,-7.224187"
+         id="path947"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-0.35161998"
+         inkscape:transform-center-y="-0.23480773" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.183593;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="ellipse949"
+         cx="10.140143"
+         cy="62.836399"
+         transform="matrix(0.01817477,0.99983483,0.99980771,-0.01960974,0,0)"
+         rx="1.7055075"
+         ry="1.6419424" />
+    </g>
+    <g
+       id="g963">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 49.779183,33.987517 -0.0622,35.30229"
+         id="path953" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.448535;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+         d="m 49.866027,48.113364 -0.04369,-9.900681"
+         id="path955"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.18740376"
+         inkscape:transform-center-y="5.2328313" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.160071;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="ellipse957"
+         cx="35.855602"
+         cy="49.173382"
+         transform="matrix(0.01807357,0.99983666,0.99980555,-0.01971953,0,0)"
+         rx="1.4911454"
+         ry="1.4275796" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.60727px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.160069;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="50.222778"
+         y="35.091064"
+         id="text961"
+         transform="scale(0.97843825,1.0220369)"><tspan
+           sodipodi:role="line"
+           id="tspan959"
+           style="stroke:#f9f6f6;stroke-width:0.160069;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+           x="50.222778"
+           y="35.091064">3</tspan></text>
+    </g>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/y_l1.svg b/public/assets/capital-letter/y_l1.svg
index c541011..52d7c4d 100755
--- a/public/assets/capital-letter/y_l1.svg
+++ b/public/assets/capital-letter/y_l1.svg
@@ -7,11 +7,11 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="a_l3.svg"
+   inkscape:export-filename="y.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="y.svg.2023_09_26_21_15_33.0.svg"
+   sodipodi:docname="y.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -146,116 +146,110 @@
            y="79.868111">4</tspan></text>
     </g>
     <g
-       id="g365"
-       style="display:inline">
-      <g
-         id="g331"
-         style="display:inline">
-        <path
-           style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-           d="m 49.732912,37.7382 c 0.07877,0.532133 -12.6959,-28.9379854 -12.6959,-28.9379854"
-           id="path127"
-           sodipodi:nodetypes="cc" />
-        <g
-           id="g338"
-           style="display:none">
-          <path
-             style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-             d="M 49.750577,37.720928 C 49.798146,37.584827 62.955606,8.7234554 62.955606,8.7234554"
-             id="path15674"
-             sodipodi:nodetypes="cc" />
-          <text
-             xml:space="preserve"
-             style="font-size:1.83619px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.164709;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-             x="62.28809"
-             y="9.4758034"
-             id="text15678"
-             transform="matrix(1.0012598,-0.00216003,0.00216887,0.9987371,0,0)"><tspan
-               sodipodi:role="line"
-               id="tspan15676"
-               style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.164709;stroke-dasharray:none;stroke-opacity:1"
-               x="62.28809"
-               y="9.4758034">2</tspan></text>
-          <path
-             style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.30575;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
-             d="m 59.312752,16.534837 c 0.557948,-1.206861 2.660303,-5.869669 2.660303,-5.869669"
-             id="path15682"
-             sodipodi:nodetypes="cc"
-             inkscape:transform-center-x="-0.28036688"
-             inkscape:transform-center-y="-0.19078158" />
-          <ellipse
-             style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-             id="ellipse2536"
-             cx="9.9299078"
-             cy="62.740849"
-             transform="matrix(0.01839222,0.99983085,0.99981223,-0.0193779,0,0)"
-             rx="1.2146922"
-             ry="1.1834064" />
-        </g>
-      </g>
+       id="g901">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 49.732912,37.7382 c 0.07877,0.532133 -12.6959,-28.9379854 -12.6959,-28.9379854"
+         id="path127"
+         sodipodi:nodetypes="cc" />
       <text
          xml:space="preserve"
-         style="font-size:2.58371px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.192263;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="32.750824"
-         y="10.811321"
+         style="font-size:3.49625px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.260168;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="32.653465"
+         y="11.647635"
          id="text9342"
          transform="matrix(1.1019552,-0.00695788,0.00846274,0.90742447,0,0)"><tspan
            sodipodi:role="line"
            id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.192263;stroke-dasharray:none;stroke-opacity:1"
-           x="32.750824"
-           y="10.811321">1</tspan></text>
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.260168;stroke-dasharray:none;stroke-opacity:1"
+           x="32.653465"
+           y="11.647635">1</tspan></text>
       <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.30575;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="M 40.273146,16.633595 C 39.783892,15.401437 37.854859,10.674802 37.854859,10.674802"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.365079;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 41.487559,18.493468 C 40.869275,17.103349 38.4315,11.770764 38.4315,11.770764"
          id="path13743"
          sodipodi:nodetypes="cc"
-         inkscape:transform-center-x="-1.2642289"
-         inkscape:transform-center-y="-3.0904585" />
+         inkscape:transform-center-x="-1.5976427"
+         inkscape:transform-center-y="-3.486652" />
       <ellipse
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.177996;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
          id="ellipse2538"
-         cx="9.4274664"
-         cy="36.816143"
+         cx="9.883173"
+         cy="36.990555"
          transform="matrix(0.01839222,0.99983085,0.99981223,-0.0193779,0,0)"
-         rx="1.2146922"
-         ry="1.1834064" />
-      <g
-         id="g357"
-         style="display:none"
-         sodipodi:insensitive="true">
-        <path
-           style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-           d="m 49.779183,33.987517 -0.0622,35.30229"
-           id="path1108" />
-        <path
-           style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-           d="M 49.73712,46.41744 49.68901,37.287086"
-           id="path9576"
-           sodipodi:nodetypes="cc"
-           inkscape:transform-center-x="0.2063818"
-           inkscape:transform-center-y="4.8256889" />
-        <ellipse
-           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-           id="circle9582"
-           cx="36.126961"
-           cy="49.027393"
-           transform="matrix(0.01839222,0.99983085,0.99981223,-0.0193779,0,0)"
-           rx="1.2146922"
-           ry="1.1834064" />
-        <text
-           xml:space="preserve"
-           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-           x="49.771202"
-           y="35.505993"
-           id="text9714"
-           transform="scale(0.98702867,1.0131418)"><tspan
-             sodipodi:role="line"
-             id="tspan9712"
-             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-             x="49.771202"
-             y="35.505993">3</tspan></text>
-      </g>
+         rx="1.6437069"
+         ry="1.6013713" />
+    </g>
+    <g
+       id="g951"
+       style="display:none">
+      <path
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 49.750577,37.720928 C 49.798146,37.584827 62.955606,8.7234554 62.955606,8.7234554"
+         id="path941"
+         sodipodi:nodetypes="cc" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.56285px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.229892;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="62.55217"
+         y="9.8619728"
+         id="text945"
+         transform="matrix(0.99532119,-0.00217292,0.00215601,1.0046961,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan943"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.229892;stroke-dasharray:none;stroke-opacity:1"
+           x="62.55217"
+           y="9.8619728">2</tspan></text>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.379863;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+         d="m 58.541136,18.384745 c 0.699746,-1.485363 3.336398,-7.224187 3.336398,-7.224187"
+         id="path947"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-0.35161998"
+         inkscape:transform-center-y="-0.23480773" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.183593;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="ellipse949"
+         cx="10.140143"
+         cy="62.836399"
+         transform="matrix(0.01817477,0.99983483,0.99980771,-0.01960974,0,0)"
+         rx="1.7055075"
+         ry="1.6419424" />
+    </g>
+    <g
+       id="g963"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 49.779183,33.987517 -0.0622,35.30229"
+         id="path953" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.448535;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+         d="m 49.866027,48.113364 -0.04369,-9.900681"
+         id="path955"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.18740376"
+         inkscape:transform-center-y="5.2328313" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.160071;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="ellipse957"
+         cx="35.855602"
+         cy="49.173382"
+         transform="matrix(0.01807357,0.99983666,0.99980555,-0.01971953,0,0)"
+         rx="1.4911454"
+         ry="1.4275796" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.60727px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.160069;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="50.222778"
+         y="35.091064"
+         id="text961"
+         transform="scale(0.97843825,1.0220369)"><tspan
+           sodipodi:role="line"
+           id="tspan959"
+           style="stroke:#f9f6f6;stroke-width:0.160069;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+           x="50.222778"
+           y="35.091064">3</tspan></text>
     </g>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/y_l2.svg b/public/assets/capital-letter/y_l2.svg
index b6beee3..5ead4da 100755
--- a/public/assets/capital-letter/y_l2.svg
+++ b/public/assets/capital-letter/y_l2.svg
@@ -11,7 +11,7 @@
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="y.svg.2023_09_26_21_15_33.0.svg"
+   sodipodi:docname="y.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -146,116 +146,111 @@
            y="79.868111">4</tspan></text>
     </g>
     <g
-       id="g365"
-       style="display:inline">
-      <g
-         id="g331"
-         style="display:inline">
-        <path
-           style="display:none;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-           d="m 49.732912,37.7382 c 0.07877,0.532133 -12.6959,-28.9379854 -12.6959,-28.9379854"
-           id="path127"
-           sodipodi:nodetypes="cc" />
-        <g
-           id="g338"
-           style="display:inline">
-          <path
-             style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-             d="M 49.750577,37.720928 C 49.798146,37.584827 62.955606,8.7234554 62.955606,8.7234554"
-             id="path15674"
-             sodipodi:nodetypes="cc" />
-          <text
-             xml:space="preserve"
-             style="font-size:1.83619px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.164709;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-             x="62.28809"
-             y="9.4758034"
-             id="text15678"
-             transform="matrix(1.0012598,-0.00216003,0.00216887,0.9987371,0,0)"><tspan
-               sodipodi:role="line"
-               id="tspan15676"
-               style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.164709;stroke-dasharray:none;stroke-opacity:1"
-               x="62.28809"
-               y="9.4758034">2</tspan></text>
-          <path
-             style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.30575;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
-             d="m 59.312752,16.534837 c 0.557948,-1.206861 2.660303,-5.869669 2.660303,-5.869669"
-             id="path15682"
-             sodipodi:nodetypes="cc"
-             inkscape:transform-center-x="-0.28036688"
-             inkscape:transform-center-y="-0.19078158" />
-          <ellipse
-             style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-             id="ellipse2536"
-             cx="9.9299078"
-             cy="62.740849"
-             transform="matrix(0.01839222,0.99983085,0.99981223,-0.0193779,0,0)"
-             rx="1.2146922"
-             ry="1.1834064" />
-        </g>
-      </g>
+       id="g901"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 49.732912,37.7382 c 0.07877,0.532133 -12.6959,-28.9379854 -12.6959,-28.9379854"
+         id="path127"
+         sodipodi:nodetypes="cc" />
       <text
          xml:space="preserve"
-         style="font-size:2.58371px;display:none;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.192263;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="32.750824"
-         y="10.811321"
+         style="font-size:3.49625px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.260168;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="32.653465"
+         y="11.647635"
          id="text9342"
          transform="matrix(1.1019552,-0.00695788,0.00846274,0.90742447,0,0)"><tspan
            sodipodi:role="line"
            id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.192263;stroke-dasharray:none;stroke-opacity:1"
-           x="0"
-           y="0">1</tspan></text>
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.260168;stroke-dasharray:none;stroke-opacity:1"
+           x="32.653465"
+           y="11.647635">1</tspan></text>
       <path
-         style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.30575;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="M 40.273146,16.633595 C 39.783892,15.401437 37.854859,10.674802 37.854859,10.674802"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.365079;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 41.487559,18.493468 C 40.869275,17.103349 38.4315,11.770764 38.4315,11.770764"
          id="path13743"
          sodipodi:nodetypes="cc"
-         inkscape:transform-center-x="-1.2642289"
-         inkscape:transform-center-y="-3.0904585" />
+         inkscape:transform-center-x="-1.5976427"
+         inkscape:transform-center-y="-3.486652" />
       <ellipse
-         style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.177996;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
          id="ellipse2538"
-         cx="9.4274664"
-         cy="36.816143"
+         cx="9.883173"
+         cy="36.990555"
          transform="matrix(0.01839222,0.99983085,0.99981223,-0.0193779,0,0)"
-         rx="1.2146922"
-         ry="1.1834064" />
-      <g
-         id="g357"
-         style="display:none"
-         sodipodi:insensitive="true">
-        <path
-           style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-           d="m 49.779183,33.987517 -0.0622,35.30229"
-           id="path1108" />
-        <path
-           style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-           d="M 49.73712,46.41744 49.68901,37.287086"
-           id="path9576"
-           sodipodi:nodetypes="cc"
-           inkscape:transform-center-x="0.2063818"
-           inkscape:transform-center-y="4.8256889" />
-        <ellipse
-           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-           id="circle9582"
-           cx="36.126961"
-           cy="49.027393"
-           transform="matrix(0.01839222,0.99983085,0.99981223,-0.0193779,0,0)"
-           rx="1.2146922"
-           ry="1.1834064" />
-        <text
-           xml:space="preserve"
-           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-           x="49.771202"
-           y="35.505993"
-           id="text9714"
-           transform="scale(0.98702867,1.0131418)"><tspan
-             sodipodi:role="line"
-             id="tspan9712"
-             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-             x="49.771202"
-             y="35.505993">3</tspan></text>
-      </g>
+         rx="1.6437069"
+         ry="1.6013713" />
+    </g>
+    <g
+       id="g951"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 49.750577,37.720928 C 49.798146,37.584827 62.955606,8.7234554 62.955606,8.7234554"
+         id="path941"
+         sodipodi:nodetypes="cc" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.56285px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.229892;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="62.55217"
+         y="9.8619728"
+         id="text945"
+         transform="matrix(0.99532119,-0.00217292,0.00215601,1.0046961,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan943"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.229892;stroke-dasharray:none;stroke-opacity:1"
+           x="62.55217"
+           y="9.8619728">2</tspan></text>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.379863;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+         d="m 58.541136,18.384745 c 0.699746,-1.485363 3.336398,-7.224187 3.336398,-7.224187"
+         id="path947"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-0.35161998"
+         inkscape:transform-center-y="-0.23480773" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.183593;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="ellipse949"
+         cx="10.140143"
+         cy="62.836399"
+         transform="matrix(0.01817477,0.99983483,0.99980771,-0.01960974,0,0)"
+         rx="1.7055075"
+         ry="1.6419424" />
+    </g>
+    <g
+       id="g963"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 49.779183,33.987517 -0.0622,35.30229"
+         id="path953" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.448535;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+         d="m 49.866027,48.113364 -0.04369,-9.900681"
+         id="path955"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.18740376"
+         inkscape:transform-center-y="5.2328313" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.160071;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="ellipse957"
+         cx="35.855602"
+         cy="49.173382"
+         transform="matrix(0.01807357,0.99983666,0.99980555,-0.01971953,0,0)"
+         rx="1.4911454"
+         ry="1.4275796" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.60727px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.160069;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="50.222778"
+         y="35.091064"
+         id="text961"
+         transform="scale(0.97843825,1.0220369)"><tspan
+           sodipodi:role="line"
+           id="tspan959"
+           style="stroke:#f9f6f6;stroke-width:0.160069;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+           x="50.222778"
+           y="35.091064">3</tspan></text>
     </g>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/y_l3.svg b/public/assets/capital-letter/y_l3.svg
index e5c4b4f..ac42d4d 100755
--- a/public/assets/capital-letter/y_l3.svg
+++ b/public/assets/capital-letter/y_l3.svg
@@ -11,7 +11,7 @@
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="y.svg.2023_09_26_21_15_33.0.svg"
+   sodipodi:docname="y.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -146,116 +146,111 @@
            y="79.868111">4</tspan></text>
     </g>
     <g
-       id="g365"
-       style="display:inline">
-      <g
-         id="g331"
-         style="display:none">
-        <path
-           style="display:none;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-           d="m 49.732912,37.7382 c 0.07877,0.532133 -12.6959,-28.9379854 -12.6959,-28.9379854"
-           id="path127"
-           sodipodi:nodetypes="cc" />
-        <g
-           id="g338"
-           style="display:none">
-          <path
-             style="display:none;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-             d="M 49.750577,37.720928 C 49.798146,37.584827 62.955606,8.7234554 62.955606,8.7234554"
-             id="path15674"
-             sodipodi:nodetypes="cc" />
-          <text
-             xml:space="preserve"
-             style="font-size:1.83619px;display:none;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.164709;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-             x="62.28809"
-             y="9.4758034"
-             id="text15678"
-             transform="matrix(1.0012598,-0.00216003,0.00216887,0.9987371,0,0)"><tspan
-               sodipodi:role="line"
-               id="tspan15676"
-               style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.164709;stroke-dasharray:none;stroke-opacity:1"
-               x="0"
-               y="0">2</tspan></text>
-          <path
-             style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.30575;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
-             d="m 59.312752,16.534837 c 0.557948,-1.206861 2.660303,-5.869669 2.660303,-5.869669"
-             id="path15682"
-             sodipodi:nodetypes="cc"
-             inkscape:transform-center-x="-0.28036688"
-             inkscape:transform-center-y="-0.19078158" />
-          <ellipse
-             style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-             id="ellipse2536"
-             cx="9.9299078"
-             cy="62.740849"
-             transform="matrix(0.01839222,0.99983085,0.99981223,-0.0193779,0,0)"
-             rx="1.2146922"
-             ry="1.1834064" />
-        </g>
-      </g>
+       id="g901"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 49.732912,37.7382 c 0.07877,0.532133 -12.6959,-28.9379854 -12.6959,-28.9379854"
+         id="path127"
+         sodipodi:nodetypes="cc" />
       <text
          xml:space="preserve"
-         style="font-size:2.58371px;display:none;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.192263;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="32.750824"
-         y="10.811321"
+         style="font-size:3.49625px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.260168;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="32.653465"
+         y="11.647635"
          id="text9342"
          transform="matrix(1.1019552,-0.00695788,0.00846274,0.90742447,0,0)"><tspan
            sodipodi:role="line"
            id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.192263;stroke-dasharray:none;stroke-opacity:1"
-           x="0"
-           y="0">1</tspan></text>
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.260168;stroke-dasharray:none;stroke-opacity:1"
+           x="32.653465"
+           y="11.647635">1</tspan></text>
       <path
-         style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.30575;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-         d="M 40.273146,16.633595 C 39.783892,15.401437 37.854859,10.674802 37.854859,10.674802"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.365079;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 41.487559,18.493468 C 40.869275,17.103349 38.4315,11.770764 38.4315,11.770764"
          id="path13743"
          sodipodi:nodetypes="cc"
-         inkscape:transform-center-x="-1.2642289"
-         inkscape:transform-center-y="-3.0904585" />
+         inkscape:transform-center-x="-1.5976427"
+         inkscape:transform-center-y="-3.486652" />
       <ellipse
-         style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.177996;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
          id="ellipse2538"
-         cx="9.4274664"
-         cy="36.816143"
+         cx="9.883173"
+         cy="36.990555"
          transform="matrix(0.01839222,0.99983085,0.99981223,-0.0193779,0,0)"
-         rx="1.2146922"
-         ry="1.1834064" />
-      <g
-         id="g357"
-         style="display:inline"
-         sodipodi:insensitive="true">
-        <path
-           style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-           d="m 49.779183,33.987517 -0.0622,35.30229"
-           id="path1108" />
-        <path
-           style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-           d="M 49.73712,46.41744 49.68901,37.287086"
-           id="path9576"
-           sodipodi:nodetypes="cc"
-           inkscape:transform-center-x="0.2063818"
-           inkscape:transform-center-y="4.8256889" />
-        <ellipse
-           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-           id="circle9582"
-           cx="36.126961"
-           cy="49.027393"
-           transform="matrix(0.01839222,0.99983085,0.99981223,-0.0193779,0,0)"
-           rx="1.2146922"
-           ry="1.1834064" />
-        <text
-           xml:space="preserve"
-           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-           x="49.771202"
-           y="35.505993"
-           id="text9714"
-           transform="scale(0.98702867,1.0131418)"><tspan
-             sodipodi:role="line"
-             id="tspan9712"
-             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-             x="49.771202"
-             y="35.505993">3</tspan></text>
-      </g>
+         rx="1.6437069"
+         ry="1.6013713" />
+    </g>
+    <g
+       id="g951"
+       style="display:none">
+      <path
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 49.750577,37.720928 C 49.798146,37.584827 62.955606,8.7234554 62.955606,8.7234554"
+         id="path941"
+         sodipodi:nodetypes="cc" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.56285px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.229892;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="62.55217"
+         y="9.8619728"
+         id="text945"
+         transform="matrix(0.99532119,-0.00217292,0.00215601,1.0046961,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan943"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.229892;stroke-dasharray:none;stroke-opacity:1"
+           x="62.55217"
+           y="9.8619728">2</tspan></text>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.379863;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+         d="m 58.541136,18.384745 c 0.699746,-1.485363 3.336398,-7.224187 3.336398,-7.224187"
+         id="path947"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-0.35161998"
+         inkscape:transform-center-y="-0.23480773" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.183593;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="ellipse949"
+         cx="10.140143"
+         cy="62.836399"
+         transform="matrix(0.01817477,0.99983483,0.99980771,-0.01960974,0,0)"
+         rx="1.7055075"
+         ry="1.6419424" />
+    </g>
+    <g
+       id="g963"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 49.779183,33.987517 -0.0622,35.30229"
+         id="path953" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.448535;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+         d="m 49.866027,48.113364 -0.04369,-9.900681"
+         id="path955"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.18740376"
+         inkscape:transform-center-y="5.2328313" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.160071;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="ellipse957"
+         cx="35.855602"
+         cy="49.173382"
+         transform="matrix(0.01807357,0.99983666,0.99980555,-0.01971953,0,0)"
+         rx="1.4911454"
+         ry="1.4275796" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.60727px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.160069;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="50.222778"
+         y="35.091064"
+         id="text961"
+         transform="scale(0.97843825,1.0220369)"><tspan
+           sodipodi:role="line"
+           id="tspan959"
+           style="stroke:#f9f6f6;stroke-width:0.160069;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+           x="50.222778"
+           y="35.091064">3</tspan></text>
     </g>
   </g>
 </svg>
diff --git a/public/assets/capital-letter/z.svg b/public/assets/capital-letter/z.svg
index c4a9a70..4f8ed43 100755
--- a/public/assets/capital-letter/z.svg
+++ b/public/assets/capital-letter/z.svg
@@ -7,11 +7,11 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   inkscape:export-filename="m_l4.svg"
+   inkscape:export-filename="Z.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="n.svg"
+   sodipodi:docname="z.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -43,7 +43,7 @@
        id="guide61"
        inkscape:locked="false" />
     <sodipodi:guide
-       position="20.033735,110.59253"
+       position="6.0302981,81.086792"
        orientation="1,0"
        id="guide65"
        inkscape:locked="false" />
@@ -105,106 +105,115 @@
      inkscape:groupmode="layer"
      id="layer1"
      style="display:inline">
-    <path
-       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.44011;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 64.774973,9.7399231 C 65.409698,9.3065526 27.753077,9.521892 27.753077,9.521892"
-       id="path127"
-       sodipodi:nodetypes="cc" />
     <g
-       id="g998"
-       transform="translate(35.483848,-11.719616)">
-      <text
-         xml:space="preserve"
-         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="-8.0793381"
-         y="22.280218"
-         id="text9342"
-         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           sodipodi:role="line"
-           id="tspan9340"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+       id="g1645">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 64.774973,9.7399231 C 65.409698,9.3065526 27.753077,9.521892 27.753077,9.521892"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g998"
+         transform="matrix(1.3073333,0,0,1.2357328,37.245098,-17.071223)">
+        <text
+           xml:space="preserve"
+           style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
            x="-8.0793381"
-           y="22.280218">1</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="path9448"
-         cx="6.5714946"
-         cy="-21.503662"
-         r="1.2760839"
-         transform="rotate(-178.67073)" />
+           y="22.280218"
+           id="text9342"
+           transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan9340"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+             x="-8.0793381"
+             y="22.280218">1</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="path9448"
+           cx="6.5714946"
+           cy="-21.503662"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 40.873989,9.1122517 c -2.146422,0.02468 -10.408374,0.04547 -10.408374,0.04547"
+         id="path13743"
+         sodipodi:nodetypes="cc" />
     </g>
-    <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="m 40.873989,9.6604606 c -2.146422,0.02468 -10.408374,0.04547 -10.408374,0.04547"
-       id="path13743"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.08419;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 27.176758,57.923073 C 27.367321,57.715121 65.149463,9.3083839 65.149463,9.3083839"
-       id="path15674"
-       sodipodi:nodetypes="cc" />
     <g
-       id="g21551"
-       transform="rotate(-34.110499,61.02319,0.3679425)"
-       style="display:inline">
+       id="g1637">
+      <path
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 27.176758,57.923073 C 27.367321,57.715121 65.149463,9.3083839 65.149463,9.3083839"
+         id="path15674"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g21551"
+         transform="matrix(1.0238885,-0.7135747,0.69349827,1.0535295,-2.5248628,40.653902)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="54.113926"
+           y="-23.497944"
+           id="text15678"
+           transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan15676"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="54.113926"
+             y="-23.497944">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15680"
+           cx="-54.018658"
+           cy="25.946033"
+           r="1.2760839"
+           transform="rotate(-144.24458)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 56.901865,19.843452 c 1.298428,-1.709334 6.354908,-8.243269 6.354908,-8.243269"
+         id="path15682"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="3.1551829"
+         inkscape:transform-center-y="4.0420872" />
+    </g>
+    <g
+       id="g1629">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 27.371962,57.897675 37.471101,0.182684"
+         id="path1108" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+         d="m 39.969224,58.009522 -9.771933,0.02775"
+         id="path9576"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-4.6933313"
+         inkscape:transform-center-y="1.1412739" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.170682;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="circle9582"
+         cx="-60.013176"
+         cy="21.087881"
+         transform="matrix(-0.10984714,-0.99394849,0.99661237,-0.08224219,0,0)"
+         rx="1.4708941"
+         ry="1.645484" />
       <text
          xml:space="preserve"
-         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="54.113926"
-         y="-23.497944"
-         id="text15678"
-         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+         style="font-size:2.77959px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.170649;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="22.072718"
+         y="63.173206"
+         id="text9714"
+         transform="matrix(1.0572017,-0.03585949,0.05620405,0.9439869,0,0)"><tspan
            sodipodi:role="line"
-           id="tspan15676"
-           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
-           x="54.113926"
-           y="-23.497944">2</tspan></text>
-      <circle
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle15680"
-         cx="-54.018658"
-         cy="25.946033"
-         r="1.2760839"
-         transform="rotate(-144.24458)" />
+           id="tspan9712"
+           style="stroke:#f9f6f6;stroke-width:0.170649;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+           x="22.072718"
+           y="63.173206">3</tspan></text>
     </g>
-    <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
-       d="m 57.175969,19.843452 c 1.298428,-1.709334 6.354908,-8.243269 6.354908,-8.243269"
-       id="path15682"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="3.1551829"
-       inkscape:transform-center-y="4.0420872" />
-    <path
-       style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.45665;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="m 27.371962,57.897675 37.471101,0.182684"
-       id="path1108" />
-    <path
-       style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
-       d="m 39.969224,58.009522 -9.771933,0.02775"
-       id="path9576"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="-4.6933313"
-       inkscape:transform-center-y="1.1412739" />
-    <ellipse
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142347;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-       id="circle9582"
-       cx="-60.34573"
-       cy="21.683584"
-       transform="matrix(-0.10482327,-0.99449087,0.99627769,-0.08620189,0,0)"
-       rx="1.2555509"
-       ry="1.3407919" />
-    <text
-       xml:space="preserve"
-       style="font-size:2.31839px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142334;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
-       x="23.191841"
-       y="61.853271"
-       id="text9714"
-       transform="matrix(1.0324615,-0.03671877,0.05488879,0.96660704,0,0)"><tspan
-         sodipodi:role="line"
-         id="tspan9712"
-         style="stroke:#f9f6f6;stroke-width:0.142334;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
-         x="23.191841"
-         y="61.853271">3</tspan></text>
     <g
        id="g2750"
        style="display:none">
diff --git a/public/assets/capital-letter/z_l1.svg b/public/assets/capital-letter/z_l1.svg
new file mode 100755
index 0000000..671ee86
--- /dev/null
+++ b/public/assets/capital-letter/z_l1.svg
@@ -0,0 +1,251 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="z_l1.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="z.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="6.0302981,81.086792"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="24.949927,104.14192"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.983872,11.2698"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="26.464286,94.371578"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="67.525348,25.270843"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="80.076389,122.03504"
+       orientation="1,0"
+       id="guide1929"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.744659,55.457668"
+       orientation="0,-1"
+       id="guide2737"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g1645">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 64.774973,9.7399231 C 65.409698,9.3065526 27.753077,9.521892 27.753077,9.521892"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g998"
+         transform="matrix(1.3073333,0,0,1.2357328,37.245098,-17.071223)">
+        <text
+           xml:space="preserve"
+           style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="-8.0793381"
+           y="22.280218"
+           id="text9342"
+           transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan9340"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+             x="-8.0793381"
+             y="22.280218">1</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="path9448"
+           cx="6.5714946"
+           cy="-21.503662"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 40.873989,9.1122517 c -2.146422,0.02468 -10.408374,0.04547 -10.408374,0.04547"
+         id="path13743"
+         sodipodi:nodetypes="cc" />
+    </g>
+    <g
+       id="g1637"
+       style="display:none">
+      <path
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 27.176758,57.923073 C 27.367321,57.715121 65.149463,9.3083839 65.149463,9.3083839"
+         id="path15674"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g21551"
+         transform="matrix(1.0238885,-0.7135747,0.69349827,1.0535295,-2.5248628,40.653902)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="54.113926"
+           y="-23.497944"
+           id="text15678"
+           transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan15676"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="54.113926"
+             y="-23.497944">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15680"
+           cx="-54.018658"
+           cy="25.946033"
+           r="1.2760839"
+           transform="rotate(-144.24458)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 56.901865,19.843452 c 1.298428,-1.709334 6.354908,-8.243269 6.354908,-8.243269"
+         id="path15682"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="3.1551829"
+         inkscape:transform-center-y="4.0420872" />
+    </g>
+    <g
+       id="g1629"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 27.371962,57.897675 37.471101,0.182684"
+         id="path1108" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+         d="m 39.969224,58.009522 -9.771933,0.02775"
+         id="path9576"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-4.6933313"
+         inkscape:transform-center-y="1.1412739" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.170682;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="circle9582"
+         cx="-60.013176"
+         cy="21.087881"
+         transform="matrix(-0.10984714,-0.99394849,0.99661237,-0.08224219,0,0)"
+         rx="1.4708941"
+         ry="1.645484" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.77959px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.170649;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="22.072718"
+         y="63.173206"
+         id="text9714"
+         transform="matrix(1.0572017,-0.03585949,0.05620405,0.9439869,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan9712"
+           style="stroke:#f9f6f6;stroke-width:0.170649;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+           x="22.072718"
+           y="63.173206">3</tspan></text>
+    </g>
+    <g
+       id="g2750"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 49.991348,41.79989 74.535166,9.6531683"
+         id="path1106" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 64.440061,21.83391 6.514261,-7.767476"
+         id="path9586"
+         sodipodi:nodetypes="cc" />
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle9592"
+         cx="-11.461075"
+         cy="72.321915"
+         r="1.2760839"
+         transform="rotate(-88.91827)" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="71.226562"
+         y="13.74966"
+         id="text9761"><tspan
+           sodipodi:role="line"
+           id="tspan9759"
+           style="stroke-width:0.117792"
+           x="71.226562"
+           y="13.74966">4</tspan></text>
+    </g>
+  </g>
+</svg>
diff --git a/public/assets/capital-letter/z_l2.svg b/public/assets/capital-letter/z_l2.svg
new file mode 100755
index 0000000..03230fb
--- /dev/null
+++ b/public/assets/capital-letter/z_l2.svg
@@ -0,0 +1,252 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="z_l2.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="z.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="6.0302981,81.086792"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="24.949927,104.14192"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.983872,11.2698"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="26.464286,94.371578"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="67.525348,25.270843"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="80.076389,122.03504"
+       orientation="1,0"
+       id="guide1929"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.744659,55.457668"
+       orientation="0,-1"
+       id="guide2737"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g1645"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 64.774973,9.7399231 C 65.409698,9.3065526 27.753077,9.521892 27.753077,9.521892"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g998"
+         transform="matrix(1.3073333,0,0,1.2357328,37.245098,-17.071223)">
+        <text
+           xml:space="preserve"
+           style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="-8.0793381"
+           y="22.280218"
+           id="text9342"
+           transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan9340"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+             x="-8.0793381"
+             y="22.280218">1</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="path9448"
+           cx="6.5714946"
+           cy="-21.503662"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 40.873989,9.1122517 c -2.146422,0.02468 -10.408374,0.04547 -10.408374,0.04547"
+         id="path13743"
+         sodipodi:nodetypes="cc" />
+    </g>
+    <g
+       id="g1637"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 27.176758,57.923073 C 27.367321,57.715121 65.149463,9.3083839 65.149463,9.3083839"
+         id="path15674"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g21551"
+         transform="matrix(1.0238885,-0.7135747,0.69349827,1.0535295,-2.5248628,40.653902)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="54.113926"
+           y="-23.497944"
+           id="text15678"
+           transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan15676"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="54.113926"
+             y="-23.497944">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15680"
+           cx="-54.018658"
+           cy="25.946033"
+           r="1.2760839"
+           transform="rotate(-144.24458)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 56.901865,19.843452 c 1.298428,-1.709334 6.354908,-8.243269 6.354908,-8.243269"
+         id="path15682"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="3.1551829"
+         inkscape:transform-center-y="4.0420872" />
+    </g>
+    <g
+       id="g1629"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 27.371962,57.897675 37.471101,0.182684"
+         id="path1108" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+         d="m 39.969224,58.009522 -9.771933,0.02775"
+         id="path9576"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-4.6933313"
+         inkscape:transform-center-y="1.1412739" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.170682;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="circle9582"
+         cx="-60.013176"
+         cy="21.087881"
+         transform="matrix(-0.10984714,-0.99394849,0.99661237,-0.08224219,0,0)"
+         rx="1.4708941"
+         ry="1.645484" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.77959px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.170649;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="22.072718"
+         y="63.173206"
+         id="text9714"
+         transform="matrix(1.0572017,-0.03585949,0.05620405,0.9439869,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan9712"
+           style="stroke:#f9f6f6;stroke-width:0.170649;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+           x="22.072718"
+           y="63.173206">3</tspan></text>
+    </g>
+    <g
+       id="g2750"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 49.991348,41.79989 74.535166,9.6531683"
+         id="path1106" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 64.440061,21.83391 6.514261,-7.767476"
+         id="path9586"
+         sodipodi:nodetypes="cc" />
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle9592"
+         cx="-11.461075"
+         cy="72.321915"
+         r="1.2760839"
+         transform="rotate(-88.91827)" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="71.226562"
+         y="13.74966"
+         id="text9761"><tspan
+           sodipodi:role="line"
+           id="tspan9759"
+           style="stroke-width:0.117792"
+           x="71.226562"
+           y="13.74966">4</tspan></text>
+    </g>
+  </g>
+</svg>
diff --git a/public/assets/capital-letter/z_l3.svg b/public/assets/capital-letter/z_l3.svg
new file mode 100755
index 0000000..7fac890
--- /dev/null
+++ b/public/assets/capital-letter/z_l3.svg
@@ -0,0 +1,252 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="z_l3.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="z.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="6.0302981,81.086792"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="24.949927,104.14192"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.983872,11.2698"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="26.464286,94.371578"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="67.525348,25.270843"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="80.076389,122.03504"
+       orientation="1,0"
+       id="guide1929"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.744659,55.457668"
+       orientation="0,-1"
+       id="guide2737"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g1645"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 64.774973,9.7399231 C 65.409698,9.3065526 27.753077,9.521892 27.753077,9.521892"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g998"
+         transform="matrix(1.3073333,0,0,1.2357328,37.245098,-17.071223)">
+        <text
+           xml:space="preserve"
+           style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="-8.0793381"
+           y="22.280218"
+           id="text9342"
+           transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan9340"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+             x="-8.0793381"
+             y="22.280218">1</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="path9448"
+           cx="6.5714946"
+           cy="-21.503662"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 40.873989,9.1122517 c -2.146422,0.02468 -10.408374,0.04547 -10.408374,0.04547"
+         id="path13743"
+         sodipodi:nodetypes="cc" />
+    </g>
+    <g
+       id="g1637"
+       style="display:none">
+      <path
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 27.176758,57.923073 C 27.367321,57.715121 65.149463,9.3083839 65.149463,9.3083839"
+         id="path15674"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g21551"
+         transform="matrix(1.0238885,-0.7135747,0.69349827,1.0535295,-2.5248628,40.653902)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="54.113926"
+           y="-23.497944"
+           id="text15678"
+           transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan15676"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="54.113926"
+             y="-23.497944">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15680"
+           cx="-54.018658"
+           cy="25.946033"
+           r="1.2760839"
+           transform="rotate(-144.24458)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 56.901865,19.843452 c 1.298428,-1.709334 6.354908,-8.243269 6.354908,-8.243269"
+         id="path15682"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="3.1551829"
+         inkscape:transform-center-y="4.0420872" />
+    </g>
+    <g
+       id="g1629"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 27.371962,57.897675 37.471101,0.182684"
+         id="path1108" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+         d="m 39.969224,58.009522 -9.771933,0.02775"
+         id="path9576"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-4.6933313"
+         inkscape:transform-center-y="1.1412739" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.170682;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="circle9582"
+         cx="-60.013176"
+         cy="21.087881"
+         transform="matrix(-0.10984714,-0.99394849,0.99661237,-0.08224219,0,0)"
+         rx="1.4708941"
+         ry="1.645484" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.77959px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.170649;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="22.072718"
+         y="63.173206"
+         id="text9714"
+         transform="matrix(1.0572017,-0.03585949,0.05620405,0.9439869,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan9712"
+           style="stroke:#f9f6f6;stroke-width:0.170649;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+           x="22.072718"
+           y="63.173206">3</tspan></text>
+    </g>
+    <g
+       id="g2750"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 49.991348,41.79989 74.535166,9.6531683"
+         id="path1106" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="m 64.440061,21.83391 6.514261,-7.767476"
+         id="path9586"
+         sodipodi:nodetypes="cc" />
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle9592"
+         cx="-11.461075"
+         cy="72.321915"
+         r="1.2760839"
+         transform="rotate(-88.91827)" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="71.226562"
+         y="13.74966"
+         id="text9761"><tspan
+           sodipodi:role="line"
+           id="tspan9759"
+           style="stroke-width:0.117792"
+           x="71.226562"
+           y="13.74966">4</tspan></text>
+    </g>
+  </g>
+</svg>
diff --git a/src/pages/guided-tracing/a.astro b/src/pages/guided-tracing/a.astro
index d4f200e..35e0c25 100644
--- a/src/pages/guided-tracing/a.astro
+++ b/src/pages/guided-tracing/a.astro
@@ -32,14 +32,13 @@ import Layout from "../../layouts/Layout.astro";
       update: update
     }
   };
-
   const game = new Phaser.Game(config);
   const customWidth = window.innerWidth;
   const customHeight = window.innerHeight;
   let firstLayer, secondLayer, thirdLayer;
   let graphics;
   let isDrawing = false;
-  
+  // let hideButton;
 
   function preload() {
     this.load.svg('letterA', '/assets/capital-letter/a.svg');
@@ -51,43 +50,47 @@ import Layout from "../../layouts/Layout.astro";
     this.load.audio('slide', '/assets/audio/slide.mp3');
     this.load.image('topLogo', '/assets/top_logo.png');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
+    this.load.svg('handPointer', '/assets/svg/hand.svg');
   }
 
-
   function create() {
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
     this.add.text(customWidth / 10, 20, "Letter : A", { font: '700 40px quicksand', fill: '#05b3a4', });
+
     const firstScreen = this.add.image(customWidth / 2, customHeight / 2, 'letterA');
+    firstScreen.setVisible(false);
+
+    let hideButton = this.add.text(customWidth / 2, customHeight / 1.1, "Let`s Do", { font: '24px quicksand', fill: '#05b3a4' });
+    hideButton.setInteractive().on('pointerdown', () => {
+      isDemoButtonClicked = false;
+      firstScreen.setVisible(false);
+      hideButton.setVisible(false);  // Hide the "Hide" button
+      demoButton.setVisible(true);   // Show the "Demo" button
+      graphics.setVisible(true);
+      handPointerLeft.setVisible(false);
+      handPointerRight.setVisible(false);
+      handPointeSlide.setVisible(false);
+    });
+    hideButton.setVisible(false);
+    
+    let demoButton = this.add.text(customWidth / 2, customHeight / 1.1, "Help", { font: '24px quicksand', fill: '#05b3a4' });
+    demoButton.setInteractive().on('pointerdown', () => {
+      graphics.setVisible(false);
+      firstScreen.setVisible(true);
+      demoButton.setVisible(false);  // Hide the "Demo" button
+      hideButton.setVisible(true);   // Show the "Hide" button
+      handPointerLeft.setVisible(true);
+      handPointerRight.setVisible(true);
+      handPointeSlide.setVisible(true);
+    });
+
+
     const screenCenterX = this.cameras.main.worldView.x + this.cameras.main.width / 2;
     const baseFontSize = 20;
     const responsiveFontSize = (window.innerWidth / 480) * baseFontSize;
     const descrptText = this.add.text(screenCenterX, 90, 'Let`s learn how to write letter : A', { font: `${responsiveFontSize}px quicksand`, fill: '#7c4c23', fontWeight : 'bold'}).setOrigin(0.5);
 
-    this.time.delayedCall(2000, () => {
-      this.tweens.add({
-        targets: firstScreen,
-        alpha: 0,
-        scaleX: 0.5,
-        scaleY: 0.5,
-        duration: 1000,
-        onComplete: () => {
-          firstScreen.setVisible(false);
-          firstScreen.setScale(1);
-          showLayersWithFadeIn.call(this);
-        }
-      });
-    }, [], this);
-  }
-  function showLayersWithFadeIn() {
-    this.tweens.add({
-      targets: [firstLayer, secondLayer, thirdLayer],
-      alpha: 1,
-      duration: 1000, // Duration of the tween in milliseconds
-      delay: 500,     // Delay before the fade-in starts
-      ease: 'Power2', // Easing function (e.g., 'Linear', 'Cubic', 'Elastic', etc.)
-    });
-    
-      let textX, textY;
+    let textX, textY;
 
       firstLayer = this.add.image(customWidth / 2, customHeight / 2, 'layer1');
       textX = isMobile ? customWidth / 3 : customWidth * 0.75;
@@ -164,6 +167,7 @@ import Layout from "../../layouts/Layout.astro";
       this.input.on('pointerdown', function (pointer) {
         isDrawing = true;
         graphics.moveTo(pointer.x, pointer.y);
+        console.log("Start Position", pointer.x, pointer.y)
       });
 
       this.input.on('pointerup', function () {
@@ -176,7 +180,86 @@ import Layout from "../../layouts/Layout.astro";
         graphics.lineTo(pointer.x, pointer.y);
         graphics.strokePath();
       });
+        const handPointerLeft = this.add.sprite(customWidth / 2, customHeight / 2, 'handPointer');
+        const startHeightLeft = customHeight /2 - 140; // Starting y position
+        const endHeightLeft = 567;   // Ending y position
+        const startWidthLeft = customWidth / 2 + 20;
+        const endWidthLeft = customWidth / 2 - 65;
+        //   handPointer.setOrigin(0.5, 0.5);
+        handPointerLeft.setScale(0.5).setDepth(2); // Adjust scale as needed
+        // Define the bounce animation
+        this.tweens.add({
+          targets: handPointerLeft,
+          x: {
+              getStart: () => startWidthLeft,
+              getEnd: () => endWidthLeft,
+          }, // End x position
+          y: {
+            getStart: () => startHeightLeft,
+            getEnd: () => endHeightLeft,
+          },
+          duration: 3000, // Duration of each bounce
+          ease: 'Sine.easeInOut',
+          yoyo: false,
+          repeat: -1 // -1 means it will repeat indefinitely
+        });
+        const handPointerRight = this.add.sprite(customWidth / 2, customHeight / 2, 'handPointer');
+        const startHeightRight = customHeight /2 - 140; // Starting y position
+        const endHeightRight = 567;   // Ending y position
+        const startWidthRight = customWidth / 2 + 20;
+        const endWidthRight = customWidth / 2 + 100;
+        //   handPointer.setOrigin(0.5, 0.5);
+        handPointerRight.setScale(0.5).setDepth(2).setAngle(360); // Adjust scale as needed
+        // Define the bounce animation
+        this.tweens.add({
+          targets: handPointerRight,
+          x: {
+              getStart: () => startWidthRight,
+              getEnd: () => endWidthRight,
+          }, // End x position
+          y: {
+            getStart: () => startHeightRight,
+            getEnd: () => endHeightRight,
+          },
+          duration: 3000, // Duration of each bounce
+          ease: 'Sine.easeInOut',
+          yoyo: false,
+          repeat: -1 // -1 means it will repeat indefinitely
+        });
+        const handPointeSlide = this.add.sprite(customWidth / 2, customHeight / 2, 'handPointer');
+        const startHeightSlide = customHeight / 2 + 17; // Starting y position
+        const endHeightSlide = customHeight / 2 + 17;   // Ending y position
+
+        const startWidthSlide = customWidth / 2 - 60;
+        const endWidthSlide = customWidth / 2 + 55;
+        //   handPointer.setOrigin(0.5, 0.5);
+        handPointeSlide.setScale(0.5).setDepth(2).setAngle(45); // Adjust scale as needed
+        // Define the bounce animation
+        this.tweens.add({
+          targets: handPointeSlide,
+          x: {
+              getStart: () => startWidthSlide,
+              getEnd: () => endWidthSlide,
+          }, // End x position
+          y: {
+            getStart: () => startHeightSlide,
+            getEnd: () => endHeightSlide,
+          },
+          duration: 3000, // Duration of each bounce
+          ease: 'Sine.easeInOut',
+          yoyo: false,
+          repeat: -1 // -1 means it will repeat indefinitely
+        });
+        handPointerLeft.setVisible(false);
+        handPointerRight.setVisible(false);
+        handPointeSlide.setVisible(false);
+
+      // Start Position 626 317
+
   }
+  // function showLayersWithFadeIn() {    
+      
+  // }
 
   function update() {
     // Update any game logic if needed
diff --git a/src/pages/guided-tracing/b.astro b/src/pages/guided-tracing/b.astro
index 535107c..b4eed9e 100644
--- a/src/pages/guided-tracing/b.astro
+++ b/src/pages/guided-tracing/b.astro
@@ -32,68 +32,48 @@ import Layout from "../../layouts/Layout.astro";
       update: update
     }
   };
-
   const game = new Phaser.Game(config);
   const customWidth = window.innerWidth;
   const customHeight = window.innerHeight;
   let firstLayer, secondLayer, thirdLayer;
   let graphics;
   let isDrawing = false;
-  
+  // let hideButton;
 
   function preload() {
     this.load.svg('letterB', '/assets/capital-letter/b.svg');
     this.load.svg('layer1', '/assets/capital-letter/b_l1.svg');
     this.load.svg('layer2', '/assets/capital-letter/b_l2.svg');
     this.load.svg('layer3', '/assets/capital-letter/b_l3.svg');
-
-    this.load.audio('tallDown', '/assets/audio/tall-down.mp3');
-    this.load.audio('slideAround', '/assets/audio/slide-around.mp3');
+    this.load.audio('slantLeft', '/assets/audio/slant-left.mp3');
+    this.load.audio('slantRight', '/assets/audio/slant-right.mp3');
+    this.load.audio('slide', '/assets/audio/slide.mp3');
     this.load.image('topLogo', '/assets/top_logo.png');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
+    this.load.svg('handPointer', '/assets/svg/hand.svg');
   }
 
-
   function create() {
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
     this.add.text(customWidth / 10, 20, "Letter : A", { font: '700 40px quicksand', fill: '#05b3a4', });
+
     const firstScreen = this.add.image(customWidth / 2, customHeight / 2, 'letterB');
+    firstScreen.setVisible(false);
+
+
+
     const screenCenterX = this.cameras.main.worldView.x + this.cameras.main.width / 2;
     const baseFontSize = 20;
     const responsiveFontSize = (window.innerWidth / 480) * baseFontSize;
     const descrptText = this.add.text(screenCenterX, 90, 'Let`s learn how to write letter : A', { font: `${responsiveFontSize}px quicksand`, fill: '#7c4c23', fontWeight : 'bold'}).setOrigin(0.5);
 
-    this.time.delayedCall(2000, () => {
-      this.tweens.add({
-        targets: firstScreen,
-        alpha: 0,
-        scaleX: 0.5,
-        scaleY: 0.5,
-        duration: 1000,
-        onComplete: () => {
-          firstScreen.setVisible(false);
-          firstScreen.setScale(1);
-          showLayersWithFadeIn.call(this);
-        }
-      });
-    }, [], this);
-  }
-  function showLayersWithFadeIn() {
-    this.tweens.add({
-      targets: [firstLayer, secondLayer, thirdLayer],
-      alpha: 1,
-      duration: 1000, // Duration of the tween in milliseconds
-      delay: 500,     // Delay before the fade-in starts
-      ease: 'Power2', // Easing function (e.g., 'Linear', 'Cubic', 'Elastic', etc.)
-    });
-    
-      let textX, textY;
+    let textX, textY;
 
       firstLayer = this.add.image(customWidth / 2, customHeight / 2, 'layer1');
       textX = isMobile ? customWidth / 3 : customWidth * 0.75;
       textY = isMobile ? customHeight / 5 : customHeight / 2;
-      const firstTextLayer = this.add.text(textX, textY, '1. Tall Down', { font: '700 40px quicksand', fill: '#05b3a4'});
-      const slantLeftAudio = this.sound.add('tallDown');
+      const firstTextLayer = this.add.text(textX, textY, '1. Slant Left', { font: '700 40px quicksand', fill: '#05b3a4'});
+      const slantLeftAudio = this.sound.add('slantLeft');
       slantLeftAudio.play();
       firstLayer.setDepth(1);
       firstLayer.setAlpha(0.5);
@@ -101,8 +81,8 @@ import Layout from "../../layouts/Layout.astro";
 
       secondLayer = this.add.image(customWidth / 2, customHeight / 2, 'layer2');
       textX = isMobile ? customWidth / 3 : customWidth * 0.75;
-      const secondTextLayer = this.add.text(textX, textY, '2. Slide Around', { font: '700 40px quicksand', fill: '#05b3a4'});
-      const slantRightAudio = this.sound.add('slideAround');
+      const secondTextLayer = this.add.text(textX, textY, '2. Slant Right', { font: '700 40px quicksand', fill: '#05b3a4'});
+      const slantRightAudio = this.sound.add('slantRight');
       secondTextLayer.setVisible(false);
       secondLayer.setDepth(1);
       secondLayer.setAlpha(0.5);
@@ -111,8 +91,8 @@ import Layout from "../../layouts/Layout.astro";
 
       thirdLayer = this.add.image(customWidth / 2, customHeight / 2, 'layer3');
       textX = isMobile ? customWidth / 3 : customWidth * 0.75;
-      const thirdTextLayer = this.add.text(textX, textY, '3. Slide Around', { font: '700 40px quicksand', fill: '#05b3a4'});
-      const slideAudio = this.sound.add('slideAround');
+      const thirdTextLayer = this.add.text(textX, textY, '3. Slide', { font: '700 40px quicksand', fill: '#05b3a4'});
+      const slideAudio = this.sound.add('slide');
       thirdTextLayer.setVisible(false);
       thirdLayer.setDepth(1.1);
       // thirdLayer.setScale(1.15);
@@ -164,6 +144,7 @@ import Layout from "../../layouts/Layout.astro";
       this.input.on('pointerdown', function (pointer) {
         isDrawing = true;
         graphics.moveTo(pointer.x, pointer.y);
+        console.log("Start Position", pointer.x, pointer.y)
       });
 
       this.input.on('pointerup', function () {
@@ -176,7 +157,56 @@ import Layout from "../../layouts/Layout.astro";
         graphics.lineTo(pointer.x, pointer.y);
         graphics.strokePath();
       });
+        const handPointerLeft = this.add.sprite(customWidth / 2, customHeight / 2, 'handPointer');
+        const startHeightLeft = customHeight /2 - 140;
+        const endHeightLeft = customHeight / 2 + 140;   
+        const startWidthLeft = customWidth / 2 + 10;
+        const endWidthLeft = customWidth / 2 + 10;
+        handPointerLeft.setScale(0.5).setDepth(2); // Adjust scale as needed
+        this.tweens.add({
+          targets: handPointerLeft,
+          x: {
+              getStart: () => startWidthLeft,
+              getEnd: () => endWidthLeft,
+          }, // End x position
+          y: {
+            getStart: () => startHeightLeft,
+            getEnd: () => endHeightLeft,
+          },
+          duration: 3000, // Duration of each bounce
+          ease: 'Sine.easeInOut',
+          yoyo: false,
+          repeat: -1 // -1 means it will repeat indefinitely
+        });
+        
+        handPointerLeft.setVisible(false);
+        
+
+      // Start Position 626 317
+      let hideButton = this.add.text(customWidth / 2, customHeight / 1.1, "Let`s Do", { font: '24px quicksand', fill: '#05b3a4' });
+      hideButton.setInteractive().on('pointerdown', () => {
+        isDemoButtonClicked = false;
+        firstScreen.setVisible(false);
+        hideButton.setVisible(false);  // Hide the "Hide" button
+        demoButton.setVisible(true);   // Show the "Demo" button
+        graphics.setVisible(true);
+        handPointerLeft.setVisible(false);
+      });
+      hideButton.setVisible(false);
+      
+      let demoButton = this.add.text(customWidth / 2, customHeight / 1.1, "Help", { font: '24px quicksand', fill: '#05b3a4' });
+      demoButton.setInteractive().on('pointerdown', () => {
+        graphics.setVisible(false);
+        firstScreen.setVisible(true);
+        demoButton.setVisible(false);  // Hide the "Demo" button
+        hideButton.setVisible(true);   // Show the "Hide" button
+        handPointerLeft.setVisible(true);
+      });
+
   }
+  // function showLayersWithFadeIn() {    
+      
+  // }
 
   function update() {
     // Update any game logic if needed
diff --git a/src/pages/guided-tracing/o.astro b/src/pages/guided-tracing/o.astro
new file mode 100644
index 0000000..af3034c
--- /dev/null
+++ b/src/pages/guided-tracing/o.astro
@@ -0,0 +1,148 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+<Layout title="Guided Letter Tracing Game">
+    <main>
+        <div>
+        </div>
+        <script is:inline src="/assets/js/phaser_3.60.0.js"></script>
+    </main>
+</Layout>
+<script is:inline>
+  const isMobile = window.innerWidth <= 768;
+  const drawingZone = {
+    x: isMobile ? 0 : window.innerWidth / 4,
+    y: window.innerHeight / 4,
+    width: isMobile ? window.innerWidth : window.innerWidth / 2,
+    height: window.innerHeight / 2,
+  };
+
+  const config = {
+    type: Phaser.AUTO,
+    width: window.innerWidth,
+    height: window.innerHeight,
+    backgroundColor: 0xFFFFFF,
+    scale: {
+      mode: Phaser.Scale.FIT,
+      autoCenter: Phaser.Scale.CENTER_HORIZONTALLY,
+    },
+    scene: {
+      preload: preload,
+      create: create,
+      update: update
+    }
+  };
+    const game = new Phaser.Game(config);
+    const customWidth = window.innerWidth;
+    const customHeight = window.innerHeight;
+    let firstLayer;
+    let graphics;
+    let isDrawing = false;
+    let ellipseCenter;
+    let ellipseRadiusX = 74;
+    let ellipseRadiusY = 100;
+    let angle = 0;
+    let rotationSpeed = 0.02; // Adjust rotation speed as needed
+    let rotatingObject;
+  // let hideButton;
+
+  function preload() {
+    this.load.svg('letterO', '/assets/capital-letter/o.svg');
+    this.load.svg('layer1', '/assets/capital-letter/o.svg');
+    this.load.audio('hookAroundClose', '/assets/audio/hook-arround-close.mp3');
+    this.load.image('topLogo', '/assets/top_logo.png');
+    this.load.svg('succesImage', '/assets/svg/tick.svg');
+    this.load.svg('handPointer', '/assets/svg/hand.svg');
+  }
+
+  function create() {
+    this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
+    this.add.text(customWidth / 10, 20, "Letter : A", { font: '700 40px quicksand', fill: '#05b3a4', });
+
+    const firstScreen = this.add.image(customWidth / 2, customHeight / 2, 'letterO');
+    firstScreen.setVisible(false);
+
+    const screenCenterX = this.cameras.main.worldView.x + this.cameras.main.width / 2;
+    const baseFontSize = 20;
+    const responsiveFontSize = (window.innerWidth / 480) * baseFontSize;
+    const descrptText = this.add.text(screenCenterX, 90, 'Let`s learn how to write letter : A', { font: `${responsiveFontSize}px quicksand`, fill: '#7c4c23', fontWeight : 'bold'}).setOrigin(0.5);
+
+    let textX, textY;
+
+      firstLayer = this.add.image(customWidth / 2, customHeight / 2, 'layer1');
+      textX = isMobile ? customWidth / 3 : customWidth * 0.75;
+      textY = isMobile ? customHeight / 5 : customHeight / 2;
+      const firstTextLayer = this.add.text(textX, textY, '1. Hook Around Close', { font: '700 40px quicksand', fill: '#05b3a4'});
+      const hookAroundClose = this.sound.add('hookAroundClose');
+      hookAroundClose.play();
+      firstLayer.setDepth(1);
+      firstLayer.setAlpha(0.5);
+      firstLayer.setInteractive({ draggable: true });
+
+      
+
+      firstLayer.on('drag', (pointer) => {
+        if (pointer.isDown) {
+          firstTextLayer.setVisible(false);
+          firstLayer.setAlpha(1);
+        } else {
+          firstLayer.setAlpha(0.5);
+        }
+      });
+      graphics = this.add.graphics();
+      graphics.lineStyle(15, 0x05b3a4, 2).setDepth(2); // Set line style (width, color, alpha)
+
+      this.input.on('pointerdown', function (pointer) {
+        isDrawing = true;
+        graphics.moveTo(pointer.x, pointer.y);
+        // console.log("Start Position", pointer.x, pointer.y)
+      });
+
+      this.input.on('pointerup', function () {
+        isDrawing = false;
+      });
+
+      this.input.on('pointermove', function (pointer) {
+        if (!isDrawing) return;
+        graphics.lineTo(pointer.x, pointer.y);
+        graphics.strokePath();
+      });
+        ellipseCenter = new Phaser.Math.Vector2(customWidth / 2, customHeight / 2); // Center of the ellipse
+        rotatingObject = this.add.sprite(ellipseCenter.x + ellipseRadiusX, ellipseCenter.y, 'handPointer');
+        rotatingObject.setScale(0.5).setDepth(2); // Adjust scale as needed
+
+        let hideButton = this.add.text(customWidth / 2, customHeight / 1.1, "Let`s Do", { font: '24px quicksand', fill: '#05b3a4' });
+        hideButton.setInteractive().on('pointerdown', () => {
+            isDemoButtonClicked = false;
+            firstScreen.setVisible(false);
+            hideButton.setVisible(false);  // Hide the "Hide" button
+            demoButton.setVisible(true);   // Show the "Demo" button
+            graphics.setVisible(true);
+            hideButton.setVisible(false);
+            rotatingObject.setVisible(false);
+        });
+        hideButton.setVisible(false);
+        rotatingObject.setVisible(false);
+            
+        let demoButton = this.add.text(customWidth / 2, customHeight / 1.1, "Help", { font: '24px quicksand', fill: '#05b3a4' });
+        demoButton.setInteractive().on('pointerdown', () => {
+            graphics.setVisible(false);
+            firstScreen.setVisible(true);
+            demoButton.setVisible(false);  // Hide the "Demo" button
+            hideButton.setVisible(true);   // Show the "Hide" button
+            rotatingObject.setVisible(true);
+        });
+  }
+
+  function update() {
+    angle -= rotationSpeed;
+    const x = ellipseCenter.x + ellipseRadiusX * Math.cos(angle);
+    const y = ellipseCenter.y + ellipseRadiusY * Math.sin(angle);
+
+    rotatingObject.x = x;
+    rotatingObject.y = y;
+
+    // Rotate the object based on the angle (optional)
+    rotatingObject.rotation = angle;
+  }
+</script>
\ No newline at end of file
diff --git a/src/pages/tracing/test2.astro b/src/pages/tracing/animate-pointer.astro
similarity index 97%
rename from src/pages/tracing/test2.astro
rename to src/pages/tracing/animate-pointer.astro
index b23e051..0b9f4a0 100644
--- a/src/pages/tracing/test2.astro
+++ b/src/pages/tracing/animate-pointer.astro
@@ -31,7 +31,7 @@ import Layout from "../../layouts/Layout.astro";
 function preload() {
   // Preload your assets here
   this.load.image('letterA', '/assets/capital-letter/a.svg');
-  this.load.svg('handPointer', '/assets/svg/hand.svg')
+  this.load.svg('handPointer', '/assets/svg/hand.svg');
   // Load other assets as needed
 }
 
diff --git a/src/pages/tracing/half-round.astro b/src/pages/tracing/half-round.astro
new file mode 100644
index 0000000..a7fb6d5
--- /dev/null
+++ b/src/pages/tracing/half-round.astro
@@ -0,0 +1,46 @@
+<script is:inline src="/assets/js/phaser_3.60.0.js"></script>
+<!-- this.load.image('handPointer', '/assets/svg/hand.svg'); -->
+<script is:inline>
+ const config = {
+  type: Phaser.AUTO,
+  width: 800,
+  height: 600,
+  scene: {
+    create: create
+  }
+};
+
+const game = new Phaser.Game(config);
+
+let svgPath = "M100,200 C100,100 400,100 400,200";
+let points = parseSvgPath(svgPath);
+
+function create() {
+  // Visualize the SVG path using Phaser graphics (optional)
+  const graphics = this.add.graphics();
+  graphics.lineStyle(2, 0xffffff);
+  for (let i = 0; i < points.length - 1; i++) {
+    graphics.lineBetween(points[i].x, points[i].y, points[i + 1].x, points[i + 1].y);
+  }
+}
+
+function parseSvgPath(path) {
+  // Parse SVG path data to extract points
+  // This is a simple example and may not cover all SVG path commands
+  const commands = path.match(/[a-df-z]|[\-+]?\d+(\.\d+)?/ig);
+  const points = [];
+  let currentPoint = { x: 0, y: 0 };
+
+  commands.forEach((command, index) => {
+    if (!isNaN(command)) {
+      const isX = (index % 2 === 0);
+      currentPoint[isX ? 'x' : 'y'] = parseFloat(command);
+      points.push({ ...currentPoint });
+    }
+  });
+
+  return points;
+}
+
+
+</script>
\ No newline at end of file
diff --git a/src/pages/tracing/round.astro b/src/pages/tracing/round.astro
new file mode 100644
index 0000000..fede780
--- /dev/null
+++ b/src/pages/tracing/round.astro
@@ -0,0 +1,56 @@
+<script is:inline src="/assets/js/phaser_3.60.0.js"></script>
+<!-- this.load.image('handPointer', '/assets/svg/hand.svg'); -->
+<script is:inline>
+ const config = {
+  type: Phaser.AUTO,
+  width: window.innerWidth,
+  height: window.innerHeight,
+  scene: {
+    preload: preload,
+    create: create,
+    update: update
+  }
+};
+
+const game = new Phaser.Game(config);
+const customWidth = window.innerWidth;
+const customHeight = window.innerHeight;
+let ellipseCenter;
+let ellipseRadiusX = 74;
+let ellipseRadiusY = 100;
+let angle = 0;
+let rotationSpeed = 0.02; // Adjust rotation speed as needed
+let rotatingObject;
+
+function preload(){
+    this.load.image('handPointer', '/assets/svg/hand.svg');
+    this.load.image('letterO', '/assets/capital-letter/o.svg')
+}
+function create() {
+    this.add.image(customWidth / 2, customHeight / 2, 'letterO');
+    // Create an ellipse (in this case, a visual representation)
+    // const graphics = this.add.graphics();
+    // graphics.lineStyle(2, 0xffffff);
+    // graphics.strokeEllipse(customWidth / 2, customHeight / 2, ellipseRadiusX * 2, ellipseRadiusY * 2);
+
+    ellipseCenter = new Phaser.Math.Vector2(customWidth / 2, customHeight / 2); // Center of the ellipse
+    rotatingObject = this.add.sprite(ellipseCenter.x + ellipseRadiusX, ellipseCenter.y, 'handPointer');
+    rotatingObject.setScale(0.5).setDepth(2); // Adjust scale as needed 
+}
+
+function update() {
+    // Update the angle for rotation
+  angle -= rotationSpeed;
+
+// Calculate new position based on the angle and radii
+const x = ellipseCenter.x + ellipseRadiusX * Math.cos(angle);
+const y = ellipseCenter.y + ellipseRadiusY * Math.sin(angle);
+
+rotatingObject.x = x;
+rotatingObject.y = y;
+
+// Rotate the object based on the angle (optional)
+rotatingObject.rotation = angle;
+}
+
+</script>
\ No newline at end of file
diff --git a/src/pages/tracing/test.astro b/src/pages/tracing/test.astro
index 6ffd548..e12bb9a 100644
--- a/src/pages/tracing/test.astro
+++ b/src/pages/tracing/test.astro
@@ -32,7 +32,6 @@ import Layout from "../../layouts/Layout.astro";
       update: update
     }
   };
-
   const game = new Phaser.Game(config);
   const customWidth = window.innerWidth;
   const customHeight = window.innerHeight;
@@ -51,9 +50,9 @@ import Layout from "../../layouts/Layout.astro";
     this.load.audio('slide', '/assets/audio/slide.mp3');
     this.load.image('topLogo', '/assets/top_logo.png');
     this.load.svg('succesImage', '/assets/svg/tick.svg');
+    this.load.svg('handPointer', '/assets/svg/hand.svg');
   }
 
-
   function create() {
     this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo');
     this.add.text(customWidth / 10, 20, "Letter : A", { font: '700 40px quicksand', fill: '#05b3a4', });
@@ -61,19 +60,28 @@ import Layout from "../../layouts/Layout.astro";
     const firstScreen = this.add.image(customWidth / 2, customHeight / 2, 'letterA');
     firstScreen.setVisible(false);
 
-    let hideButton = this.add.text(customWidth / 2, customHeight / 1.1, "Hide", { font: '24px quicksand', fill: '#05b3a4' });
+    let hideButton = this.add.text(customWidth / 2, customHeight / 1.1, "Let`s Do", { font: '24px quicksand', fill: '#05b3a4' });
     hideButton.setInteractive().on('pointerdown', () => {
       isDemoButtonClicked = false;
       firstScreen.setVisible(false);
       hideButton.setVisible(false);  // Hide the "Hide" button
       demoButton.setVisible(true);   // Show the "Demo" button
+      graphics.setVisible(true);
+      handPointerLeft.setVisible(false);
+      handPointerRight.setVisible(false);
+      handPointeSlide.setVisible(false);
     });
     hideButton.setVisible(false);
-    let demoButton = this.add.text(customWidth / 2, customHeight / 1.1, "Demo", { font: '24px quicksand', fill: '#05b3a4' });
+    
+    let demoButton = this.add.text(customWidth / 2, customHeight / 1.1, "Help", { font: '24px quicksand', fill: '#05b3a4' });
     demoButton.setInteractive().on('pointerdown', () => {
+      graphics.setVisible(false);
       firstScreen.setVisible(true);
       demoButton.setVisible(false);  // Hide the "Demo" button
       hideButton.setVisible(true);   // Show the "Hide" button
+      handPointerLeft.setVisible(true);
+      handPointerRight.setVisible(true);
+      handPointeSlide.setVisible(true);
     });
 
 
@@ -159,6 +167,7 @@ import Layout from "../../layouts/Layout.astro";
       this.input.on('pointerdown', function (pointer) {
         isDrawing = true;
         graphics.moveTo(pointer.x, pointer.y);
+        console.log("Start Position", pointer.x, pointer.y)
       });
 
       this.input.on('pointerup', function () {
@@ -171,6 +180,81 @@ import Layout from "../../layouts/Layout.astro";
         graphics.lineTo(pointer.x, pointer.y);
         graphics.strokePath();
       });
+        const handPointerLeft = this.add.sprite(customWidth / 2, customHeight / 2, 'handPointer');
+        const startHeightLeft = customHeight /2 - 140; // Starting y position
+        const endHeightLeft = 567;   // Ending y position
+        const startWidthLeft = customWidth / 2 + 20;
+        const endWidthLeft = customWidth / 2 - 65;
+        //   handPointer.setOrigin(0.5, 0.5);
+        handPointerLeft.setScale(0.5).setDepth(2); // Adjust scale as needed
+        // Define the bounce animation
+        this.tweens.add({
+          targets: handPointerLeft,
+          x: {
+              getStart: () => startWidthLeft,
+              getEnd: () => endWidthLeft,
+          }, // End x position
+          y: {
+            getStart: () => startHeightLeft,
+            getEnd: () => endHeightLeft,
+          },
+          duration: 3000, // Duration of each bounce
+          ease: 'Sine.easeInOut',
+          yoyo: false,
+          repeat: -1 // -1 means it will repeat indefinitely
+        });
+        const handPointerRight = this.add.sprite(customWidth / 2, customHeight / 2, 'handPointer');
+        const startHeightRight = customHeight /2 - 140; // Starting y position
+        const endHeightRight = 567;   // Ending y position
+        const startWidthRight = customWidth / 2 + 20;
+        const endWidthRight = customWidth - 530;
+        //   handPointer.setOrigin(0.5, 0.5);
+        handPointerRight.setScale(0.5).setDepth(2).setAngle(360); // Adjust scale as needed
+        // Define the bounce animation
+        this.tweens.add({
+          targets: handPointerRight,
+          x: {
+              getStart: () => startWidthRight,
+              getEnd: () => endWidthRight,
+          }, // End x position
+          y: {
+            getStart: () => startHeightRight,
+            getEnd: () => endHeightRight,
+          },
+          duration: 3000, // Duration of each bounce
+          ease: 'Sine.easeInOut',
+          yoyo: false,
+          repeat: -1 // -1 means it will repeat indefinitely
+        });
+        const handPointeSlide = this.add.sprite(customWidth / 2, customHeight / 2, 'handPointer');
+        const startHeightSlide = customHeight / 2 + 17; // Starting y position
+        const endHeightSlide = customHeight / 2 + 17;   // Ending y position
+
+        const startWidthSlide = customWidth / 2 - 60;
+        const endWidthSlide = customWidth / 2 + 55;
+        //   handPointer.setOrigin(0.5, 0.5);
+        handPointeSlide.setScale(0.5).setDepth(2).setAngle(45); // Adjust scale as needed
+        // Define the bounce animation
+        this.tweens.add({
+          targets: handPointeSlide,
+          x: {
+              getStart: () => startWidthSlide,
+              getEnd: () => endWidthSlide,
+          }, // End x position
+          y: {
+            getStart: () => startHeightSlide,
+            getEnd: () => endHeightSlide,
+          },
+          duration: 3000, // Duration of each bounce
+          ease: 'Sine.easeInOut',
+          yoyo: false,
+          repeat: -1 // -1 means it will repeat indefinitely
+        });
+        handPointerLeft.setVisible(false);
+        handPointerRight.setVisible(false);
+        handPointeSlide.setVisible(false);
+
+      // Start Position 626 317
 
   }
   // function showLayersWithFadeIn() {    
diff --git a/src/pages/tracing/test3.astro b/src/pages/tracing/test3.astro
index e69de29..a2cb78f 100644
--- a/src/pages/tracing/test3.astro
+++ b/src/pages/tracing/test3.astro
@@ -0,0 +1,23 @@
+<script is:inline>
+ function create() {
+  const startX = 100;  // X coordinate for the start point
+  const startY = 300;  // Y coordinate for the start point
+  const endY = 500;    // Y coordinate for the end point
+
+  const ball = this.add.sprite(startX, startY, 'ball');
+  ball.setScale(0.5); // Adjust scale as needed
+  ball.setOrigin(0.5, 0.5);
+
+  // Define the bounce animation
+  this.tweens.add({
+    targets: ball,
+    y: endY,         // End point Y coordinate
+    duration: 1000,  // Duration of each bounce
+    ease: 'Sine.easeInOut',
+    yoyo: true,
+    repeat: -1       // -1 means it will repeat indefinitely
+  });
+}
+
+
+</script>
\ No newline at end of file