diff --git a/public/assets/animated-letter/small_b.mp4 b/public/assets/animated-letter/small_b.mp4
old mode 100755
new mode 100644
index d3385ab..9a65327
Binary files a/public/assets/animated-letter/small_b.mp4 and b/public/assets/animated-letter/small_b.mp4 differ
diff --git a/public/assets/animated-letter/small_e.mp4 b/public/assets/animated-letter/small_e.mp4
old mode 100755
new mode 100644
index e07bca5..7538af0
Binary files a/public/assets/animated-letter/small_e.mp4 and b/public/assets/animated-letter/small_e.mp4 differ
diff --git a/public/assets/animated-letter/small_f.mp4 b/public/assets/animated-letter/small_f.mp4
old mode 100755
new mode 100644
index 53d3e17..42fd3ee
Binary files a/public/assets/animated-letter/small_f.mp4 and b/public/assets/animated-letter/small_f.mp4 differ
diff --git a/public/assets/animated-letter/small_h.mp4 b/public/assets/animated-letter/small_h.mp4
old mode 100755
new mode 100644
index c044309..32bb904
Binary files a/public/assets/animated-letter/small_h.mp4 and b/public/assets/animated-letter/small_h.mp4 differ
diff --git a/public/assets/animated-letter/small_k.mp4 b/public/assets/animated-letter/small_k.mp4
old mode 100755
new mode 100644
index 6a5c198..9070718
Binary files a/public/assets/animated-letter/small_k.mp4 and b/public/assets/animated-letter/small_k.mp4 differ
diff --git a/public/assets/animated-letter/small_m.mp4 b/public/assets/animated-letter/small_m.mp4
old mode 100755
new mode 100644
index 9a5fcb3..3b74912
Binary files a/public/assets/animated-letter/small_m.mp4 and b/public/assets/animated-letter/small_m.mp4 differ
diff --git a/public/assets/animated-letter/small_n.mp4 b/public/assets/animated-letter/small_n.mp4
old mode 100755
new mode 100644
index 0c944ec..815cecf
Binary files a/public/assets/animated-letter/small_n.mp4 and b/public/assets/animated-letter/small_n.mp4 differ
diff --git a/public/assets/animated-letter/small_t.mp4 b/public/assets/animated-letter/small_t.mp4
index f1ee3a1..88ba97a 100644
Binary files a/public/assets/animated-letter/small_t.mp4 and b/public/assets/animated-letter/small_t.mp4 differ
diff --git a/public/assets/small-letter/bs.svg b/public/assets/small-letter/bs.svg
index 4949596..d06a34e 100644
--- a/public/assets/small-letter/bs.svg
+++ b/public/assets/small-letter/bs.svg
@@ -7,87 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="as.svg"
-   inkscape:export-filename="bs.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="namedview51242"
-     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">
-    <sodipodi:guide
-       position="107.64909,49.99107"
-       orientation="0,-1"
-       id="guide51373"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.63086,74.995535"
-       orientation="0,-1"
-       id="guide51375"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="69.817661,104.871"
-       orientation="1,0"
-       id="guide51377"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="49.846563,90.7451"
-       orientation="1,0"
-       id="guide51379"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="30.037831,109.742"
-       orientation="1,0"
-       id="guide51381"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.14376,25.148972"
-       orientation="0,-1"
-       id="guide51383"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="121.77499,67.526669"
-       orientation="0,-1"
-       id="guide51385"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="-62.511162,32.455471"
-       orientation="0,-1"
-       id="guide51387"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="79.722027,92.531133"
-       orientation="0,-1"
-       id="guide51389"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="75.500494,7.6133734"
-       orientation="0,-1"
-       id="guide51391"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="62.674703,108.2319"
-       orientation="1,0"
-       id="guide53858"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="37.604822,110.66405"
-       orientation="1,0"
-       id="guide53860"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
   <defs
      id="defs2">
     <marker
@@ -124,16 +45,16 @@
     </marker>
   </defs>
   <path
-     style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-     d="m 33.925961,62.66356 c -0.03846,-3.805681 0.179081,-49.892837 0.179081,-49.892837"
+     style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.69281;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+     d="m 33.577801,70.578205 c -0.03883,-4.552091 0.18082,-59.678336 0.18082,-59.678336"
      id="path1236-3" />
   <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-1);paint-order:stroke fill markers"
-     d="m 33.933962,27.117519 c -0.02456,-2.146424 -0.04485,-10.408377 -0.04485,-10.408377"
+     d="m 33.933962,33.99669 c -0.02456,-2.146424 -0.04485,-10.408377 -0.04485,-10.408377"
      id="path1246-3" />
   <g
      id="g2746"
-     transform="matrix(1.4072602,0,0,1.4072602,-35.010064,-11.673817)"
+     transform="matrix(1.4072602,0,0,1.4072602,-35.010064,-4.794649)"
      style="display:inline">
     <text
        xml:space="preserve"
@@ -155,16 +76,16 @@
        transform="rotate(-178.67073)" />
   </g>
   <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;paint-order:stroke fill markers"
+     style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7.0494;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
      id="path4236-8"
-     d="M 34.600138,56.458062 A 12.639366,13.687705 8.4373572 0 0 48.801897,63.170337 12.639366,13.687705 8.4373572 0 0 58.534998,49.719213 12.639366,13.687705 8.4373572 0 0 48.952634,36.622942 12.639366,13.687705 8.4373572 0 0 34.671678,43.858484" />
+     d="M 34.624809,63.689934 A 12.617344,13.905824 6.8769965 0 0 48.797291,70.511353 12.617344,13.905824 6.8769965 0 0 58.510328,56.84151 12.617344,13.905824 6.8769965 0 0 48.947717,43.532289 12.617344,13.905824 6.8769965 0 0 34.696201,50.885483" />
   <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-3-6);paint-order:stroke fill markers"
-     d="m 50.597819,38.356547 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778814"
+     d="m 50.597819,45.235718 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778814"
      id="path13743-5-0" />
   <g
      id="g1244-5"
-     transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-56.751263,80.474842)"
+     transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-56.751263,87.354013)"
      style="display:inline">
     <text
        xml:space="preserve"
diff --git a/public/assets/small-letter/bs_l1.svg b/public/assets/small-letter/bs_l1.svg
index 7df5b4d..25f16c9 100644
--- a/public/assets/small-letter/bs_l1.svg
+++ b/public/assets/small-letter/bs_l1.svg
@@ -7,87 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="as.svg"
-   inkscape:export-filename="bs.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="namedview51242"
-     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">
-    <sodipodi:guide
-       position="107.64909,49.99107"
-       orientation="0,-1"
-       id="guide51373"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.63086,74.995535"
-       orientation="0,-1"
-       id="guide51375"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="69.817661,104.871"
-       orientation="1,0"
-       id="guide51377"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="49.846563,90.7451"
-       orientation="1,0"
-       id="guide51379"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="30.037831,109.742"
-       orientation="1,0"
-       id="guide51381"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.14376,25.148972"
-       orientation="0,-1"
-       id="guide51383"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="121.77499,67.526669"
-       orientation="0,-1"
-       id="guide51385"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="-62.511162,32.455471"
-       orientation="0,-1"
-       id="guide51387"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="79.722027,92.531133"
-       orientation="0,-1"
-       id="guide51389"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="75.500494,7.6133734"
-       orientation="0,-1"
-       id="guide51391"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="62.674703,108.2319"
-       orientation="1,0"
-       id="guide53858"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="37.604822,110.66405"
-       orientation="1,0"
-       id="guide53860"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
   <defs
      id="defs2">
     <marker
@@ -124,18 +45,20 @@
     </marker>
   </defs>
   <g
-     id="g56231">
+     id="g2"
+     transform="matrix(1.0015575,0,0,0.99732642,-0.05243394,0.19300789)"
+     style="display:inline">
     <path
-       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="m 33.925961,62.66356 c -0.03846,-3.805681 0.179081,-49.892837 0.179081,-49.892837"
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.69281;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 33.577801,70.578205 c -0.03883,-4.552091 0.18082,-59.678336 0.18082,-59.678336"
        id="path1236-3" />
     <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-1);paint-order:stroke fill markers"
-       d="m 33.933962,27.117519 c -0.02456,-2.146424 -0.04485,-10.408377 -0.04485,-10.408377"
+       d="m 33.933962,33.99669 c -0.02456,-2.146424 -0.04485,-10.408377 -0.04485,-10.408377"
        id="path1246-3" />
     <g
        id="g2746"
-       transform="matrix(1.4072602,0,0,1.4072602,-35.010064,-11.673817)"
+       transform="matrix(1.4072602,0,0,1.4072602,-35.010064,-4.794649)"
        style="display:inline">
       <text
          xml:space="preserve"
@@ -158,19 +81,19 @@
     </g>
   </g>
   <g
-     id="g56281"
+     id="g1"
      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;paint-order:stroke fill markers"
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7.0494;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
        id="path4236-8"
-       d="M 34.600138,56.458062 A 12.639366,13.687705 8.4373572 0 0 48.801897,63.170337 12.639366,13.687705 8.4373572 0 0 58.534998,49.719213 12.639366,13.687705 8.4373572 0 0 48.952634,36.622942 12.639366,13.687705 8.4373572 0 0 34.671678,43.858484" />
+       d="M 34.624809,63.689934 A 12.617344,13.905824 6.8769965 0 0 48.797291,70.511353 12.617344,13.905824 6.8769965 0 0 58.510328,56.84151 12.617344,13.905824 6.8769965 0 0 48.947717,43.532289 12.617344,13.905824 6.8769965 0 0 34.696201,50.885483" />
     <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-3-6);paint-order:stroke fill markers"
-       d="m 50.597819,38.356547 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778814"
+       d="m 50.597819,45.235718 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778814"
        id="path13743-5-0" />
     <g
        id="g1244-5"
-       transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-56.751263,80.474842)"
+       transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-56.751263,87.354013)"
        style="display:inline">
       <text
          xml:space="preserve"
diff --git a/public/assets/small-letter/bs_l2.svg b/public/assets/small-letter/bs_l2.svg
index 51aaf2a..e405e4e 100644
--- a/public/assets/small-letter/bs_l2.svg
+++ b/public/assets/small-letter/bs_l2.svg
@@ -7,87 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="as.svg"
-   inkscape:export-filename="bs_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"
    xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview51242"
-     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">
-    <sodipodi:guide
-       position="107.64909,49.99107"
-       orientation="0,-1"
-       id="guide51373"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.63086,74.995535"
-       orientation="0,-1"
-       id="guide51375"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="69.817661,104.871"
-       orientation="1,0"
-       id="guide51377"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="49.846563,90.7451"
-       orientation="1,0"
-       id="guide51379"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="30.037831,109.742"
-       orientation="1,0"
-       id="guide51381"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.14376,25.148972"
-       orientation="0,-1"
-       id="guide51383"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="121.77499,67.526669"
-       orientation="0,-1"
-       id="guide51385"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="-62.511162,32.455471"
-       orientation="0,-1"
-       id="guide51387"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="79.722027,92.531133"
-       orientation="0,-1"
-       id="guide51389"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="75.500494,7.6133734"
-       orientation="0,-1"
-       id="guide51391"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="62.674703,108.2319"
-       orientation="1,0"
-       id="guide53858"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="37.604822,110.66405"
-       orientation="1,0"
-       id="guide53860"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
   <defs
      id="defs2">
     <marker
@@ -124,19 +45,20 @@
     </marker>
   </defs>
   <g
-     id="g56231"
+     id="g2"
+     transform="matrix(1.0015575,0,0,0.99732642,-0.05243394,0.19300789)"
      style="display:none">
     <path
-       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="m 33.925961,62.66356 c -0.03846,-3.805681 0.179081,-49.892837 0.179081,-49.892837"
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.69281;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 33.577801,70.578205 c -0.03883,-4.552091 0.18082,-59.678336 0.18082,-59.678336"
        id="path1236-3" />
     <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-1);paint-order:stroke fill markers"
-       d="m 33.933962,27.117519 c -0.02456,-2.146424 -0.04485,-10.408377 -0.04485,-10.408377"
+       d="m 33.933962,33.99669 c -0.02456,-2.146424 -0.04485,-10.408377 -0.04485,-10.408377"
        id="path1246-3" />
     <g
        id="g2746"
-       transform="matrix(1.4072602,0,0,1.4072602,-35.010064,-11.673817)"
+       transform="matrix(1.4072602,0,0,1.4072602,-35.010064,-4.794649)"
        style="display:inline">
       <text
          xml:space="preserve"
@@ -159,19 +81,19 @@
     </g>
   </g>
   <g
-     id="g56281"
+     id="g1"
      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;paint-order:stroke fill markers"
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7.0494;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
        id="path4236-8"
-       d="M 34.600138,56.458062 A 12.639366,13.687705 8.4373572 0 0 48.801897,63.170337 12.639366,13.687705 8.4373572 0 0 58.534998,49.719213 12.639366,13.687705 8.4373572 0 0 48.952634,36.622942 12.639366,13.687705 8.4373572 0 0 34.671678,43.858484" />
+       d="M 34.624809,63.689934 A 12.617344,13.905824 6.8769965 0 0 48.797291,70.511353 12.617344,13.905824 6.8769965 0 0 58.510328,56.84151 12.617344,13.905824 6.8769965 0 0 48.947717,43.532289 12.617344,13.905824 6.8769965 0 0 34.696201,50.885483" />
     <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-3-6);paint-order:stroke fill markers"
-       d="m 50.597819,38.356547 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778814"
+       d="m 50.597819,45.235718 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778814"
        id="path13743-5-0" />
     <g
        id="g1244-5"
-       transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-56.751263,80.474842)"
+       transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-56.751263,87.354013)"
        style="display:inline">
       <text
          xml:space="preserve"
diff --git a/public/assets/small-letter/ds.svg b/public/assets/small-letter/ds.svg
index 52c65a4..50930b5 100644
--- a/public/assets/small-letter/ds.svg
+++ b/public/assets/small-letter/ds.svg
@@ -7,87 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="as.svg"
-   inkscape:export-filename="cs.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="namedview51242"
-     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">
-    <sodipodi:guide
-       position="107.64909,49.99107"
-       orientation="0,-1"
-       id="guide51373"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.63086,74.995535"
-       orientation="0,-1"
-       id="guide51375"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="49.846563,90.7451"
-       orientation="1,0"
-       id="guide51379"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="30.037831,109.742"
-       orientation="1,0"
-       id="guide51381"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.14376,25.148972"
-       orientation="0,-1"
-       id="guide51383"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="121.77499,67.526669"
-       orientation="0,-1"
-       id="guide51385"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="-62.511162,32.455471"
-       orientation="0,-1"
-       id="guide51387"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="79.722027,92.531133"
-       orientation="0,-1"
-       id="guide51389"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="75.500494,7.6133734"
-       orientation="0,-1"
-       id="guide51391"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="62.674703,108.2319"
-       orientation="1,0"
-       id="guide53858"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="37.604822,110.66405"
-       orientation="1,0"
-       id="guide53860"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="69.596984,81.852399"
-       orientation="1,0"
-       id="guide58546"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
   <defs
      id="defs2">
     <marker
@@ -112,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)"
@@ -126,72 +44,74 @@
          id="arrow2L-7" />
     </marker>
   </defs>
-  <path
-     style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:6.46094;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-     d="m 66.046726,63.742318 c -0.04959,-4.073392 0.230883,-53.402544 0.230883,-53.402544"
-     id="path1236-9"
-     sodipodi:nodetypes="cc" />
-  <path
-     style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.565155;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
-     d="M 66.380273,26.571294 C 66.348609,24.27388 66.322449,15.430741 66.322449,15.430741"
-     id="path1246-8"
-     sodipodi:nodetypes="cc"
-     inkscape:transform-center-x="0.0088349"
-     inkscape:transform-center-y="5.1277257" />
   <g
-     id="g2746"
-     transform="matrix(1.2849761,0,0,1.2223535,3.1447033,-9.2588114)"
+     id="g1"
      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="text2742"
-       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-         sodipodi:role="line"
-         id="tspan2740"
-         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+    <path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:6.48894;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 66.059952,64.209697 C 66.016216,59.550982 66.26358,3.1335266 66.26358,3.1335266"
+       id="path1236-9" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.565155;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+       d="M 66.380273,20.750457 C 66.348613,18.453043 66.322453,9.6099043 66.322453,9.6099043"
+       id="path1246-8" />
+    <g
+       id="g2746"
+       transform="matrix(1.2849761,0,0,1.2223535,3.1447033,-15.079648)"
+       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">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="circle2744"
-       cx="-49.550514"
-       cy="-16.824097"
-       r="1.2760839"
-       transform="rotate(-178.67073)" />
+         y="19.336451"
+         id="text2742"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2740"
+           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="circle2744"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
   </g>
-  <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;paint-order:stroke fill markers"
-     id="path57645"
-     d="M 65.607616,56.63065 A 14.04826,13.298772 83.189707 0 1 50.675313,63.676123 14.04826,13.298772 83.189707 0 1 40.454804,49.958726 14.04826,13.298772 83.189707 0 1 50.536389,36.402878 14.04826,13.298772 83.189707 0 1 65.54168,43.686577" />
-  <path
-     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.354143;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 49.207097,36.810781 c 3.242855,-1.399649 6.109266,-1.095812 8.358098,0.149097"
-     id="path57655" />
   <g
-     id="g58394"
-     transform="matrix(1.2571663,-0.87051125,0.78952664,1.2406297,-23.391278,79.81556)"
+     id="g2"
      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="55.705479"
-       y="-25.081388"
-       id="text58390"
-       transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
-         sodipodi:role="line"
-         id="tspan58388"
-         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;paint-order:stroke fill markers"
+       id="path57645"
+       d="M 65.607616,56.63065 A 14.04826,13.298772 83.189707 0 1 50.675313,63.676123 14.04826,13.298772 83.189707 0 1 40.454804,49.958726 14.04826,13.298772 83.189707 0 1 50.536389,36.402878 14.04826,13.298772 83.189707 0 1 65.54168,43.686577" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.354143;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 49.207097,36.810781 c 3.242855,-1.399649 6.109266,-1.095812 8.358098,0.149097"
+       id="path57655" />
+    <g
+       id="g58394"
+       transform="matrix(1.261841,-0.83822425,0.69666579,1.3675563,-21.838379,76.679824)"
+       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="55.705479"
-         y="-25.081388">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="circle58392"
-       cx="-55.559937"
-       cy="27.578447"
-       r="1.2760839"
-       transform="rotate(-144.24458)" />
+         y="-25.081388"
+         id="text58390"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan58388"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="55.705479"
+           y="-25.081388">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="circle58392"
+         cx="-55.559937"
+         cy="27.578447"
+         r="1.2760839"
+         transform="rotate(-144.24458)" />
+    </g>
   </g>
 </svg>
diff --git a/public/assets/small-letter/ds_.png b/public/assets/small-letter/ds_.png
new file mode 100644
index 0000000..6d9fa2c
Binary files /dev/null and b/public/assets/small-letter/ds_.png differ
diff --git a/public/assets/small-letter/ds_l1.svg b/public/assets/small-letter/ds_l1.svg
index 5c05d6b..c3f2f21 100644
--- a/public/assets/small-letter/ds_l1.svg
+++ b/public/assets/small-letter/ds_l1.svg
@@ -7,8 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="as.svg"
-   inkscape:export-filename="ds_l1.svg"
+   sodipodi:docname="ds.svg"
+   inkscape:export-filename="ds_.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
@@ -127,22 +127,22 @@
     </marker>
   </defs>
   <g
-     id="g58761">
+     id="g1">
     <path
-       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:6.46094;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="m 66.046726,63.742318 c -0.04959,-4.073392 0.230883,-53.402544 0.230883,-53.402544"
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:6.48894;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 66.059952,64.209697 C 66.016216,59.550982 66.26358,3.1335266 66.26358,3.1335266"
        id="path1236-9"
        sodipodi:nodetypes="cc" />
     <path
        style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.565155;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
-       d="M 66.380273,26.571294 C 66.348609,24.27388 66.322449,15.430741 66.322449,15.430741"
+       d="M 66.380273,20.750457 C 66.348613,18.453043 66.322453,9.6099043 66.322453,9.6099043"
        id="path1246-8"
        sodipodi:nodetypes="cc"
        inkscape:transform-center-x="0.0088349"
        inkscape:transform-center-y="5.1277257" />
     <g
        id="g2746"
-       transform="matrix(1.2849761,0,0,1.2223535,3.1447033,-9.2588114)"
+       transform="matrix(1.2849761,0,0,1.2223535,3.1447033,-15.079648)"
        style="display:inline">
       <text
          xml:space="preserve"
@@ -166,7 +166,7 @@
     </g>
   </g>
   <g
-     id="g58705"
+     id="g2"
      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;paint-order:stroke fill markers"
@@ -178,7 +178,7 @@
        id="path57655" />
     <g
        id="g58394"
-       transform="matrix(1.2571663,-0.87051125,0.78952664,1.2406297,-23.391278,79.81556)"
+       transform="matrix(1.261841,-0.83822425,0.69666579,1.3675563,-21.838379,76.679824)"
        style="display:inline">
       <text
          xml:space="preserve"
diff --git a/public/assets/small-letter/ds_l2.svg b/public/assets/small-letter/ds_l2.svg
index a714345..1d9c173 100644
--- a/public/assets/small-letter/ds_l2.svg
+++ b/public/assets/small-letter/ds_l2.svg
@@ -7,8 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="as.svg"
-   inkscape:export-filename="ds_l1.svg"
+   sodipodi:docname="ds.svg"
+   inkscape:export-filename="..\Desktop\LATTER\ds_l1.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
@@ -127,23 +127,23 @@
     </marker>
   </defs>
   <g
-     id="g58761"
+     id="g1"
      style="display:none">
     <path
-       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:6.46094;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="m 66.046726,63.742318 c -0.04959,-4.073392 0.230883,-53.402544 0.230883,-53.402544"
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:6.48894;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 66.059952,64.209697 C 66.016216,59.550982 66.26358,3.1335266 66.26358,3.1335266"
        id="path1236-9"
        sodipodi:nodetypes="cc" />
     <path
        style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.565155;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
-       d="M 66.380273,26.571294 C 66.348609,24.27388 66.322449,15.430741 66.322449,15.430741"
+       d="M 66.380273,20.750457 C 66.348613,18.453043 66.322453,9.6099043 66.322453,9.6099043"
        id="path1246-8"
        sodipodi:nodetypes="cc"
        inkscape:transform-center-x="0.0088349"
        inkscape:transform-center-y="5.1277257" />
     <g
        id="g2746"
-       transform="matrix(1.2849761,0,0,1.2223535,3.1447033,-9.2588114)"
+       transform="matrix(1.2849761,0,0,1.2223535,3.1447033,-15.079648)"
        style="display:inline">
       <text
          xml:space="preserve"
@@ -167,7 +167,7 @@
     </g>
   </g>
   <g
-     id="g58705"
+     id="g2"
      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;paint-order:stroke fill markers"
@@ -179,7 +179,7 @@
        id="path57655" />
     <g
        id="g58394"
-       transform="matrix(1.2571663,-0.87051125,0.78952664,1.2406297,-23.391278,79.81556)"
+       transform="matrix(1.261841,-0.83822425,0.69666579,1.3675563,-21.838379,76.679824)"
        style="display:inline">
       <text
          xml:space="preserve"
diff --git a/public/assets/small-letter/es.svg b/public/assets/small-letter/es.svg
index 227282a..d284ea6 100644
--- a/public/assets/small-letter/es.svg
+++ b/public/assets/small-letter/es.svg
@@ -7,7 +7,7 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="as.svg"
+   sodipodi:docname="es.svg"
    inkscape:export-filename="ds_l2.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
@@ -159,7 +159,7 @@
      id="path1236-1" />
   <g
      id="g1244-4"
-     transform="matrix(1.1016092,-0.64486304,0.74614002,0.95208289,-6.1635281,72.543754)"
+     transform="matrix(1.1016092,-0.64486304,0.74614002,0.95208289,-28.786873,73.145439)"
      style="display:inline">
     <text
        xml:space="preserve"
@@ -182,6 +182,6 @@
   </g>
   <path
      style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.37715;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 54.779931,44.658047 c 1.974412,-0.0072 9.573823,0.01486 9.573823,0.01486"
+     d="M 56.028776,45.18763 C 54.054458,45.16698 46.456114,45.037749 46.456114,45.037749"
      id="path1246-7" />
 </svg>
diff --git a/public/assets/small-letter/es_.png b/public/assets/small-letter/es_.png
new file mode 100644
index 0000000..7960cd2
Binary files /dev/null and b/public/assets/small-letter/es_.png differ
diff --git a/public/assets/small-letter/es_l1.svg b/public/assets/small-letter/es_l1.svg
index 6957acd..1e33337 100644
--- a/public/assets/small-letter/es_l1.svg
+++ b/public/assets/small-letter/es_l1.svg
@@ -7,87 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="as.svg"
-   inkscape:export-filename="es.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="namedview51242"
-     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">
-    <sodipodi:guide
-       position="107.64909,49.99107"
-       orientation="0,-1"
-       id="guide51373"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.63086,74.995535"
-       orientation="0,-1"
-       id="guide51375"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="49.846563,90.7451"
-       orientation="1,0"
-       id="guide51379"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="30.037831,109.742"
-       orientation="1,0"
-       id="guide51381"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.14376,25.148972"
-       orientation="0,-1"
-       id="guide51383"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="121.77499,67.526669"
-       orientation="0,-1"
-       id="guide51385"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="-62.511162,32.455471"
-       orientation="0,-1"
-       id="guide51387"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="79.722027,92.531133"
-       orientation="0,-1"
-       id="guide51389"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="75.500494,7.6133734"
-       orientation="0,-1"
-       id="guide51391"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="62.674703,108.2319"
-       orientation="1,0"
-       id="guide53858"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="37.604822,110.66405"
-       orientation="1,0"
-       id="guide53860"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="69.596984,81.852399"
-       orientation="1,0"
-       id="guide58546"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
   <defs
      id="defs2">
     <marker
@@ -123,38 +44,41 @@
          id="arrow2L-61" />
     </marker>
   </defs>
-  <path
-     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-3"
-     d="M 66.282481,57.301684 A 14.44182,13.780303 62.359571 0 1 50.393538,63.429223 14.44182,13.780303 62.359571 0 1 40.227923,48.789419 14.44182,13.780303 62.359571 0 1 51.292193,35.713725 14.44182,13.780303 62.359571 0 1 66.708988,44.147715" />
   <g
-     id="g2108-2"
-     transform="matrix(1.3525273,0,0,1.1292035,-2.8510023,19.346162)">
-    <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-7-1"
-       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-         id="tspan9340-5-5"
-         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+     id="g2">
+    <path
+       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-3"
+       d="M 66.282481,57.301684 A 14.44182,13.780303 62.359571 0 1 50.393538,63.429223 14.44182,13.780303 62.359571 0 1 40.227923,48.789419 14.44182,13.780303 62.359571 0 1 51.292193,35.713725 14.44182,13.780303 62.359571 0 1 66.708988,44.147715" />
+    <g
+       id="g2108-2"
+       transform="matrix(1.3525273,0,0,1.1292035,-2.8510023,19.346162)">
+      <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-3-9"
-       cx="-49.550514"
-       cy="-16.824097"
-       r="1.2760839"
-       transform="rotate(-178.67073)" />
+         y="19.336451"
+         id="text9342-7-1"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan9340-5-5"
+           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-3-9"
+         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.37715;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-60);paint-order:stroke fill markers"
+       d="m 54.294694,35.212851 c 3.917178,-0.127434 6.38033,1.239312 7.660073,3.277869"
+       id="path13743-5-9" />
   </g>
-  <path
-     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.37715;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-60);paint-order:stroke fill markers"
-     d="m 54.294694,35.212851 c 3.917178,-0.127434 6.38033,1.239312 7.660073,3.277869"
-     id="path13743-5-9" />
   <g
-     id="g61662"
+     id="g1"
      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"
@@ -162,7 +86,7 @@
        id="path1236-1" />
     <g
        id="g1244-4"
-       transform="matrix(1.1016092,-0.64486304,0.74614002,0.95208289,-6.1635281,72.543754)"
+       transform="matrix(1.1016092,-0.64486304,0.74614002,0.95208289,-28.786873,73.145439)"
        style="display:inline">
       <text
          xml:space="preserve"
@@ -185,7 +109,7 @@
     </g>
     <path
        style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.37715;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 54.779931,44.658047 c 1.974412,-0.0072 9.573823,0.01486 9.573823,0.01486"
+       d="M 56.028776,45.18763 C 54.054458,45.16698 46.456114,45.037749 46.456114,45.037749"
        id="path1246-7" />
   </g>
 </svg>
diff --git a/public/assets/small-letter/es_l2.svg b/public/assets/small-letter/es_l2.svg
index b344c73..8df3115 100644
--- a/public/assets/small-letter/es_l2.svg
+++ b/public/assets/small-letter/es_l2.svg
@@ -7,87 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="as.svg"
-   inkscape:export-filename="es_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"
    xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview51242"
-     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">
-    <sodipodi:guide
-       position="107.64909,49.99107"
-       orientation="0,-1"
-       id="guide51373"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.63086,74.995535"
-       orientation="0,-1"
-       id="guide51375"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="49.846563,90.7451"
-       orientation="1,0"
-       id="guide51379"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="30.037831,109.742"
-       orientation="1,0"
-       id="guide51381"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.14376,25.148972"
-       orientation="0,-1"
-       id="guide51383"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="121.77499,67.526669"
-       orientation="0,-1"
-       id="guide51385"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="-62.511162,32.455471"
-       orientation="0,-1"
-       id="guide51387"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="79.722027,92.531133"
-       orientation="0,-1"
-       id="guide51389"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="75.500494,7.6133734"
-       orientation="0,-1"
-       id="guide51391"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="62.674703,108.2319"
-       orientation="1,0"
-       id="guide53858"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="37.604822,110.66405"
-       orientation="1,0"
-       id="guide53860"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="69.596984,81.852399"
-       orientation="1,0"
-       id="guide58546"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
   <defs
      id="defs2">
     <marker
@@ -124,7 +45,7 @@
     </marker>
   </defs>
   <g
-     id="g61882"
+     id="g2"
      style="display:none">
     <path
        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"
@@ -158,7 +79,7 @@
        id="path13743-5-9" />
   </g>
   <g
-     id="g61662"
+     id="g1"
      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"
@@ -166,7 +87,7 @@
        id="path1236-1" />
     <g
        id="g1244-4"
-       transform="matrix(1.1016092,-0.64486304,0.74614002,0.95208289,-6.1635281,72.543754)"
+       transform="matrix(1.1016092,-0.64486304,0.74614002,0.95208289,-28.786873,73.145439)"
        style="display:inline">
       <text
          xml:space="preserve"
@@ -189,7 +110,7 @@
     </g>
     <path
        style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.37715;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 54.779931,44.658047 c 1.974412,-0.0072 9.573823,0.01486 9.573823,0.01486"
+       d="M 56.028776,45.18763 C 54.054458,45.16698 46.456114,45.037749 46.456114,45.037749"
        id="path1246-7" />
   </g>
 </svg>
diff --git a/public/assets/small-letter/fs.svg b/public/assets/small-letter/fs.svg
index 5484dad..fd06bc4 100644
--- a/public/assets/small-letter/fs.svg
+++ b/public/assets/small-letter/fs.svg
@@ -7,87 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="as.svg"
-   inkscape:export-filename="es_l2.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="namedview51242"
-     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">
-    <sodipodi:guide
-       position="107.64909,49.99107"
-       orientation="0,-1"
-       id="guide51373"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.63086,74.995535"
-       orientation="0,-1"
-       id="guide51375"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="49.846563,90.7451"
-       orientation="1,0"
-       id="guide51379"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="30.037831,109.742"
-       orientation="1,0"
-       id="guide51381"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.14376,25.148972"
-       orientation="0,-1"
-       id="guide51383"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="121.77499,67.526669"
-       orientation="0,-1"
-       id="guide51385"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="-62.511162,32.455471"
-       orientation="0,-1"
-       id="guide51387"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="79.722027,92.531133"
-       orientation="0,-1"
-       id="guide51389"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="75.500494,7.6133734"
-       orientation="0,-1"
-       id="guide51391"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="62.674703,108.2319"
-       orientation="1,0"
-       id="guide53858"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="37.604822,110.66405"
-       orientation="1,0"
-       id="guide53860"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="69.596984,81.852399"
-       orientation="1,0"
-       id="guide58546"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
   <defs
      id="defs2">
     <marker
@@ -123,66 +44,75 @@
          id="arrow2L-6-8" />
     </marker>
   </defs>
-  <path
-     style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-     d="M 40.987557,89.148649 C 40.880435,87.700565 40.760964,58.387914 40.819142,45.235628 40.881098,31.228446 60.900498,32.941912 59.37793,46.216072"
-     id="path1236-7" />
   <g
-     id="g2746"
-     transform="matrix(1.353893,0,0,1.3502686,-6.9726516,20.293638)"
-     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="text2742"
-       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-         id="tspan2740"
-         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+     id="g4">
+    <g
+       id="g2">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 40.987557,89.148649 C 40.880435,87.700565 40.760964,58.387914 40.819142,45.235628 40.881098,31.228446 60.900498,32.941912 59.37793,46.216072"
+         id="path1236-7" />
+    </g>
+    <g
+       id="g2746"
+       transform="matrix(1.353893,0,0,1.3502686,-6.9726516,20.293638)"
+       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">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="circle2744"
-       cx="-49.550514"
-       cy="-16.824097"
-       r="1.2760839"
-       transform="rotate(-178.67073)" />
+         y="19.336451"
+         id="text2742"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2740"
+           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="circle2744"
+         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.430285;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-5);paint-order:stroke fill markers"
+       d="m 51.741347,36.394533 c 3.846292,0.268023 6.157268,2.347049 7.259149,5.181348"
+       id="path13743-5-4" />
   </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 47.275855,59.874526 c -1.084812,0.124987 -14.223247,0.279337 -14.223247,0.279337"
-     id="path1236-9" />
   <g
-     id="g1244-0"
-     transform="matrix(0.89961144,-0.60769192,0.60932315,0.89720307,-11.897872,86.152612)"
-     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="text1240-4"
-       transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
-         id="tspan1238-8"
-         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+     id="g3">
+    <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 47.275855,59.874526 c -1.084812,0.124987 -14.223247,0.279337 -14.223247,0.279337"
+       id="path1236-9" />
+    <g
+       id="g1244-0"
+       transform="matrix(0.89961144,-0.60769192,0.60932315,0.89720307,-26.338305,86.272949)"
+       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">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="circle1242-0"
-       cx="-54.018658"
-       cy="25.946033"
-       r="1.2760839"
-       transform="rotate(-144.24458)" />
+         y="-23.497944"
+         id="text1240-4"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1238-8"
+           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="circle1242-0"
+         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.430285;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+       d="m 44.720865,59.777257 c -1.922132,0.03315 -9.321133,0.09483 -9.321133,0.09483"
+       id="path1246-1" />
   </g>
-  <path
-     style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.430285;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
-     d="m 35.778518,59.825204 c 1.922394,-0.0095 9.321594,0.01986 9.321594,0.01986"
-     id="path1246-1" />
-  <path
-     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.430285;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-5);paint-order:stroke fill markers"
-     d="m 51.741347,36.394533 c 3.846292,0.268023 6.157268,2.347049 7.259149,5.181348"
-     id="path13743-5-4" />
 </svg>
diff --git a/public/assets/small-letter/fs_.png b/public/assets/small-letter/fs_.png
new file mode 100644
index 0000000..527f507
Binary files /dev/null and b/public/assets/small-letter/fs_.png differ
diff --git a/public/assets/small-letter/fs_l1.svg b/public/assets/small-letter/fs_l1.svg
index 446b61c..670bb92 100644
--- a/public/assets/small-letter/fs_l1.svg
+++ b/public/assets/small-letter/fs_l1.svg
@@ -7,8 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="fs.svg.2023_10_04_14_53_13.0.svg"
-   inkscape:export-filename="fs_l2.svg"
+   sodipodi:docname="fs.svg"
+   inkscape:export-filename="..\Desktop\LATTER\fs_l2.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
@@ -124,72 +124,79 @@
     </marker>
   </defs>
   <g
-     id="g380">
+     id="g1"
+     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 47.275855,59.874526 c -1.084812,0.124987 -14.223247,0.279337 -14.223247,0.279337"
+       id="path1236-9" />
     <g
-       id="g440"
+       id="g1244-0"
+       transform="matrix(0.89961144,-0.60769192,0.60932315,0.89720307,-26.338305,86.272949)"
        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="text1240-4"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1238-8"
+           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="circle1242-0"
+         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.430285;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+       d="m 44.720865,59.777257 c -1.922132,0.03315 -9.321133,0.09483 -9.321133,0.09483"
+       id="path1246-1" />
+  </g>
+  <g
+     id="g3"
+     style="display:inline">
+    <g
+       id="g2">
       <path
          style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
          d="M 40.987557,89.148649 C 40.880435,87.700565 40.760964,58.387914 40.819142,45.235628 40.881098,31.228446 60.900498,32.941912 59.37793,46.216072"
-         id="path1236-7" />
-      <text
-         xml:space="preserve"
-         style="font-size:3.77392px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.189291;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="58.02462"
-         y="46.403316"
-         id="text2742"
-         transform="matrix(1.0009199,-0.00766023,0.0076868,0.9990221,0,0)"><tspan
-           id="tspan2740"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.189291;stroke-dasharray:none;stroke-opacity:1"
-           x="58.02462"
-           y="46.403316">1</tspan></text>
-      <ellipse
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.189291;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle2744"
-         cx="-60.587273"
-         cy="-43.166607"
-         transform="matrix(-0.99973233,-0.02313599,0.02326029,-0.99972944,0,0)"
-         rx="1.7276787"
-         ry="1.7230586" />
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.430285;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-5);paint-order:stroke fill markers"
-         d="m 51.741347,36.394533 c 3.846292,0.268023 6.157268,2.347049 7.259149,5.181348"
-         id="path13743-5-4" />
+         id="path1236-7"
+         inkscape:export-filename="path1236-7.png"
+         inkscape:export-xdpi="96"
+         inkscape:export-ydpi="96" />
     </g>
     <g
-       id="g306"
-       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 47.275855,59.874526 c -1.084812,0.124987 -14.223247,0.279337 -14.223247,0.279337"
-         id="path1236-9" />
-      <g
-         id="g1244-0"
-         transform="matrix(0.89961144,-0.60769192,0.60932315,0.89720307,-11.897872,86.152612)"
-         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="text1240-4"
-           transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
-             id="tspan1238-8"
-             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="circle1242-0"
-           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.430285;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
-         d="m 35.778518,59.825204 c 1.922394,-0.0095 9.321594,0.01986 9.321594,0.01986"
-         id="path1246-1" />
+       id="g2746"
+       transform="matrix(1.353893,0,0,1.3502686,-6.9726516,20.293638)"
+       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="text2742"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2740"
+           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="circle2744"
+         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.430285;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-5);paint-order:stroke fill markers"
+       d="m 51.741347,36.394533 c 3.846292,0.268023 6.157268,2.347049 7.259149,5.181348"
+       id="path13743-5-4" />
   </g>
 </svg>
diff --git a/public/assets/small-letter/fs_l2.svg b/public/assets/small-letter/fs_l2.svg
index 629456b..98cbb66 100644
--- a/public/assets/small-letter/fs_l2.svg
+++ b/public/assets/small-letter/fs_l2.svg
@@ -7,8 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="fs.svg.2023_10_04_14_53_13.0.svg"
-   inkscape:export-filename="es_l2.svg"
+   sodipodi:docname="fs.svg"
+   inkscape:export-filename="..\Desktop\LATTER\es.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
@@ -124,72 +124,79 @@
     </marker>
   </defs>
   <g
-     id="g380">
+     id="g1"
+     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 47.275855,59.874526 c -1.084812,0.124987 -14.223247,0.279337 -14.223247,0.279337"
+       id="path1236-9" />
     <g
-       id="g440"
-       style="display:none">
+       id="g1244-0"
+       transform="matrix(0.89961144,-0.60769192,0.60932315,0.89720307,-26.338305,86.272949)"
+       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="text1240-4"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1238-8"
+           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="circle1242-0"
+         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.430285;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+       d="m 44.720865,59.777257 c -1.922132,0.03315 -9.321133,0.09483 -9.321133,0.09483"
+       id="path1246-1" />
+  </g>
+  <g
+     id="g3"
+     style="display:none">
+    <g
+       id="g2">
       <path
          style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
          d="M 40.987557,89.148649 C 40.880435,87.700565 40.760964,58.387914 40.819142,45.235628 40.881098,31.228446 60.900498,32.941912 59.37793,46.216072"
-         id="path1236-7" />
-      <text
-         xml:space="preserve"
-         style="font-size:3.77392px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.189291;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         x="58.02462"
-         y="46.403316"
-         id="text2742"
-         transform="matrix(1.0009199,-0.00766023,0.0076868,0.9990221,0,0)"><tspan
-           id="tspan2740"
-           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.189291;stroke-dasharray:none;stroke-opacity:1"
-           x="58.02462"
-           y="46.403316">1</tspan></text>
-      <ellipse
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.189291;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-         id="circle2744"
-         cx="-60.587273"
-         cy="-43.166607"
-         transform="matrix(-0.99973233,-0.02313599,0.02326029,-0.99972944,0,0)"
-         rx="1.7276787"
-         ry="1.7230586" />
-      <path
-         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.430285;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-5);paint-order:stroke fill markers"
-         d="m 51.741347,36.394533 c 3.846292,0.268023 6.157268,2.347049 7.259149,5.181348"
-         id="path13743-5-4" />
+         id="path1236-7"
+         inkscape:export-filename="path1236-7.png"
+         inkscape:export-xdpi="96"
+         inkscape:export-ydpi="96" />
     </g>
     <g
-       id="g306"
+       id="g2746"
+       transform="matrix(1.353893,0,0,1.3502686,-6.9726516,20.293638)"
        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 47.275855,59.874526 c -1.084812,0.124987 -14.223247,0.279337 -14.223247,0.279337"
-         id="path1236-9" />
-      <g
-         id="g1244-0"
-         transform="matrix(0.89961144,-0.60769192,0.60932315,0.89720307,-11.897872,86.152612)"
-         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="text1240-4"
-           transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
-             id="tspan1238-8"
-             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="circle1242-0"
-           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.430285;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
-         d="m 35.778518,59.825204 c 1.922394,-0.0095 9.321594,0.01986 9.321594,0.01986"
-         id="path1246-1" />
+      <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="text2742"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2740"
+           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="circle2744"
+         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.430285;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-5);paint-order:stroke fill markers"
+       d="m 51.741347,36.394533 c 3.846292,0.268023 6.157268,2.347049 7.259149,5.181348"
+       id="path13743-5-4" />
   </g>
 </svg>
diff --git a/public/assets/small-letter/hs.svg b/public/assets/small-letter/hs.svg
index 8e0d4e7..0cac618 100644
--- a/public/assets/small-letter/hs.svg
+++ b/public/assets/small-letter/hs.svg
@@ -7,87 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="as.svg"
-   inkscape:export-filename="hs_l2.png"
-   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="namedview51242"
-     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">
-    <sodipodi:guide
-       position="107.64909,49.99107"
-       orientation="0,-1"
-       id="guide51373"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.63086,74.995535"
-       orientation="0,-1"
-       id="guide51375"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="69.817661,104.871"
-       orientation="1,0"
-       id="guide51377"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="49.846563,90.7451"
-       orientation="1,0"
-       id="guide51379"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="30.037831,109.742"
-       orientation="1,0"
-       id="guide51381"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.14376,25.148972"
-       orientation="0,-1"
-       id="guide51383"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="121.77499,67.526669"
-       orientation="0,-1"
-       id="guide51385"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="-62.511162,32.455471"
-       orientation="0,-1"
-       id="guide51387"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="79.722027,92.531133"
-       orientation="0,-1"
-       id="guide51389"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="75.500494,7.6133734"
-       orientation="0,-1"
-       id="guide51391"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="62.674703,108.2319"
-       orientation="1,0"
-       id="guide53858"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="37.604822,110.66405"
-       orientation="1,0"
-       id="guide53860"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
   <defs
      id="defs2">
     <marker
@@ -96,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)"
@@ -115,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)"
@@ -129,76 +44,74 @@
          id="arrow2L-6-6" />
     </marker>
   </defs>
-  <path
-     style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-     d="m 33.545293,63.643729 c -0.04107,-3.551071 0.207234,-53.15685 0.207234,-53.15685"
-     id="path1236-1"
-     sodipodi:nodetypes="cc" />
-  <path
-     style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.48013;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers"
-     d="M 33.62642,24.102526 C 33.60019,22.099703 33.57853,14.390494 33.57853,14.390494"
-     id="path1246-8"
-     sodipodi:nodetypes="cc"
-     inkscape:transform-center-x="0.0094338882"
-     inkscape:transform-center-y="4.7846689" />
   <g
-     id="g2746"
-     transform="matrix(1.5017246,0,0,1.345653,-40.24741,-12.358096)"
+     id="g2"
      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="text2742"
-       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-         sodipodi:role="line"
-         id="tspan2740"
-         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+    <path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.02239;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 33.679525,71.437205 C 33.642787,67.441756 33.86489,11.628361 33.86489,11.628361"
+       id="path1236-1" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.48013;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers"
+       d="m 33.750003,31.907174 c -0.02623,-2.002823 -0.04789,-9.712032 -0.04789,-9.712032"
+       id="path1246-8" />
+    <g
+       id="g2746"
+       transform="matrix(1.5017246,0,0,1.345653,-40.123827,-4.5534477)"
+       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">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="circle2744"
-       cx="-49.550514"
-       cy="-16.824097"
-       r="1.2760839"
-       transform="rotate(-178.67073)" />
+         y="19.336451"
+         id="text2742"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2740"
+           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="circle2744"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
   </g>
-  <path
-     style="display:inline;fill:none;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 54.044484,63.58022 c 0.0263,-2.113555 0.09996,-6.93742 -0.146842,-16.538709 -0.29842,-11.609329 -14.11424,-18.424826 -20.254914,-0.694469"
-     id="path385"
-     sodipodi:nodetypes="csc" />
-  <path
-     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.48023;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-62);paint-order:stroke fill markers"
-     d="m 46.144297,36.573446 c -4.559582,0.05579 -7.570594,2.107967 -9.267114,5.026196"
-     id="path1118"
-     sodipodi:nodetypes="cc"
-     inkscape:transform-center-x="-4.9534769"
-     inkscape:transform-center-y="-2.6843876" />
   <g
-     id="g1126"
-     transform="matrix(1.1799302,-0.80541095,0.79918818,1.1891176,-45.865295,81.445834)"
+     id="g1"
      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="55.705479"
-       y="-25.081388"
-       id="text1122"
-       transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
-         sodipodi:role="line"
-         id="tspan1120"
-         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;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 54.168067,71.384868 c 0.0263,-2.113555 0.09996,-6.93742 -0.146842,-16.538709 C 53.722805,43.23683 39.906985,36.421333 33.766311,54.15169"
+       id="path385" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.48023;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-62);paint-order:stroke fill markers"
+       d="m 46.26788,44.378094 c -4.559582,0.05579 -7.570594,2.107967 -9.267114,5.026196"
+       id="path1118" />
+    <g
+       id="g1126"
+       transform="matrix(1.1799302,-0.80541095,0.79918818,1.1891176,-45.741712,89.250482)"
+       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="55.705479"
-         y="-25.081388">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="circle1124"
-       cx="-55.559937"
-       cy="27.578447"
-       r="1.2760839"
-       transform="rotate(-144.24458)" />
+         y="-25.081388"
+         id="text1122"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1120"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="55.705479"
+           y="-25.081388">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="circle1124"
+         cx="-55.559937"
+         cy="27.578447"
+         r="1.2760839"
+         transform="rotate(-144.24458)" />
+    </g>
   </g>
 </svg>
diff --git a/public/assets/small-letter/hs__l1.svg b/public/assets/small-letter/hs__l1.svg
new file mode 100644
index 0000000..dac2074
--- /dev/null
+++ b/public/assets/small-letter/hs__l1.svg
@@ -0,0 +1,117 @@
+<?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"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-36"
+       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-0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3-62"
+       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-6-6" />
+    </marker>
+  </defs>
+  <g
+     id="g2"
+     style="display:inline">
+    <path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.0233;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 33.556375,63.632101 C 33.519816,59.616326 33.740851,3.5189636 33.740851,3.5189636"
+       id="path1236-1" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.48013;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers"
+       d="m 33.867094,19.650059 c -0.02623,-2.002823 -0.04789,-9.7120319 -0.04789,-9.7120319"
+       id="path1246-8" />
+    <g
+       id="g2746"
+       transform="matrix(1.4967131,0,0,1.5298001,-39.880775,-20.721196)"
+       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="text2742"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2740"
+           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="circle2744"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+  </g>
+  <g
+     id="g1"
+     style="display:none">
+    <path
+       style="display:inline;fill:none;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 54.044484,63.58022 c 0.0263,-2.113555 0.09996,-6.93742 -0.146842,-16.538709 -0.29842,-11.609329 -14.11424,-18.424826 -20.254914,-0.694469"
+       id="path385" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.48023;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-62);paint-order:stroke fill markers"
+       d="m 46.144297,36.573446 c -4.559582,0.05579 -7.570594,2.107967 -9.267114,5.026196"
+       id="path1118" />
+    <g
+       id="g1126"
+       transform="matrix(1.1799302,-0.80541095,0.79918818,1.1891176,-45.865295,81.445834)"
+       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="55.705479"
+         y="-25.081388"
+         id="text1122"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1120"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="55.705479"
+           y="-25.081388">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="circle1124"
+         cx="-55.559937"
+         cy="27.578447"
+         r="1.2760839"
+         transform="rotate(-144.24458)" />
+    </g>
+  </g>
+</svg>
diff --git a/public/assets/small-letter/hs__l2.svg b/public/assets/small-letter/hs__l2.svg
new file mode 100644
index 0000000..844794c
--- /dev/null
+++ b/public/assets/small-letter/hs__l2.svg
@@ -0,0 +1,117 @@
+<?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"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-36"
+       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-0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3-62"
+       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-6-6" />
+    </marker>
+  </defs>
+  <g
+     id="g2"
+     style="display:none">
+    <path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.0233;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 33.556375,63.632101 C 33.519816,59.616326 33.740851,3.5189636 33.740851,3.5189636"
+       id="path1236-1" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.48013;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers"
+       d="m 33.867094,19.650059 c -0.02623,-2.002823 -0.04789,-9.7120319 -0.04789,-9.7120319"
+       id="path1246-8" />
+    <g
+       id="g2746"
+       transform="matrix(1.4967131,0,0,1.5298001,-39.880775,-20.721196)"
+       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="text2742"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2740"
+           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="circle2744"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+  </g>
+  <g
+     id="g1"
+     style="display:inline">
+    <path
+       style="display:inline;fill:none;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 54.044484,63.58022 c 0.0263,-2.113555 0.09996,-6.93742 -0.146842,-16.538709 -0.29842,-11.609329 -14.11424,-18.424826 -20.254914,-0.694469"
+       id="path385" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.48023;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-62);paint-order:stroke fill markers"
+       d="m 46.144297,36.573446 c -4.559582,0.05579 -7.570594,2.107967 -9.267114,5.026196"
+       id="path1118" />
+    <g
+       id="g1126"
+       transform="matrix(1.1799302,-0.80541095,0.79918818,1.1891176,-45.865295,81.445834)"
+       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="55.705479"
+         y="-25.081388"
+         id="text1122"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1120"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="55.705479"
+           y="-25.081388">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="circle1124"
+         cx="-55.559937"
+         cy="27.578447"
+         r="1.2760839"
+         transform="rotate(-144.24458)" />
+    </g>
+  </g>
+</svg>
diff --git a/public/assets/small-letter/hs_l1.svg b/public/assets/small-letter/hs_l1.svg
index ae9cd33..dee10c1 100644
--- a/public/assets/small-letter/hs_l1.svg
+++ b/public/assets/small-letter/hs_l1.svg
@@ -7,87 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="as.svg"
-   inkscape:export-filename="hs.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="namedview51242"
-     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">
-    <sodipodi:guide
-       position="107.64909,49.99107"
-       orientation="0,-1"
-       id="guide51373"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.63086,74.995535"
-       orientation="0,-1"
-       id="guide51375"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="69.817661,104.871"
-       orientation="1,0"
-       id="guide51377"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="49.846563,90.7451"
-       orientation="1,0"
-       id="guide51379"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="30.037831,109.742"
-       orientation="1,0"
-       id="guide51381"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.14376,25.148972"
-       orientation="0,-1"
-       id="guide51383"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="121.77499,67.526669"
-       orientation="0,-1"
-       id="guide51385"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="-62.511162,32.455471"
-       orientation="0,-1"
-       id="guide51387"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="79.722027,92.531133"
-       orientation="0,-1"
-       id="guide51389"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="75.500494,7.6133734"
-       orientation="0,-1"
-       id="guide51391"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="62.674703,108.2319"
-       orientation="1,0"
-       id="guide53858"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="37.604822,110.66405"
-       orientation="1,0"
-       id="guide53860"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
   <defs
      id="defs2">
     <marker
@@ -96,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)"
@@ -115,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)"
@@ -130,23 +45,18 @@
     </marker>
   </defs>
   <g
-     id="g1851"
-     style="display:inline">
+     id="g2">
     <path
-       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="m 33.545293,63.643729 c -0.04107,-3.551071 0.207234,-53.15685 0.207234,-53.15685"
-       id="path1236-1"
-       sodipodi:nodetypes="cc" />
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.02239;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 33.679525,71.437205 C 33.642787,67.441756 33.86489,11.628361 33.86489,11.628361"
+       id="path1236-1" />
     <path
        style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.48013;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers"
-       d="M 33.62642,24.102526 C 33.60019,22.099703 33.57853,14.390494 33.57853,14.390494"
-       id="path1246-8"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.0094338882"
-       inkscape:transform-center-y="4.7846689" />
+       d="m 33.750003,31.907174 c -0.02623,-2.002823 -0.04789,-9.712032 -0.04789,-9.712032"
+       id="path1246-8" />
     <g
        id="g2746"
-       transform="matrix(1.5017246,0,0,1.345653,-40.24741,-12.358096)"
+       transform="matrix(1.5017246,0,0,1.345653,-40.123827,-4.5534477)"
        style="display:inline">
       <text
          xml:space="preserve"
@@ -155,7 +65,6 @@
          y="19.336451"
          id="text2742"
          transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           sodipodi:role="line"
            id="tspan2740"
            style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
            x="48.182404"
@@ -170,23 +79,19 @@
     </g>
   </g>
   <g
-     id="g1807"
+     id="g1"
      style="display:none">
     <path
        style="display:inline;fill:none;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 54.044484,63.58022 c 0.0263,-2.113555 0.09996,-6.93742 -0.146842,-16.538709 -0.29842,-11.609329 -14.11424,-18.424826 -20.254914,-0.694469"
-       id="path385"
-       sodipodi:nodetypes="csc" />
+       d="m 54.168067,71.384868 c 0.0263,-2.113555 0.09996,-6.93742 -0.146842,-16.538709 C 53.722805,43.23683 39.906985,36.421333 33.766311,54.15169"
+       id="path385" />
     <path
        style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.48023;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-62);paint-order:stroke fill markers"
-       d="m 46.144297,36.573446 c -4.559582,0.05579 -7.570594,2.107967 -9.267114,5.026196"
-       id="path1118"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="-4.9534769"
-       inkscape:transform-center-y="-2.6843876" />
+       d="m 46.26788,44.378094 c -4.559582,0.05579 -7.570594,2.107967 -9.267114,5.026196"
+       id="path1118" />
     <g
        id="g1126"
-       transform="matrix(1.1799302,-0.80541095,0.79918818,1.1891176,-45.865295,81.445834)"
+       transform="matrix(1.1799302,-0.80541095,0.79918818,1.1891176,-45.741712,89.250482)"
        style="display:inline">
       <text
          xml:space="preserve"
@@ -195,7 +100,6 @@
          y="-25.081388"
          id="text1122"
          transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
-           sodipodi:role="line"
            id="tspan1120"
            style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
            x="55.705479"
diff --git a/public/assets/small-letter/hs_l2.svg b/public/assets/small-letter/hs_l2.svg
index 04d2ccd..bf6feea 100644
--- a/public/assets/small-letter/hs_l2.svg
+++ b/public/assets/small-letter/hs_l2.svg
@@ -7,87 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="as.svg"
-   inkscape:export-filename="hs_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"
    xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview51242"
-     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">
-    <sodipodi:guide
-       position="107.64909,49.99107"
-       orientation="0,-1"
-       id="guide51373"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.63086,74.995535"
-       orientation="0,-1"
-       id="guide51375"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="69.817661,104.871"
-       orientation="1,0"
-       id="guide51377"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="49.846563,90.7451"
-       orientation="1,0"
-       id="guide51379"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="30.037831,109.742"
-       orientation="1,0"
-       id="guide51381"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.14376,25.148972"
-       orientation="0,-1"
-       id="guide51383"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="121.77499,67.526669"
-       orientation="0,-1"
-       id="guide51385"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="-62.511162,32.455471"
-       orientation="0,-1"
-       id="guide51387"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="79.722027,92.531133"
-       orientation="0,-1"
-       id="guide51389"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="75.500494,7.6133734"
-       orientation="0,-1"
-       id="guide51391"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="62.674703,108.2319"
-       orientation="1,0"
-       id="guide53858"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="37.604822,110.66405"
-       orientation="1,0"
-       id="guide53860"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
   <defs
      id="defs2">
     <marker
@@ -96,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)"
@@ -115,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)"
@@ -130,23 +45,19 @@
     </marker>
   </defs>
   <g
-     id="g1851"
+     id="g2"
      style="display:none">
     <path
-       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="m 33.545293,63.643729 c -0.04107,-3.551071 0.207234,-53.15685 0.207234,-53.15685"
-       id="path1236-1"
-       sodipodi:nodetypes="cc" />
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.02239;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 33.679525,71.437205 C 33.642787,67.441756 33.86489,11.628361 33.86489,11.628361"
+       id="path1236-1" />
     <path
        style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.48013;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers"
-       d="M 33.62642,24.102526 C 33.60019,22.099703 33.57853,14.390494 33.57853,14.390494"
-       id="path1246-8"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.0094338882"
-       inkscape:transform-center-y="4.7846689" />
+       d="m 33.750003,31.907174 c -0.02623,-2.002823 -0.04789,-9.712032 -0.04789,-9.712032"
+       id="path1246-8" />
     <g
        id="g2746"
-       transform="matrix(1.5017246,0,0,1.345653,-40.24741,-12.358096)"
+       transform="matrix(1.5017246,0,0,1.345653,-40.123827,-4.5534477)"
        style="display:inline">
       <text
          xml:space="preserve"
@@ -155,7 +66,6 @@
          y="19.336451"
          id="text2742"
          transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           sodipodi:role="line"
            id="tspan2740"
            style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
            x="48.182404"
@@ -170,23 +80,19 @@
     </g>
   </g>
   <g
-     id="g1807"
+     id="g1"
      style="display:inline">
     <path
        style="display:inline;fill:none;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 54.044484,63.58022 c 0.0263,-2.113555 0.09996,-6.93742 -0.146842,-16.538709 -0.29842,-11.609329 -14.11424,-18.424826 -20.254914,-0.694469"
-       id="path385"
-       sodipodi:nodetypes="csc" />
+       d="m 54.168067,71.384868 c 0.0263,-2.113555 0.09996,-6.93742 -0.146842,-16.538709 C 53.722805,43.23683 39.906985,36.421333 33.766311,54.15169"
+       id="path385" />
     <path
        style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.48023;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-62);paint-order:stroke fill markers"
-       d="m 46.144297,36.573446 c -4.559582,0.05579 -7.570594,2.107967 -9.267114,5.026196"
-       id="path1118"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="-4.9534769"
-       inkscape:transform-center-y="-2.6843876" />
+       d="m 46.26788,44.378094 c -4.559582,0.05579 -7.570594,2.107967 -9.267114,5.026196"
+       id="path1118" />
     <g
        id="g1126"
-       transform="matrix(1.1799302,-0.80541095,0.79918818,1.1891176,-45.865295,81.445834)"
+       transform="matrix(1.1799302,-0.80541095,0.79918818,1.1891176,-45.741712,89.250482)"
        style="display:inline">
       <text
          xml:space="preserve"
@@ -195,7 +101,6 @@
          y="-25.081388"
          id="text1122"
          transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
-           sodipodi:role="line"
            id="tspan1120"
            style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
            x="55.705479"
diff --git a/public/assets/small-letter/ks.svg b/public/assets/small-letter/ks.svg
index 4dd5247..d60c31e 100644
--- a/public/assets/small-letter/ks.svg
+++ b/public/assets/small-letter/ks.svg
@@ -7,87 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="as.svg"
-   inkscape:export-filename="js_l2.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="namedview51242"
-     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">
-    <sodipodi:guide
-       position="107.64909,49.99107"
-       orientation="0,-1"
-       id="guide51373"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.63086,74.995535"
-       orientation="0,-1"
-       id="guide51375"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="69.817661,104.871"
-       orientation="1,0"
-       id="guide51377"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="49.846563,90.7451"
-       orientation="1,0"
-       id="guide51379"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="30.037831,109.742"
-       orientation="1,0"
-       id="guide51381"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.14376,25.148972"
-       orientation="0,-1"
-       id="guide51383"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="121.77499,67.526669"
-       orientation="0,-1"
-       id="guide51385"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="-62.511162,32.455471"
-       orientation="0,-1"
-       id="guide51387"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="79.722027,92.531133"
-       orientation="0,-1"
-       id="guide51389"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="75.500494,7.6133734"
-       orientation="0,-1"
-       id="guide51391"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="62.674703,108.2319"
-       orientation="1,0"
-       id="guide53858"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="37.604822,110.66405"
-       orientation="1,0"
-       id="guide53860"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
   <defs
      id="defs2">
     <marker
@@ -96,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)"
@@ -110,111 +28,109 @@
          id="arrow2L-0" />
     </marker>
   </defs>
-  <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 33.921393,11.147309 c -0.314864,-0.910336 -0.124404,53.44247 -0.124404,53.44247"
-     id="path127"
-     sodipodi:nodetypes="cc" />
   <g
-     id="g4983"
-     transform="matrix(1.3106705,0,0,1.3612996,-10.525636,-3.5362715)"
+     id="g1"
      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="32.887978"
-       y="12.794106"
-       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.02288;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 33.911427,11.027112 C 33.631142,9.9977722 33.800685,71.455847 33.800685,71.455847"
+       id="path127" />
+    <g
+       id="g4983"
+       transform="matrix(1.5341872,0,0,1.4840821,-18.050865,-1.2396139)"
+       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="32.887978"
-         y="12.794106">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.067326"
-       cy="-10.754245"
-       transform="rotate(-178.67073)"
-       r="1.2760839" />
+         y="12.794106"
+         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="32.887978"
+           y="12.794106">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.067326"
+         cy="-10.754245"
+         transform="rotate(-178.67073)"
+         r="1.2760839" />
+    </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-36);paint-order:stroke fill markers"
+       d="m 33.873182,29.532764 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+       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-36);paint-order:stroke fill markers"
-     d="m 33.887502,25.269364 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
-     id="path13743"
-     sodipodi:nodetypes="cc" />
-  <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 53.121566,28.128633 C 52.980692,28.306461 34.558514,54.770101 34.558514,54.770101"
-     id="path15674"
-     sodipodi:nodetypes="cc" />
   <g
-     id="g21551"
-     transform="matrix(1.0709125,-0.77569872,0.72534851,1.1452501,-18.674442,63.55512)"
+     id="g3"
      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 53.121566,35.007804 C 52.980692,35.185632 34.558514,61.649272 34.558514,61.649272"
+       id="path15674" />
+    <g
+       id="g21551"
+       transform="matrix(1.0709125,-0.77569872,0.72534851,1.1452501,-18.674442,70.434291)"
+       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">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
+           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-36);paint-order:stroke fill markers"
+       d="m 44.081818,46.966203 c 1.269428,-1.730977 6.21501,-8.34923 6.21501,-8.34923"
+       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-36);paint-order:stroke fill markers"
-     d="m 44.081818,40.087032 c 1.269428,-1.730977 6.21501,-8.34923 6.21501,-8.34923"
-     id="path15682"
-     sodipodi:nodetypes="cc"
-     inkscape:transform-center-x="3.0865939"
-     inkscape:transform-center-y="4.0947028" />
-  <path
-     style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:6.90976;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-     d="M 40.051918,47.333345 55.451943,64.62565"
-     id="path1108"
-     sodipodi:nodetypes="cc" />
-  <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-36);paint-order:normal"
-     d="M 48.935982,58.682648 43.108673,51.653571"
-     id="path9576"
-     sodipodi:nodetypes="cc"
-     inkscape:transform-center-x="-2.7683077"
-     inkscape:transform-center-y="3.9580734" />
   <g
-     id="g21538"
-     transform="matrix(1.2270494,0,0,1.2270494,-30.897128,-43.158996)"
-     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"
+     id="g2">
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:6.90976;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 40.051918,54.212516 55.451943,71.504821"
+       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-36);paint-order:normal"
+       d="M 48.935982,65.561819 43.108673,58.532742"
+       id="path9576" />
+    <g
+       id="g21538"
+       transform="matrix(1.2270494,0,0,1.2270494,-30.897128,-36.279825)"
+       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
+           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>
 </svg>
diff --git a/public/assets/small-letter/ks_l1.svg b/public/assets/small-letter/ks_l1.svg
index b00ca65..e7fa6a6 100644
--- a/public/assets/small-letter/ks_l1.svg
+++ b/public/assets/small-letter/ks_l1.svg
@@ -7,87 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="as.svg"
-   inkscape:export-filename="ks.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="namedview51242"
-     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">
-    <sodipodi:guide
-       position="107.64909,49.99107"
-       orientation="0,-1"
-       id="guide51373"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.63086,74.995535"
-       orientation="0,-1"
-       id="guide51375"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="69.817661,104.871"
-       orientation="1,0"
-       id="guide51377"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="49.846563,90.7451"
-       orientation="1,0"
-       id="guide51379"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="30.037831,109.742"
-       orientation="1,0"
-       id="guide51381"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.14376,25.148972"
-       orientation="0,-1"
-       id="guide51383"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="121.77499,67.526669"
-       orientation="0,-1"
-       id="guide51385"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="-62.511162,32.455471"
-       orientation="0,-1"
-       id="guide51387"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="79.722027,92.531133"
-       orientation="0,-1"
-       id="guide51389"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="75.500494,7.6133734"
-       orientation="0,-1"
-       id="guide51391"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="62.674703,108.2319"
-       orientation="1,0"
-       id="guide53858"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="37.604822,110.66405"
-       orientation="1,0"
-       id="guide53860"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
   <defs
      id="defs2">
     <marker
@@ -96,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)"
@@ -111,15 +29,15 @@
     </marker>
   </defs>
   <g
-     id="g5482">
+     id="g1"
+     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 33.921393,11.147309 c -0.314864,-0.910336 -0.124404,53.44247 -0.124404,53.44247"
-       id="path127"
-       sodipodi:nodetypes="cc" />
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7.02288;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 33.911427,11.027112 C 33.631142,9.9977722 33.800685,71.455847 33.800685,71.455847"
+       id="path127" />
     <g
        id="g4983"
-       transform="matrix(1.3106705,0,0,1.3612996,-10.525636,-3.5362715)"
+       transform="matrix(1.5341872,0,0,1.4840821,-18.050865,-1.2396139)"
        style="display:inline">
       <text
          xml:space="preserve"
@@ -128,7 +46,6 @@
          y="12.794106"
          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.887978"
@@ -143,21 +60,19 @@
     </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-36);paint-order:stroke fill markers"
-       d="m 33.887502,25.269364 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
-       id="path13743"
-       sodipodi:nodetypes="cc" />
+       d="m 33.873182,29.532764 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+       id="path13743" />
   </g>
   <g
-     id="g5444"
+     id="g3"
      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 53.121566,28.128633 C 52.980692,28.306461 34.558514,54.770101 34.558514,54.770101"
-       id="path15674"
-       sodipodi:nodetypes="cc" />
+       d="M 53.121566,35.007804 C 52.980692,35.185632 34.558514,61.649272 34.558514,61.649272"
+       id="path15674" />
     <g
        id="g21551"
-       transform="matrix(1.0709125,-0.77569872,0.72534851,1.1452501,-18.674442,63.55512)"
+       transform="matrix(1.0709125,-0.77569872,0.72534851,1.1452501,-18.674442,70.434291)"
        style="display:inline">
       <text
          xml:space="preserve"
@@ -166,7 +81,6 @@
          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"
@@ -181,30 +95,23 @@
     </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-36);paint-order:stroke fill markers"
-       d="m 44.081818,40.087032 c 1.269428,-1.730977 6.21501,-8.34923 6.21501,-8.34923"
-       id="path15682"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="3.0865939"
-       inkscape:transform-center-y="4.0947028" />
+       d="m 44.081818,46.966203 c 1.269428,-1.730977 6.21501,-8.34923 6.21501,-8.34923"
+       id="path15682" />
   </g>
   <g
-     id="g5406"
+     id="g2"
      style="display:none">
     <path
        style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:6.90976;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 40.051918,47.333345 55.451943,64.62565"
-       id="path1108"
-       sodipodi:nodetypes="cc" />
+       d="M 40.051918,54.212516 55.451943,71.504821"
+       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-36);paint-order:normal"
-       d="M 48.935982,58.682648 43.108673,51.653571"
-       id="path9576"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="-2.7683077"
-       inkscape:transform-center-y="3.9580734" />
+       d="M 48.935982,65.561819 43.108673,58.532742"
+       id="path9576" />
     <g
        id="g21538"
-       transform="matrix(1.2270494,0,0,1.2270494,-30.897128,-43.158996)"
+       transform="matrix(1.2270494,0,0,1.2270494,-30.897128,-36.279825)"
        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"
@@ -221,7 +128,6 @@
          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"
diff --git a/public/assets/small-letter/ks_l2.svg b/public/assets/small-letter/ks_l2.svg
index 96c0285..80b1826 100644
--- a/public/assets/small-letter/ks_l2.svg
+++ b/public/assets/small-letter/ks_l2.svg
@@ -7,87 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="as.svg"
-   inkscape:export-filename="ks_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"
    xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview51242"
-     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">
-    <sodipodi:guide
-       position="107.64909,49.99107"
-       orientation="0,-1"
-       id="guide51373"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.63086,74.995535"
-       orientation="0,-1"
-       id="guide51375"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="69.817661,104.871"
-       orientation="1,0"
-       id="guide51377"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="49.846563,90.7451"
-       orientation="1,0"
-       id="guide51379"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="30.037831,109.742"
-       orientation="1,0"
-       id="guide51381"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.14376,25.148972"
-       orientation="0,-1"
-       id="guide51383"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="121.77499,67.526669"
-       orientation="0,-1"
-       id="guide51385"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="-62.511162,32.455471"
-       orientation="0,-1"
-       id="guide51387"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="79.722027,92.531133"
-       orientation="0,-1"
-       id="guide51389"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="75.500494,7.6133734"
-       orientation="0,-1"
-       id="guide51391"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="62.674703,108.2319"
-       orientation="1,0"
-       id="guide53858"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="37.604822,110.66405"
-       orientation="1,0"
-       id="guide53860"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
   <defs
      id="defs2">
     <marker
@@ -96,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)"
@@ -111,16 +29,15 @@
     </marker>
   </defs>
   <g
-     id="g5482"
+     id="g1"
      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 33.921393,11.147309 c -0.314864,-0.910336 -0.124404,53.44247 -0.124404,53.44247"
-       id="path127"
-       sodipodi:nodetypes="cc" />
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7.02288;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 33.911427,11.027112 C 33.631142,9.9977722 33.800685,71.455847 33.800685,71.455847"
+       id="path127" />
     <g
        id="g4983"
-       transform="matrix(1.3106705,0,0,1.3612996,-10.525636,-3.5362715)"
+       transform="matrix(1.5341872,0,0,1.4840821,-18.050865,-1.2396139)"
        style="display:inline">
       <text
          xml:space="preserve"
@@ -129,7 +46,6 @@
          y="12.794106"
          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.887978"
@@ -144,21 +60,19 @@
     </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-36);paint-order:stroke fill markers"
-       d="m 33.887502,25.269364 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
-       id="path13743"
-       sodipodi:nodetypes="cc" />
+       d="m 33.873182,29.532764 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+       id="path13743" />
   </g>
   <g
-     id="g5444"
+     id="g3"
      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 53.121566,28.128633 C 52.980692,28.306461 34.558514,54.770101 34.558514,54.770101"
-       id="path15674"
-       sodipodi:nodetypes="cc" />
+       d="M 53.121566,35.007804 C 52.980692,35.185632 34.558514,61.649272 34.558514,61.649272"
+       id="path15674" />
     <g
        id="g21551"
-       transform="matrix(1.0709125,-0.77569872,0.72534851,1.1452501,-18.674442,63.55512)"
+       transform="matrix(1.0709125,-0.77569872,0.72534851,1.1452501,-18.674442,70.434291)"
        style="display:inline">
       <text
          xml:space="preserve"
@@ -167,7 +81,6 @@
          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"
@@ -182,30 +95,23 @@
     </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-36);paint-order:stroke fill markers"
-       d="m 44.081818,40.087032 c 1.269428,-1.730977 6.21501,-8.34923 6.21501,-8.34923"
-       id="path15682"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="3.0865939"
-       inkscape:transform-center-y="4.0947028" />
+       d="m 44.081818,46.966203 c 1.269428,-1.730977 6.21501,-8.34923 6.21501,-8.34923"
+       id="path15682" />
   </g>
   <g
-     id="g5406"
+     id="g2"
      style="display:none">
     <path
        style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:6.90976;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 40.051918,47.333345 55.451943,64.62565"
-       id="path1108"
-       sodipodi:nodetypes="cc" />
+       d="M 40.051918,54.212516 55.451943,71.504821"
+       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-36);paint-order:normal"
-       d="M 48.935982,58.682648 43.108673,51.653571"
-       id="path9576"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="-2.7683077"
-       inkscape:transform-center-y="3.9580734" />
+       d="M 48.935982,65.561819 43.108673,58.532742"
+       id="path9576" />
     <g
        id="g21538"
-       transform="matrix(1.2270494,0,0,1.2270494,-30.897128,-43.158996)"
+       transform="matrix(1.2270494,0,0,1.2270494,-30.897128,-36.279825)"
        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"
@@ -222,7 +128,6 @@
          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"
diff --git a/public/assets/small-letter/ks_l3.svg b/public/assets/small-letter/ks_l3.svg
index 6f3a629..e451e12 100644
--- a/public/assets/small-letter/ks_l3.svg
+++ b/public/assets/small-letter/ks_l3.svg
@@ -7,87 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="as.svg"
-   inkscape:export-filename="ks_l2.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="namedview51242"
-     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">
-    <sodipodi:guide
-       position="107.64909,49.99107"
-       orientation="0,-1"
-       id="guide51373"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.63086,74.995535"
-       orientation="0,-1"
-       id="guide51375"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="69.817661,104.871"
-       orientation="1,0"
-       id="guide51377"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="49.846563,90.7451"
-       orientation="1,0"
-       id="guide51379"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="30.037831,109.742"
-       orientation="1,0"
-       id="guide51381"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.14376,25.148972"
-       orientation="0,-1"
-       id="guide51383"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="121.77499,67.526669"
-       orientation="0,-1"
-       id="guide51385"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="-62.511162,32.455471"
-       orientation="0,-1"
-       id="guide51387"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="79.722027,92.531133"
-       orientation="0,-1"
-       id="guide51389"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="75.500494,7.6133734"
-       orientation="0,-1"
-       id="guide51391"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="62.674703,108.2319"
-       orientation="1,0"
-       id="guide53858"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="37.604822,110.66405"
-       orientation="1,0"
-       id="guide53860"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
   <defs
      id="defs2">
     <marker
@@ -96,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)"
@@ -111,16 +29,15 @@
     </marker>
   </defs>
   <g
-     id="g5482"
+     id="g1"
      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 33.921393,11.147309 c -0.314864,-0.910336 -0.124404,53.44247 -0.124404,53.44247"
-       id="path127"
-       sodipodi:nodetypes="cc" />
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7.02288;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 33.911427,11.027112 C 33.631142,9.9977722 33.800685,71.455847 33.800685,71.455847"
+       id="path127" />
     <g
        id="g4983"
-       transform="matrix(1.3106705,0,0,1.3612996,-10.525636,-3.5362715)"
+       transform="matrix(1.5341872,0,0,1.4840821,-18.050865,-1.2396139)"
        style="display:inline">
       <text
          xml:space="preserve"
@@ -129,7 +46,6 @@
          y="12.794106"
          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.887978"
@@ -144,21 +60,19 @@
     </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-36);paint-order:stroke fill markers"
-       d="m 33.887502,25.269364 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
-       id="path13743"
-       sodipodi:nodetypes="cc" />
+       d="m 33.873182,29.532764 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+       id="path13743" />
   </g>
   <g
-     id="g5444"
+     id="g3"
      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 53.121566,28.128633 C 52.980692,28.306461 34.558514,54.770101 34.558514,54.770101"
-       id="path15674"
-       sodipodi:nodetypes="cc" />
+       d="M 53.121566,35.007804 C 52.980692,35.185632 34.558514,61.649272 34.558514,61.649272"
+       id="path15674" />
     <g
        id="g21551"
-       transform="matrix(1.0709125,-0.77569872,0.72534851,1.1452501,-18.674442,63.55512)"
+       transform="matrix(1.0709125,-0.77569872,0.72534851,1.1452501,-18.674442,70.434291)"
        style="display:inline">
       <text
          xml:space="preserve"
@@ -167,7 +81,6 @@
          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"
@@ -182,30 +95,23 @@
     </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-36);paint-order:stroke fill markers"
-       d="m 44.081818,40.087032 c 1.269428,-1.730977 6.21501,-8.34923 6.21501,-8.34923"
-       id="path15682"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="3.0865939"
-       inkscape:transform-center-y="4.0947028" />
+       d="m 44.081818,46.966203 c 1.269428,-1.730977 6.21501,-8.34923 6.21501,-8.34923"
+       id="path15682" />
   </g>
   <g
-     id="g5406"
+     id="g2"
      style="display:inline">
     <path
        style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:6.90976;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 40.051918,47.333345 55.451943,64.62565"
-       id="path1108"
-       sodipodi:nodetypes="cc" />
+       d="M 40.051918,54.212516 55.451943,71.504821"
+       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-36);paint-order:normal"
-       d="M 48.935982,58.682648 43.108673,51.653571"
-       id="path9576"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="-2.7683077"
-       inkscape:transform-center-y="3.9580734" />
+       d="M 48.935982,65.561819 43.108673,58.532742"
+       id="path9576" />
     <g
        id="g21538"
-       transform="matrix(1.2270494,0,0,1.2270494,-30.897128,-43.158996)"
+       transform="matrix(1.2270494,0,0,1.2270494,-30.897128,-36.279825)"
        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"
@@ -222,7 +128,6 @@
          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"
diff --git a/public/assets/small-letter/ms.svg b/public/assets/small-letter/ms.svg
index d982355..3d0231c 100644
--- a/public/assets/small-letter/ms.svg
+++ b/public/assets/small-letter/ms.svg
@@ -7,8 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="as.svg"
-   inkscape:export-filename="ks_l3.svg"
+   sodipodi:docname="ms.svg"
+   inkscape:export-filename="ms_.png"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
@@ -87,6 +87,11 @@
        orientation="1,0"
        id="guide53860"
        inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.699157,65.944645"
+       orientation="0,-1"
+       id="guide1"
+       inkscape:locked="false" />
   </sodipodi:namedview>
   <defs
      id="defs2">
@@ -111,33 +116,33 @@
     </marker>
   </defs>
   <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 33.822278,28.413439 c 0.119792,1.223818 -0.06878,35.442283 -0.06878,35.442283"
+     style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:6.9633;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+     d="m 33.827168,37.661031 c 0.160276,0.905134 -0.09202,26.213044 -0.09202,26.213044"
      id="path127"
      sodipodi:nodetypes="cc" />
   <text
      xml:space="preserve"
      style="font-size:3.46348px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.17372;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-     x="33.553684"
-     y="29.776054"
+     x="33.126442"
+     y="37.159477"
      id="text9342"
      transform="matrix(0.97428327,-0.00786965,0.00748224,1.0263351,0,0)"><tspan
        sodipodi:role="line"
        id="tspan9340"
        style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.17372;stroke-dasharray:none;stroke-opacity:1"
-       x="33.553684"
-       y="29.776054">1</tspan></text>
+       x="33.126442"
+       y="37.159477">1</tspan></text>
   <ellipse
      style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.17372;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
      id="path9448"
-     cx="-34.556458"
-     cy="-28.180008"
+     cx="-34.242313"
+     cy="-35.770748"
      transform="matrix(-0.99970185,-0.0244176,0.02203936,-0.9997571,0,0)"
      rx="1.5434091"
      ry="1.624505" />
   <path
      style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.517543;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
-     d="M 33.89306,38.744499 C 33.86234,37.38988 33.88022,32.175886 33.88022,32.175886"
+     d="m 33.772723,58.600095 c -0.03072,-1.354619 -0.01284,-6.568613 -0.01284,-6.568613"
      id="path13743"
      sodipodi:nodetypes="cc" />
   <path
diff --git a/public/assets/small-letter/ms_l1.svg b/public/assets/small-letter/ms_l1.svg
index 5a82452..31f5fb6 100644
--- a/public/assets/small-letter/ms_l1.svg
+++ b/public/assets/small-letter/ms_l1.svg
@@ -7,87 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="as.svg"
-   inkscape:export-filename="ms_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"
    xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview51242"
-     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">
-    <sodipodi:guide
-       position="107.64909,49.99107"
-       orientation="0,-1"
-       id="guide51373"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.63086,74.995535"
-       orientation="0,-1"
-       id="guide51375"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="69.817661,104.871"
-       orientation="1,0"
-       id="guide51377"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="49.846563,90.7451"
-       orientation="1,0"
-       id="guide51379"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="30.037831,109.742"
-       orientation="1,0"
-       id="guide51381"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.14376,25.148972"
-       orientation="0,-1"
-       id="guide51383"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="121.77499,67.526669"
-       orientation="0,-1"
-       id="guide51385"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="-62.511162,32.455471"
-       orientation="0,-1"
-       id="guide51387"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="79.722027,92.531133"
-       orientation="0,-1"
-       id="guide51389"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="75.500494,7.6133734"
-       orientation="0,-1"
-       id="guide51391"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="62.674703,108.2319"
-       orientation="1,0"
-       id="guide53858"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="37.604822,110.66405"
-       orientation="1,0"
-       id="guide53860"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
   <defs
      id="defs2">
     <marker
@@ -96,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)"
@@ -111,46 +29,42 @@
     </marker>
   </defs>
   <g
-     id="g6916">
+     id="g3">
     <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 33.822278,28.413439 c 0.119792,1.223818 -0.06878,35.442283 -0.06878,35.442283"
-       id="path127"
-       sodipodi:nodetypes="cc" />
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:6.9633;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 33.827168,37.661031 c 0.160276,0.905134 -0.09202,26.213044 -0.09202,26.213044"
+       id="path127" />
     <text
        xml:space="preserve"
        style="font-size:3.46348px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.17372;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="33.553684"
-       y="29.776054"
+       x="33.126442"
+       y="37.159477"
        id="text9342"
        transform="matrix(0.97428327,-0.00786965,0.00748224,1.0263351,0,0)"><tspan
-         sodipodi:role="line"
          id="tspan9340"
          style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.17372;stroke-dasharray:none;stroke-opacity:1"
-         x="33.553684"
-         y="29.776054">1</tspan></text>
+         x="33.126442"
+         y="37.159477">1</tspan></text>
     <ellipse
        style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.17372;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
        id="path9448"
-       cx="-34.556458"
-       cy="-28.180008"
+       cx="-34.242313"
+       cy="-35.770748"
        transform="matrix(-0.99970185,-0.0244176,0.02203936,-0.9997571,0,0)"
        rx="1.5434091"
        ry="1.624505" />
     <path
        style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.517543;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
-       d="M 33.89306,38.744499 C 33.86234,37.38988 33.88022,32.175886 33.88022,32.175886"
-       id="path13743"
-       sodipodi:nodetypes="cc" />
+       d="m 33.772723,58.600095 c -0.03072,-1.354619 -0.01284,-6.568613 -0.01284,-6.568613"
+       id="path13743" />
   </g>
   <g
-     id="g6879"
+     id="g2"
      style="display:none">
     <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:6.98157;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 49.665646,64.144399 C 49.406983,56.924836 50.688044,48.315235 48.328053,42.472951 45.638263,35.814232 33.132956,34.6236 33.835003,52.488456"
-       id="path6285"
-       sodipodi:nodetypes="csc" />
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:6.92979;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 49.725065,64.043076 c -0.259489,-7.328875 1.025659,-16.068837 -1.34186,-21.999579 -2.698371,-6.759541 -15.24357,-7.9682 -14.539283,10.167151"
+       id="path6285" />
     <g
        id="g6313"
        transform="matrix(0.97035549,-0.65723941,0.65723941,0.97035549,-31.442501,79.56139)"
@@ -162,7 +76,6 @@
          y="-23.497944"
          id="text6309"
          transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
-           sodipodi:role="line"
            id="tspan6307"
            style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
            x="54.113926"
@@ -177,27 +90,20 @@
     </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-6);paint-order:stroke fill markers"
-       d="m 38.349052,39.347895 c -3.566392,1.489354 -5.526222,4.175033 -5.246421,9.256318"
-       id="path6315"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.41460034"
-       inkscape:transform-center-y="0.46910942" />
+       d="m 37.819885,39.347895 c -3.566392,1.489354 -5.526222,4.175033 -5.246421,9.256318"
+       id="path6315" />
   </g>
   <g
-     id="g6841"
+     id="g1"
      style="display:none">
     <path
        style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#de0029;stroke-width:6.94498;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
        d="M 66.256418,64.14057 C 65.825166,56.796699 67.320273,48.051958 64.864587,42.113916 62.06573,35.346057 49.053349,34.135911 49.783864,52.29358"
-       id="path6287"
-       sodipodi:nodetypes="csc" />
+       id="path6287" />
     <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-6);paint-order:stroke fill markers"
        d="m 55.811563,39.347895 c -3.566392,1.489354 -5.526222,4.175033 -5.246421,9.256318"
-       id="path6317"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.41460034"
-       inkscape:transform-center-y="0.46910942" />
+       id="path6317" />
     <g
        id="g6325"
        transform="matrix(1.2912359,0,0,1.2912359,-26.452174,-46.397985)"
@@ -217,7 +123,6 @@
          y="75.579971"
          id="text6323"
          transform="scale(0.98702867,1.0131418)"><tspan
-           sodipodi:role="line"
            id="tspan6321"
            style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
            x="59.531094"
diff --git a/public/assets/small-letter/ms_l2.svg b/public/assets/small-letter/ms_l2.svg
index 4a041a8..a7d8aab 100644
--- a/public/assets/small-letter/ms_l2.svg
+++ b/public/assets/small-letter/ms_l2.svg
@@ -7,87 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="as.svg"
-   inkscape:export-filename="ms_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"
    xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview51242"
-     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">
-    <sodipodi:guide
-       position="107.64909,49.99107"
-       orientation="0,-1"
-       id="guide51373"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.63086,74.995535"
-       orientation="0,-1"
-       id="guide51375"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="69.817661,104.871"
-       orientation="1,0"
-       id="guide51377"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="49.846563,90.7451"
-       orientation="1,0"
-       id="guide51379"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="30.037831,109.742"
-       orientation="1,0"
-       id="guide51381"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.14376,25.148972"
-       orientation="0,-1"
-       id="guide51383"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="121.77499,67.526669"
-       orientation="0,-1"
-       id="guide51385"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="-62.511162,32.455471"
-       orientation="0,-1"
-       id="guide51387"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="79.722027,92.531133"
-       orientation="0,-1"
-       id="guide51389"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="75.500494,7.6133734"
-       orientation="0,-1"
-       id="guide51391"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="62.674703,108.2319"
-       orientation="1,0"
-       id="guide53858"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="37.604822,110.66405"
-       orientation="1,0"
-       id="guide53860"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
   <defs
      id="defs2">
     <marker
@@ -96,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)"
@@ -111,47 +29,43 @@
     </marker>
   </defs>
   <g
-     id="g6916"
+     id="g3"
      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 33.822278,28.413439 c 0.119792,1.223818 -0.06878,35.442283 -0.06878,35.442283"
-       id="path127"
-       sodipodi:nodetypes="cc" />
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:6.9633;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 33.827168,37.661031 c 0.160276,0.905134 -0.09202,26.213044 -0.09202,26.213044"
+       id="path127" />
     <text
        xml:space="preserve"
        style="font-size:3.46348px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.17372;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="33.553684"
-       y="29.776054"
+       x="33.126442"
+       y="37.159477"
        id="text9342"
        transform="matrix(0.97428327,-0.00786965,0.00748224,1.0263351,0,0)"><tspan
-         sodipodi:role="line"
          id="tspan9340"
          style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.17372;stroke-dasharray:none;stroke-opacity:1"
-         x="33.553684"
-         y="29.776054">1</tspan></text>
+         x="33.126442"
+         y="37.159477">1</tspan></text>
     <ellipse
        style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.17372;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
        id="path9448"
-       cx="-34.556458"
-       cy="-28.180008"
+       cx="-34.242313"
+       cy="-35.770748"
        transform="matrix(-0.99970185,-0.0244176,0.02203936,-0.9997571,0,0)"
        rx="1.5434091"
        ry="1.624505" />
     <path
        style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.517543;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
-       d="M 33.89306,38.744499 C 33.86234,37.38988 33.88022,32.175886 33.88022,32.175886"
-       id="path13743"
-       sodipodi:nodetypes="cc" />
+       d="m 33.772723,58.600095 c -0.03072,-1.354619 -0.01284,-6.568613 -0.01284,-6.568613"
+       id="path13743" />
   </g>
   <g
-     id="g6879"
+     id="g2"
      style="display:inline">
     <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:6.98157;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 49.665646,64.144399 C 49.406983,56.924836 50.688044,48.315235 48.328053,42.472951 45.638263,35.814232 33.132956,34.6236 33.835003,52.488456"
-       id="path6285"
-       sodipodi:nodetypes="csc" />
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:6.92979;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 49.725065,64.043076 c -0.259489,-7.328875 1.025659,-16.068837 -1.34186,-21.999579 -2.698371,-6.759541 -15.24357,-7.9682 -14.539283,10.167151"
+       id="path6285" />
     <g
        id="g6313"
        transform="matrix(0.97035549,-0.65723941,0.65723941,0.97035549,-31.442501,79.56139)"
@@ -163,7 +77,6 @@
          y="-23.497944"
          id="text6309"
          transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
-           sodipodi:role="line"
            id="tspan6307"
            style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
            x="54.113926"
@@ -178,27 +91,20 @@
     </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-6);paint-order:stroke fill markers"
-       d="m 38.349052,39.347895 c -3.566392,1.489354 -5.526222,4.175033 -5.246421,9.256318"
-       id="path6315"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.41460034"
-       inkscape:transform-center-y="0.46910942" />
+       d="m 37.819885,39.347895 c -3.566392,1.489354 -5.526222,4.175033 -5.246421,9.256318"
+       id="path6315" />
   </g>
   <g
-     id="g6841"
+     id="g1"
      style="display:none">
     <path
        style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#de0029;stroke-width:6.94498;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
        d="M 66.256418,64.14057 C 65.825166,56.796699 67.320273,48.051958 64.864587,42.113916 62.06573,35.346057 49.053349,34.135911 49.783864,52.29358"
-       id="path6287"
-       sodipodi:nodetypes="csc" />
+       id="path6287" />
     <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-6);paint-order:stroke fill markers"
        d="m 55.811563,39.347895 c -3.566392,1.489354 -5.526222,4.175033 -5.246421,9.256318"
-       id="path6317"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.41460034"
-       inkscape:transform-center-y="0.46910942" />
+       id="path6317" />
     <g
        id="g6325"
        transform="matrix(1.2912359,0,0,1.2912359,-26.452174,-46.397985)"
@@ -218,7 +124,6 @@
          y="75.579971"
          id="text6323"
          transform="scale(0.98702867,1.0131418)"><tspan
-           sodipodi:role="line"
            id="tspan6321"
            style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
            x="59.531094"
diff --git a/public/assets/small-letter/ms_l3.svg b/public/assets/small-letter/ms_l3.svg
index 5b3a052..6f5c220 100644
--- a/public/assets/small-letter/ms_l3.svg
+++ b/public/assets/small-letter/ms_l3.svg
@@ -7,87 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="as.svg"
-   inkscape:export-filename="ms_l2.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="namedview51242"
-     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">
-    <sodipodi:guide
-       position="107.64909,49.99107"
-       orientation="0,-1"
-       id="guide51373"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.63086,74.995535"
-       orientation="0,-1"
-       id="guide51375"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="69.817661,104.871"
-       orientation="1,0"
-       id="guide51377"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="49.846563,90.7451"
-       orientation="1,0"
-       id="guide51379"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="30.037831,109.742"
-       orientation="1,0"
-       id="guide51381"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.14376,25.148972"
-       orientation="0,-1"
-       id="guide51383"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="121.77499,67.526669"
-       orientation="0,-1"
-       id="guide51385"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="-62.511162,32.455471"
-       orientation="0,-1"
-       id="guide51387"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="79.722027,92.531133"
-       orientation="0,-1"
-       id="guide51389"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="75.500494,7.6133734"
-       orientation="0,-1"
-       id="guide51391"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="62.674703,108.2319"
-       orientation="1,0"
-       id="guide53858"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="37.604822,110.66405"
-       orientation="1,0"
-       id="guide53860"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
   <defs
      id="defs2">
     <marker
@@ -96,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)"
@@ -111,47 +29,43 @@
     </marker>
   </defs>
   <g
-     id="g6916"
+     id="g3"
      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 33.822278,28.413439 c 0.119792,1.223818 -0.06878,35.442283 -0.06878,35.442283"
-       id="path127"
-       sodipodi:nodetypes="cc" />
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:6.9633;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 33.827168,37.661031 c 0.160276,0.905134 -0.09202,26.213044 -0.09202,26.213044"
+       id="path127" />
     <text
        xml:space="preserve"
        style="font-size:3.46348px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.17372;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="33.553684"
-       y="29.776054"
+       x="33.126442"
+       y="37.159477"
        id="text9342"
        transform="matrix(0.97428327,-0.00786965,0.00748224,1.0263351,0,0)"><tspan
-         sodipodi:role="line"
          id="tspan9340"
          style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.17372;stroke-dasharray:none;stroke-opacity:1"
-         x="33.553684"
-         y="29.776054">1</tspan></text>
+         x="33.126442"
+         y="37.159477">1</tspan></text>
     <ellipse
        style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.17372;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
        id="path9448"
-       cx="-34.556458"
-       cy="-28.180008"
+       cx="-34.242313"
+       cy="-35.770748"
        transform="matrix(-0.99970185,-0.0244176,0.02203936,-0.9997571,0,0)"
        rx="1.5434091"
        ry="1.624505" />
     <path
        style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.517543;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
-       d="M 33.89306,38.744499 C 33.86234,37.38988 33.88022,32.175886 33.88022,32.175886"
-       id="path13743"
-       sodipodi:nodetypes="cc" />
+       d="m 33.772723,58.600095 c -0.03072,-1.354619 -0.01284,-6.568613 -0.01284,-6.568613"
+       id="path13743" />
   </g>
   <g
-     id="g6879"
+     id="g2"
      style="display:none">
     <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:6.98157;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 49.665646,64.144399 C 49.406983,56.924836 50.688044,48.315235 48.328053,42.472951 45.638263,35.814232 33.132956,34.6236 33.835003,52.488456"
-       id="path6285"
-       sodipodi:nodetypes="csc" />
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:6.92979;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 49.725065,64.043076 c -0.259489,-7.328875 1.025659,-16.068837 -1.34186,-21.999579 -2.698371,-6.759541 -15.24357,-7.9682 -14.539283,10.167151"
+       id="path6285" />
     <g
        id="g6313"
        transform="matrix(0.97035549,-0.65723941,0.65723941,0.97035549,-31.442501,79.56139)"
@@ -163,7 +77,6 @@
          y="-23.497944"
          id="text6309"
          transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
-           sodipodi:role="line"
            id="tspan6307"
            style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
            x="54.113926"
@@ -178,27 +91,20 @@
     </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-6);paint-order:stroke fill markers"
-       d="m 38.349052,39.347895 c -3.566392,1.489354 -5.526222,4.175033 -5.246421,9.256318"
-       id="path6315"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.41460034"
-       inkscape:transform-center-y="0.46910942" />
+       d="m 37.819885,39.347895 c -3.566392,1.489354 -5.526222,4.175033 -5.246421,9.256318"
+       id="path6315" />
   </g>
   <g
-     id="g6841"
+     id="g1"
      style="display:inline">
     <path
        style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#de0029;stroke-width:6.94498;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
        d="M 66.256418,64.14057 C 65.825166,56.796699 67.320273,48.051958 64.864587,42.113916 62.06573,35.346057 49.053349,34.135911 49.783864,52.29358"
-       id="path6287"
-       sodipodi:nodetypes="csc" />
+       id="path6287" />
     <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-6);paint-order:stroke fill markers"
        d="m 55.811563,39.347895 c -3.566392,1.489354 -5.526222,4.175033 -5.246421,9.256318"
-       id="path6317"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.41460034"
-       inkscape:transform-center-y="0.46910942" />
+       id="path6317" />
     <g
        id="g6325"
        transform="matrix(1.2912359,0,0,1.2912359,-26.452174,-46.397985)"
@@ -218,7 +124,6 @@
          y="75.579971"
          id="text6323"
          transform="scale(0.98702867,1.0131418)"><tspan
-           sodipodi:role="line"
            id="tspan6321"
            style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
            x="59.531094"
diff --git a/public/assets/small-letter/ns.svg b/public/assets/small-letter/ns.svg
index a257fc7..5b53ba0 100644
--- a/public/assets/small-letter/ns.svg
+++ b/public/assets/small-letter/ns.svg
@@ -7,7 +7,7 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="as.svg"
+   sodipodi:docname="ns.svg"
    inkscape:export-filename="ms_l3.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
@@ -87,6 +87,11 @@
        orientation="1,0"
        id="guide53860"
        inkscape:locked="false" />
+    <sodipodi:guide
+       position="47.172081,65.583634"
+       orientation="0,-1"
+       id="guide1"
+       inkscape:locked="false" />
   </sodipodi:namedview>
   <defs
      id="defs2">
@@ -110,40 +115,36 @@
          id="arrow2L-2" />
     </marker>
   </defs>
-  <g
-     id="g6916"
-     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 33.822278,28.413439 c 0.119792,1.223818 -0.06878,35.442283 -0.06878,35.442283"
-       id="path127"
-       sodipodi:nodetypes="cc" />
-    <text
-       xml:space="preserve"
-       style="font-size:3.46348px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.17372;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="33.553684"
-       y="29.776054"
-       id="text9342"
-       transform="matrix(0.97428327,-0.00786965,0.00748224,1.0263351,0,0)"><tspan
-         sodipodi:role="line"
-         id="tspan9340"
-         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.17372;stroke-dasharray:none;stroke-opacity:1"
-         x="33.553684"
-         y="29.776054">1</tspan></text>
-    <ellipse
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.17372;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="path9448"
-       cx="-34.556458"
-       cy="-28.180008"
-       transform="matrix(-0.99970185,-0.0244176,0.02203936,-0.9997571,0,0)"
-       rx="1.5434091"
-       ry="1.624505" />
-    <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.517543;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
-       d="M 33.89306,38.744499 C 33.86234,37.38988 33.88022,32.175886 33.88022,32.175886"
-       id="path13743"
-       sodipodi:nodetypes="cc" />
-  </g>
+  <path
+     style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:6.96393;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+     d="m 33.827084,37.541011 c 0.159576,0.909267 -0.09162,26.332747 -0.09162,26.332747"
+     id="path127"
+     sodipodi:nodetypes="cc" />
+  <text
+     xml:space="preserve"
+     style="font-size:3.46348px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.17372;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     x="33.249947"
+     y="37.160423"
+     id="text9342"
+     transform="matrix(0.97428327,-0.00786965,0.00748224,1.0263351,0,0)"><tspan
+       sodipodi:role="line"
+       id="tspan9340"
+       style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.17372;stroke-dasharray:none;stroke-opacity:1"
+       x="33.249947"
+       y="37.160423">1</tspan></text>
+  <ellipse
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.17372;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     id="path9448"
+     cx="-34.482925"
+     cy="-35.764874"
+     transform="matrix(-0.99970185,-0.0244176,0.02203936,-0.9997571,0,0)"
+     rx="1.5434091"
+     ry="1.624505" />
+  <path
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.517543;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+     d="M 33.89306,58.323678 C 33.86234,56.969059 33.88022,51.755065 33.88022,51.755065"
+     id="path13743"
+     sodipodi:nodetypes="cc" />
   <g
      id="g6879"
      style="display:inline">
diff --git a/public/assets/small-letter/ns_l1.svg b/public/assets/small-letter/ns_l1.svg
index ad47b96..34e6731 100644
--- a/public/assets/small-letter/ns_l1.svg
+++ b/public/assets/small-letter/ns_l1.svg
@@ -7,87 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="as.svg"
-   inkscape:export-filename="ns.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="namedview51242"
-     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">
-    <sodipodi:guide
-       position="107.64909,49.99107"
-       orientation="0,-1"
-       id="guide51373"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.63086,74.995535"
-       orientation="0,-1"
-       id="guide51375"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="69.817661,104.871"
-       orientation="1,0"
-       id="guide51377"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="49.846563,90.7451"
-       orientation="1,0"
-       id="guide51379"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="30.037831,109.742"
-       orientation="1,0"
-       id="guide51381"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.14376,25.148972"
-       orientation="0,-1"
-       id="guide51383"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="121.77499,67.526669"
-       orientation="0,-1"
-       id="guide51385"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="-62.511162,32.455471"
-       orientation="0,-1"
-       id="guide51387"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="79.722027,92.531133"
-       orientation="0,-1"
-       id="guide51389"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="75.500494,7.6133734"
-       orientation="0,-1"
-       id="guide51391"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="62.674703,108.2319"
-       orientation="1,0"
-       id="guide53858"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="37.604822,110.66405"
-       orientation="1,0"
-       id="guide53860"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
   <defs
      id="defs2">
     <marker
@@ -96,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)"
@@ -110,48 +28,40 @@
          id="arrow2L-2" />
     </marker>
   </defs>
-  <g
-     id="g6916"
-     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 33.822278,28.413439 c 0.119792,1.223818 -0.06878,35.442283 -0.06878,35.442283"
-       id="path127"
-       sodipodi:nodetypes="cc" />
-    <text
-       xml:space="preserve"
-       style="font-size:3.46348px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.17372;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="33.553684"
-       y="29.776054"
-       id="text9342"
-       transform="matrix(0.97428327,-0.00786965,0.00748224,1.0263351,0,0)"><tspan
-         sodipodi:role="line"
-         id="tspan9340"
-         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.17372;stroke-dasharray:none;stroke-opacity:1"
-         x="33.553684"
-         y="29.776054">1</tspan></text>
-    <ellipse
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.17372;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       id="path9448"
-       cx="-34.556458"
-       cy="-28.180008"
-       transform="matrix(-0.99970185,-0.0244176,0.02203936,-0.9997571,0,0)"
-       rx="1.5434091"
-       ry="1.624505" />
-    <path
-       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.517543;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
-       d="M 33.89306,38.744499 C 33.86234,37.38988 33.88022,32.175886 33.88022,32.175886"
-       id="path13743"
-       sodipodi:nodetypes="cc" />
-  </g>
+  <path
+     style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:6.96393;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+     d="m 33.827084,37.541011 c 0.159576,0.909267 -0.09162,26.332747 -0.09162,26.332747"
+     id="path127" />
+  <text
+     xml:space="preserve"
+     style="font-size:3.46348px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.17372;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     x="33.249947"
+     y="37.160423"
+     id="text9342"
+     transform="matrix(0.97428327,-0.00786965,0.00748224,1.0263351,0,0)"><tspan
+       id="tspan9340"
+       style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.17372;stroke-dasharray:none;stroke-opacity:1"
+       x="33.249947"
+       y="37.160423">1</tspan></text>
+  <ellipse
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.17372;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     id="path9448"
+     cx="-34.482925"
+     cy="-35.764874"
+     transform="matrix(-0.99970185,-0.0244176,0.02203936,-0.9997571,0,0)"
+     rx="1.5434091"
+     ry="1.624505" />
+  <path
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.517543;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+     d="M 33.89306,58.323678 C 33.86234,56.969059 33.88022,51.755065 33.88022,51.755065"
+     id="path13743" />
   <g
      id="g6879"
      style="display:none">
     <path
        style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:6.98157;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
        d="M 49.665646,64.144399 C 49.406983,56.924836 50.688044,48.315235 48.328053,42.472951 45.638263,35.814232 33.132956,34.6236 33.835003,52.488456"
-       id="path6285"
-       sodipodi:nodetypes="csc" />
+       id="path6285" />
     <g
        id="g6313"
        transform="matrix(0.97035549,-0.65723941,0.65723941,0.97035549,-31.442501,79.56139)"
@@ -163,7 +73,6 @@
          y="-23.497944"
          id="text6309"
          transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
-           sodipodi:role="line"
            id="tspan6307"
            style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
            x="54.113926"
@@ -179,10 +88,7 @@
     <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-6);paint-order:stroke fill markers"
        d="m 38.349052,39.347895 c -3.566392,1.489354 -5.526222,4.175033 -5.246421,9.256318"
-       id="path6315"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.41460034"
-       inkscape:transform-center-y="0.46910942" />
+       id="path6315" />
   </g>
   <g
      id="g6841"
@@ -190,15 +96,11 @@
     <path
        style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#de0029;stroke-width:6.94498;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
        d="M 66.256418,64.14057 C 65.825166,56.796699 67.320273,48.051958 64.864587,42.113916 62.06573,35.346057 49.053349,34.135911 49.783864,52.29358"
-       id="path6287"
-       sodipodi:nodetypes="csc" />
+       id="path6287" />
     <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-6);paint-order:stroke fill markers"
        d="m 55.811563,39.347895 c -3.566392,1.489354 -5.526222,4.175033 -5.246421,9.256318"
-       id="path6317"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.41460034"
-       inkscape:transform-center-y="0.46910942" />
+       id="path6317" />
     <ellipse
        style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.169847;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
        id="ellipse6319"
@@ -214,7 +116,6 @@
        y="51.795433"
        id="text6323"
        transform="scale(0.98702867,1.0131418)"><tspan
-         sodipodi:role="line"
          id="tspan6321"
          style="stroke:#f9f6f6;stroke-width:0.169845;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
          x="50.068886"
diff --git a/public/assets/small-letter/ns_l2.svg b/public/assets/small-letter/ns_l2.svg
index 64b94a3..20b407b 100644
--- a/public/assets/small-letter/ns_l2.svg
+++ b/public/assets/small-letter/ns_l2.svg
@@ -7,87 +7,8 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="as.svg"
-   inkscape:export-filename="ns_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"
    xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview51242"
-     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">
-    <sodipodi:guide
-       position="107.64909,49.99107"
-       orientation="0,-1"
-       id="guide51373"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.63086,74.995535"
-       orientation="0,-1"
-       id="guide51375"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="69.817661,104.871"
-       orientation="1,0"
-       id="guide51377"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="49.846563,90.7451"
-       orientation="1,0"
-       id="guide51379"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="30.037831,109.742"
-       orientation="1,0"
-       id="guide51381"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="114.14376,25.148972"
-       orientation="0,-1"
-       id="guide51383"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="121.77499,67.526669"
-       orientation="0,-1"
-       id="guide51385"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="-62.511162,32.455471"
-       orientation="0,-1"
-       id="guide51387"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="79.722027,92.531133"
-       orientation="0,-1"
-       id="guide51389"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="75.500494,7.6133734"
-       orientation="0,-1"
-       id="guide51391"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="62.674703,108.2319"
-       orientation="1,0"
-       id="guide53858"
-       inkscape:locked="false" />
-    <sodipodi:guide
-       position="37.604822,110.66405"
-       orientation="1,0"
-       id="guide53860"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
   <defs
      id="defs2">
     <marker
@@ -96,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)"
@@ -111,38 +29,35 @@
     </marker>
   </defs>
   <g
-     id="g6916"
+     id="g1"
      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 33.822278,28.413439 c 0.119792,1.223818 -0.06878,35.442283 -0.06878,35.442283"
-       id="path127"
-       sodipodi:nodetypes="cc" />
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:6.96393;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 33.827084,37.541011 c 0.159576,0.909267 -0.09162,26.332747 -0.09162,26.332747"
+       id="path127" />
     <text
        xml:space="preserve"
        style="font-size:3.46348px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.17372;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
-       x="33.553684"
-       y="29.776054"
+       x="33.249947"
+       y="37.160423"
        id="text9342"
        transform="matrix(0.97428327,-0.00786965,0.00748224,1.0263351,0,0)"><tspan
-         sodipodi:role="line"
          id="tspan9340"
          style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.17372;stroke-dasharray:none;stroke-opacity:1"
-         x="33.553684"
-         y="29.776054">1</tspan></text>
+         x="33.249947"
+         y="37.160423">1</tspan></text>
     <ellipse
        style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.17372;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
        id="path9448"
-       cx="-34.556458"
-       cy="-28.180008"
+       cx="-34.482925"
+       cy="-35.764874"
        transform="matrix(-0.99970185,-0.0244176,0.02203936,-0.9997571,0,0)"
        rx="1.5434091"
        ry="1.624505" />
     <path
        style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.517543;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
-       d="M 33.89306,38.744499 C 33.86234,37.38988 33.88022,32.175886 33.88022,32.175886"
-       id="path13743"
-       sodipodi:nodetypes="cc" />
+       d="M 33.89306,58.323678 C 33.86234,56.969059 33.88022,51.755065 33.88022,51.755065"
+       id="path13743" />
   </g>
   <g
      id="g6879"
@@ -150,8 +65,7 @@
     <path
        style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:6.98157;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
        d="M 49.665646,64.144399 C 49.406983,56.924836 50.688044,48.315235 48.328053,42.472951 45.638263,35.814232 33.132956,34.6236 33.835003,52.488456"
-       id="path6285"
-       sodipodi:nodetypes="csc" />
+       id="path6285" />
     <g
        id="g6313"
        transform="matrix(0.97035549,-0.65723941,0.65723941,0.97035549,-31.442501,79.56139)"
@@ -163,7 +77,6 @@
          y="-23.497944"
          id="text6309"
          transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
-           sodipodi:role="line"
            id="tspan6307"
            style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
            x="54.113926"
@@ -179,10 +92,7 @@
     <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-6);paint-order:stroke fill markers"
        d="m 38.349052,39.347895 c -3.566392,1.489354 -5.526222,4.175033 -5.246421,9.256318"
-       id="path6315"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.41460034"
-       inkscape:transform-center-y="0.46910942" />
+       id="path6315" />
   </g>
   <g
      id="g6841"
@@ -190,15 +100,11 @@
     <path
        style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#de0029;stroke-width:6.94498;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
        d="M 66.256418,64.14057 C 65.825166,56.796699 67.320273,48.051958 64.864587,42.113916 62.06573,35.346057 49.053349,34.135911 49.783864,52.29358"
-       id="path6287"
-       sodipodi:nodetypes="csc" />
+       id="path6287" />
     <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-6);paint-order:stroke fill markers"
        d="m 55.811563,39.347895 c -3.566392,1.489354 -5.526222,4.175033 -5.246421,9.256318"
-       id="path6317"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.41460034"
-       inkscape:transform-center-y="0.46910942" />
+       id="path6317" />
     <ellipse
        style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.169847;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
        id="ellipse6319"
@@ -214,7 +120,6 @@
        y="51.795433"
        id="text6323"
        transform="scale(0.98702867,1.0131418)"><tspan
-         sodipodi:role="line"
          id="tspan6321"
          style="stroke:#f9f6f6;stroke-width:0.169845;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
          x="50.068886"
diff --git a/public/assets/small-letter/ts.svg b/public/assets/small-letter/ts.svg
index 7ea5d57..5945e6b 100644
--- a/public/assets/small-letter/ts.svg
+++ b/public/assets/small-letter/ts.svg
@@ -8,7 +8,7 @@
    version="1.1"
    id="svg5"
    sodipodi:docname="ts_l2.svg"
-   inkscape:export-filename="ts_l2.svg"
+   inkscape:export-filename="ts-l3.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
@@ -138,9 +138,9 @@
      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 50.08549,24.331693 c 0.276649,8.508821 -0.204874,28.733484 -0.204874,37.237207 0,4.994314 10.537236,5.173737 10.111561,-3.778473"
+       d="m 49.923123,20.759627 c 0.276649,8.508821 -0.04251,41.885183 -0.04251,50.388906"
        id="path127"
-       sodipodi:nodetypes="ccc" />
+       sodipodi:nodetypes="cc" />
     <text
        xml:space="preserve"
        style="font-size:3.62443px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.181793;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@@ -166,12 +166,13 @@
   </g>
   <g
      id="g18551"
-     transform="translate(-1.0583333,-0.52916667)"
+     transform="translate(-1.0583333,-3.9071252)"
      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 63.698073,36.333523 c -2.013851,0.08758 -26.404088,0.195734 -26.404088,0.195734"
-       id="path1236-5" />
+       d="m 62.074406,36.333523 c -2.013851,0.08758 -21.695455,0.03337 -21.695455,0.03337"
+       id="path1236-5"
+       sodipodi:nodetypes="cc" />
     <g
        id="g1301"
        transform="matrix(1.0751203,-0.72819851,0.72819851,1.0751203,-30.931124,68.289741)"
diff --git a/public/assets/small-letter/ts_l1.svg b/public/assets/small-letter/ts_l1.svg
index 3a537d9..26eb962 100644
--- a/public/assets/small-letter/ts_l1.svg
+++ b/public/assets/small-letter/ts_l1.svg
@@ -8,9 +8,10 @@
    version="1.1"
    id="svg5"
    sodipodi:docname="ts_l2.svg"
-   inkscape:export-filename="ts-l1.svg"
+   inkscape:export-filename="..\Desktop\LATTER\ts_l1.png"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
+   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
    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"
@@ -28,12 +29,12 @@
      showgrid="false"
      showguides="true"
      inkscape:zoom="1.6295423"
-     inkscape:cx="47.252532"
-     inkscape:cy="206.19287"
+     inkscape:cx="125.49536"
+     inkscape:cy="151.88314"
      inkscape:window-width="1920"
-     inkscape:window-height="1007"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
+     inkscape:window-height="1027"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
      inkscape:window-maximized="1"
      inkscape:current-layer="svg5">
     <sodipodi:guide
@@ -115,15 +116,31 @@
          style="fill:context-stroke;fill-rule:evenodd;stroke:none"
          id="arrow2L-54" />
     </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3-7"
+       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-6-6" />
+    </marker>
   </defs>
   <g
      id="g18882"
      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 50.08549,24.331693 c 0.276649,8.508821 -0.204874,28.733484 -0.204874,37.237207 0,4.994314 10.537236,5.173737 10.111561,-3.778473"
+       d="m 49.923123,20.759627 c 0.276649,8.508821 -0.04251,41.885183 -0.04251,50.388906"
        id="path127"
-       sodipodi:nodetypes="ccc" />
+       sodipodi:nodetypes="cc" />
     <text
        xml:space="preserve"
        style="font-size:3.62443px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.181793;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@@ -147,4 +164,41 @@
        d="m 50.181312,42.781753 c -0.01038,-3.228056 -0.0043,-15.652996 -0.0043,-15.652996"
        id="path13743" />
   </g>
+  <g
+     id="g18551"
+     transform="translate(-1.0583333,-3.9071252)"
+     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 62.074406,36.333523 c -2.013851,0.08758 -21.695455,0.03337 -21.695455,0.03337"
+       id="path1236-5"
+       sodipodi:nodetypes="cc" />
+    <g
+       id="g1301"
+       transform="matrix(1.0751203,-0.72819851,0.72819851,1.0751203,-30.931124,68.289741)"
+       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="text1240-6"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1238-9"
+           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="circle1242-3"
+         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-3-7);paint-order:stroke fill markers"
+       d="m 53.475324,36.181898 c -2.146558,0.0055 -10.407988,0.100872 -10.407988,0.100872"
+       id="path1246-7" />
+  </g>
 </svg>
diff --git a/public/assets/small-letter/ts_l2.svg b/public/assets/small-letter/ts_l2.svg
index 220fef0..d3143ce 100644
--- a/public/assets/small-letter/ts_l2.svg
+++ b/public/assets/small-letter/ts_l2.svg
@@ -8,7 +8,7 @@
    version="1.1"
    id="svg5"
    sodipodi:docname="ts_l2.svg"
-   inkscape:export-filename="ts-l3.svg"
+   inkscape:export-filename="..\Desktop\LATTER\ts_l1.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
@@ -138,9 +138,9 @@
      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 50.08549,24.331693 c 0.276649,8.508821 -0.204874,28.733484 -0.204874,37.237207 0,4.994314 10.537236,5.173737 10.111561,-3.778473"
+       d="m 49.923123,20.759627 c 0.276649,8.508821 -0.04251,41.885183 -0.04251,50.388906"
        id="path127"
-       sodipodi:nodetypes="ccc" />
+       sodipodi:nodetypes="cc" />
     <text
        xml:space="preserve"
        style="font-size:3.62443px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.181793;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
@@ -166,12 +166,13 @@
   </g>
   <g
      id="g18551"
-     transform="translate(-1.0583333,-0.52916667)"
+     transform="translate(-1.0583333,-3.9071252)"
      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 63.698073,36.333523 c -2.013851,0.08758 -26.404088,0.195734 -26.404088,0.195734"
-       id="path1236-5" />
+       d="m 62.074406,36.333523 c -2.013851,0.08758 -21.695455,0.03337 -21.695455,0.03337"
+       id="path1236-5"
+       sodipodi:nodetypes="cc" />
     <g
        id="g1301"
        transform="matrix(1.0751203,-0.72819851,0.72819851,1.0751203,-30.931124,68.289741)"
diff --git a/src/pages/drawing/v3.astro b/src/pages/drawing/v3.astro
index 951f2b0..23287e4 100644
--- a/src/pages/drawing/v3.astro
+++ b/src/pages/drawing/v3.astro
@@ -200,36 +200,37 @@ import Layout from '../../layouts/Layout.astro';
                 colorContainer.style.flexDirection = 'column'; 
             }
             // Create the color picker
-            // const colorPicker = document.createElement('input');
-            // colorPicker.type = 'color';
-            // colorPicker.value = selectedColor;
-            // colorPicker.className = 'color-picker';
-            // colorPicker.style.marginBottom = '0px';
-            // colorPicker.style.marginTop = '-0px';
-            // colorPicker.style.marginRight = '15px';
-            // // colorPicker.style.padding = '1px 1px';
-            // // colorPicker.style.outline = 'none';
-            // if (!isMobile) {
-            //     colorPicker.style.marginBottom = '15px';
-            //     colorPicker.style.width = '46px';
-            //     colorPicker.style.height = '46px';
-            // } else {
-            //     colorPicker.style.width = '40px';
-            //     colorPicker.style.height = '40px';
-            // }
-            // colorPicker.style.border = '3px solid #05b3a4';
-            // colorPicker.style.borderRadius = '20%';
-            // colorPicker.style.boxShadow = '5px 10px 30px #7c4c2390';
-            // colorPicker.addEventListener('input', (event) => {
-            //     if (!isErasing) {
-            //         selectedColor = event.target.value; // Update selectedColor if not erasing
-            //     }
-            // });
-            // // Append the color picker to the color container data
-            // colorContainer.appendChild(colorPicker);
+            const colorPicker = document.createElement('input');
+            colorPicker.type = 'color';
+            colorPicker.value = selectedColor;
+            colorPicker.className = 'color-picker';
+            colorPicker.style.marginBottom = '0px';
+            colorPicker.style.marginTop = '-0px';
+            colorPicker.style.marginRight = '15px';
+            // colorPicker.style.padding = '1px 1px';
+            // colorPicker.style.outline = 'none';
+            if (!isMobile) {
+                colorPicker.style.marginBottom = '15px';
+                colorPicker.style.width = '46px';
+                colorPicker.style.height = '46px';
+            } else {
+                colorPicker.style.width = '40px';
+                colorPicker.style.height = '40px';
+            }
+            colorPicker.style.border = '3px solid #05b3a4';
+            colorPicker.style.borderRadius = '20%';
+            colorPicker.style.boxShadow = '5px 10px 30px #7c4c2390';
+            colorPicker.addEventListener('input', (event) => {
+                if (!isErasing) {
+                    selectedColor = event.target.value; // Update selectedColor if not erasing
+                }
+            });
+            // Append the color picker to the color container data
+            colorContainer.appendChild(colorPicker);
             // const colors = data.colors;
             // var colors = colorList;
-            const colors = ['#ff0000'];
+            const colors = ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#FFA500', '#A52A2A', '#800080', '#FFC0CB', '#FFFFFF', '#000000', '#C0C0C0', '#FFD700'];
+            // const colors = ['#ff0000'];
             const buttonSize = 60;
             const buttonSpacing = 15;
             // Create a container div for the color buttons
@@ -240,7 +241,7 @@ import Layout from '../../layouts/Layout.astro';
             }
             // Align the color buttons to the left of the viewport
             const buttonX = 30; // Adjusted position (e.g., 10px from the left)
-            // const colorPaletteY = drawingZone.y - 20; // Position it at the top of the drawing zone
+            const colorPaletteY = drawingZone.y - 20; // Position it at the top of the drawing zone
             // Keep track of the selected color
             let selectedButton = null;
 
@@ -268,9 +269,9 @@ import Layout from '../../layouts/Layout.astro';
                     button.style.height = `45px`;
                 }
                 if(isMobile){
-                    button.innerHTML = ``;
+                    button.innerHTML = `<svg height="${pencilSize}" width="${pencilSize}" version="1.1" id="_x36_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" fill="#000000" transform="rotate(90)matrix(-1, 0, 0, -1, 0, 0)"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <g> <polygon style="fill:#FBE6B7;" points="180.006,414.017 171.785,422.16 115.097,478.926 115.019,478.926 113.923,480.023 113.844,479.945 113.375,479.474 113.297,479.474 73.6,439.701 72.895,439.074 72.19,438.29 32.494,398.671 31.867,398.046 97.95,331.961 "></polygon> <path style="fill:#FFFFFF;" d="M511.439,67.631c-0.627,2.739-2.036,5.402-4.15,7.516l-35.938,35.937l-7.673,7.673l-4.15,4.15 c-6.264,6.264-16.599,6.264-22.941,0l-23.724-23.724L389.06,75.38c-6.342-6.341-6.342-16.676,0-22.941l4.15-4.15l7.673-7.673 l9.552-9.552L436.743,4.68c2.114-2.114,4.776-3.525,7.595-4.15c5.324-1.409,11.275,0,15.425,4.15l23.724,23.803l23.802,23.722 C511.439,56.355,512.848,62.305,511.439,67.631z"></path> <polygon style="fill:#FEF9E7;" points="477.145,116.88 404.72,189.306 363.692,148.276 322.664,107.248 395.089,34.823 471.351,111.085 "></polygon> <polygon style="fill:${color};" points="486.697,107.248 477.145,116.88 469.472,124.473 463.678,118.757 393.21,48.29 387.416,42.498 404.641,25.271 480.903,101.533 "></polygon> <polygon style="fill:${color};" points="417.874,176.072 404.72,189.306 309.901,284.123 180.006,414.017 171.785,422.16 130.835,381.134 89.808,340.105 97.95,331.961 227.845,202.067 322.664,107.248 335.818,94.095 376.846,135.122 "></polygon> <path style="fill:#FBE6B7;" d="M115.019,478.926l-1.096,0.314l-0.548,0.235h-0.078l-72.112,20.907 c-0.078-0.157-0.157-0.237-0.157-0.392c-3.132-6.029-7.125-11.745-12.214-16.835c-5.089-5.089-10.805-9.16-16.912-12.215 c-0.078-0.076-0.235-0.076-0.313-0.157l20.906-72.112l0.235-0.703l0.314-1.097l0.861,0.862L74.07,437.9l1.488,1.487l38.601,38.6 L115.019,478.926z"></path> <path style="fill:${color};" d="M41.654,499.833l-0.626,0.157l-0.078,0.078l-26.543,7.751L0,511.969l4.15-14.407l7.751-26.622 l0.235-0.703c6.186,3.131,12.058,7.203,17.226,12.372C34.529,487.775,38.601,493.647,41.654,499.833z"></path> <polygon style="fill:${color};" points="309.901,284.123 180.006,414.017 115.097,478.926 113.766,480.258 113.844,479.945 113.923,479.239 114.158,477.987 122.457,431.087 75.557,439.387 73.6,439.701 71.955,440.012 71.877,440.012 72.19,438.29 72.504,436.333 80.803,389.432 33.903,397.732 32.728,397.968 31.945,398.124 31.789,398.124 97.95,331.961 227.845,202.067 "></polygon> </g> <g> <polygon style="fill:#FBE6B7;" points="180.006,414.017 171.785,422.16 115.097,478.926 115.019,478.926 113.923,480.023 113.844,479.945 113.375,479.474 113.297,479.474 73.6,439.701 72.895,439.074 72.19,438.29 32.494,398.671 31.867,398.046 97.95,331.961 "></polygon> <path style="fill:#FFFFFF;" d="M511.439,67.631c-0.627,2.739-2.036,5.402-4.15,7.516l-35.938,35.937l-7.673,7.673l-4.15,4.15 c-6.264,6.264-16.599,6.264-22.941,0l-23.724-23.724L389.06,75.38c-6.342-6.341-6.342-16.676,0-22.941l4.15-4.15l7.673-7.673 l9.552-9.552L436.743,4.68c2.114-2.114,4.776-3.525,7.595-4.15c5.324-1.409,11.275,0,15.425,4.15l23.724,23.803l23.802,23.722 C511.439,56.355,512.848,62.305,511.439,67.631z"></path> <polygon style="fill:#FEF9E7;" points="477.145,116.88 404.72,189.306 363.692,148.276 322.664,107.248 395.089,34.823 471.351,111.085 "></polygon> <polygon style="fill:${color};" points="486.697,107.248 477.145,116.88 469.472,124.473 463.678,118.757 393.21,48.29 387.416,42.498 404.641,25.271 480.903,101.533 "></polygon> <polygon style="fill:${color};" points="417.874,176.072 404.72,189.306 309.901,284.123 180.006,414.017 171.785,422.16 130.835,381.134 89.808,340.105 97.95,331.961 227.845,202.067 322.664,107.248 335.818,94.095 376.846,135.122 "></polygon> <path style="fill:#FBE6B7;" d="M115.019,478.926l-1.096,0.314l-0.548,0.235h-0.078l-72.112,20.907 c-0.078-0.157-0.157-0.237-0.157-0.392c-3.132-6.029-7.125-11.745-12.214-16.835c-5.089-5.089-10.805-9.16-16.912-12.215 c-0.078-0.076-0.235-0.076-0.313-0.157l20.906-72.112l0.235-0.703l0.314-1.097l0.861,0.862L74.07,437.9l1.488,1.487l38.601,38.6 L115.019,478.926z"></path> <path style="fill:${color};" d="M41.654,499.833l-0.626,0.157l-0.078,0.078l-26.543,7.751L0,511.969l4.15-14.407l7.751-26.622 l0.235-0.703c6.186,3.131,12.058,7.203,17.226,12.372C34.529,487.775,38.601,493.647,41.654,499.833z"></path> <polygon style="fill:${color};" points="309.901,284.123 180.006,414.017 115.097,478.926 113.766,480.258 113.844,479.945 113.923,479.239 114.158,477.987 122.457,431.087 75.557,439.387 73.6,439.701 71.955,440.012 71.877,440.012 72.19,438.29 72.504,436.333 80.803,389.432 33.903,397.732 32.728,397.968 31.945,398.124 31.789,398.124 97.95,331.961 227.845,202.067 "></polygon> </g> <path style="opacity:0.08;fill:#040000;" d="M480.94,101.506l26.324-26.324c6.315-6.315,6.314-16.646,0-22.961L483.5,28.457 L0.016,511.941l40.964-11.888c0.056,0.11,0.124,0.215,0.178,0.325l72.172-20.943l0.49,0.49l-0.056,0.317l0.187-0.187l57.868-57.868 l8.176-8.176l129.927-129.927l94.799-94.799l13.182-13.182l51.598-51.598l7.613-7.613l9.608-9.608L480.94,101.506z"></path> </g> </g></svg>`;
                 } else{
-                    button.innerHTML = ``;  
+                    button.innerHTML = `<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 460.001 460.001" xml:space="preserve" width="100px" height="100px" fill="#000000" transform="rotate(45)matrix(-1, 0, 0, -1, 0, 0)"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path style="fill:${color};" d="M1.35,437.277c0,0-4.663,10.019,3.345,18.028c8.01,8.008,18.028,3.347,18.028,3.347l87.552-41.408 l-67.518-67.519L1.35,437.277z"></path> <rect x="29.322" y="354.193" transform="matrix(0.7071 0.7071 -0.7071 0.7071 288.549 46.0853)" style="fill:#C8523B;" width="118.645" height="34.318"></rect> <path style="fill:${color};" d="M58.835,317.271L363.22,12.885c22.554-22.554,45.385-12.601,65.603,7.618L439.5,31.178 c20.215,20.217,30.17,43.049,7.616,65.603L142.731,401.167L58.835,317.271z"></path> <path style="fill:#ffffff;" d="M241.765,166.821c-45.835,45.837-71.485,94.505-57.289,108.702 c14.201,14.199,62.867-11.452,108.702-57.289c45.837-45.837,71.488-94.503,57.289-108.7 C336.271,95.336,287.604,120.986,241.765,166.821z"></path> <path style="fill:#000000;" d="M363.22,12.886c2.483-2.483,4.968-4.549,7.453-6.273l82.716,82.716 c-1.724,2.485-3.791,4.971-6.273,7.453l-6.861,6.861l-83.896-83.896L363.22,12.886z"></path> <rect x="68.867" y="322.107" transform="matrix(0.7071 0.7071 -0.7071 0.7071 272.1719 6.5421)" style="fill:#000000;" width="118.645" height="19.409"></rect> <path style="opacity:0.3;fill:#000000;enable-background:new ;" d="M118.463,425.432l-8.188-8.188l-87.552,41.408 c0,0-10.017,4.66-18.027-3.346L434.161,25.84l5.339,5.338c18.533,18.535,28.422,39.269,12.562,59.97 c-0.038,0.049-0.077,0.098-0.115,0.148c-0.43,0.556-0.87,1.112-1.337,1.668c-0.167,0.2-0.348,0.4-0.52,0.6 c-0.365,0.423-0.726,0.846-1.113,1.268c-0.594,0.65-1.211,1.299-1.861,1.948l-6.861,6.861L142.731,401.167L118.463,425.432z"></path> </g></svg>`  
                 }
                 button.style.marginRight = `${buttonSpacing}px`; 
                     button.addEventListener('click', () => {
@@ -396,21 +397,21 @@ import Layout from '../../layouts/Layout.astro';
             }
 
             // Create the slider
-            // const slider = document.createElement('input');
-            // slider.type = 'range';
-            // slider.min = '2';
-            // slider.max = '80';
-            // slider.value = brushSize.toString();
-            // slider.className = 'slider';
-            // // slider.style.width = `${window.innerWidth / 2}px`;
-            // slider.addEventListener('input', (event) => {
-            //     brushSize = parseInt(event.target.value);
-            //     slider.style.backgroundSize = `calc(${(brushSize - 2) * 100 / 18}% + 20px) 100%`;
-            //     slider.style.backgroundColor = '#05b3a4';
-            // });
+            const slider = document.createElement('input');
+            slider.type = 'range';
+            slider.min = '2';
+            slider.max = '80';
+            slider.value = brushSize.toString();
+            slider.className = 'slider';
+            // slider.style.width = `${window.innerWidth / 2}px`;
+            slider.addEventListener('input', (event) => {
+                brushSize = parseInt(event.target.value);
+                slider.style.backgroundSize = `calc(${(brushSize - 2) * 100 / 18}% + 20px) 100%`;
+                slider.style.backgroundColor = '#05b3a4';
+            });
 
-            // sliderContainer.appendChild(slider);
-            // buttonsContainer.appendChild(sliderContainer);
+            sliderContainer.appendChild(slider);
+            buttonsContainer.appendChild(sliderContainer);
             
             this.input.on('pointerdown', () => {
                 isDrawing = true;
diff --git a/src/pages/guided-tracing/b.astro b/src/pages/guided-tracing/b.astro
index 55cba50..f2a52f3 100644
--- a/src/pages/guided-tracing/b.astro
+++ b/src/pages/guided-tracing/b.astro
@@ -56,7 +56,7 @@ import Layout from "../../layouts/Layout.astro";
       sunWidth = 70;
       sunHeight = 70;
          
-      animatedVideoScale = 0.6;
+      animatedVideoScale = 0.64;
       animatedBHeight = 32;
       helpButtonHeight = customHeight / 1.1;
       helpButtonWidth = customWidth / 2 + 10; 
@@ -73,13 +73,13 @@ import Layout from "../../layouts/Layout.astro";
       canvasScale = 0.195;
       canvasHeight = 20;
       letterHeight = 50;
-      letterScale = 1;
+      letterScale = 1.2;
       backgroundScale = 1;
       sunScale  = 0.2;
       sunScalePlus = 0.25;
       sunWidth = 200;
       sunHeight = 100;
-      animatedVideoScale = 0.7;
+      animatedVideoScale = 0.8;
       animatedBHeight = 20;
       helpButtonHeight = customHeight / 2 + 40;
       helpButtonWidth = customWidth / 1.32;
diff --git a/src/pages/guided-tracing/d.astro b/src/pages/guided-tracing/d.astro
index 60a6053..234c753 100644
--- a/src/pages/guided-tracing/d.astro
+++ b/src/pages/guided-tracing/d.astro
@@ -48,8 +48,8 @@ import Layout from "../../layouts/Layout.astro";
       cloudHeight = 340;
       canvasScale = 0.14
       canvasHeight = 35; 
-      letterHeight = 70;
-      letterScale = 1;
+      letterHeight = 80;
+      letterScale = 0.9;
       backgroundScale = 0.8;
       sunScale = 0.1;
       sunScalePlus = 0.15;
@@ -72,7 +72,7 @@ import Layout from "../../layouts/Layout.astro";
       cloudHeight = 250;
       canvasScale = 0.195;
       canvasHeight = 20;
-      letterHeight = 50;
+      letterHeight = 65;
       letterScale = 1;
       backgroundScale = 1;
       sunScale  = 0.2;
diff --git a/src/pages/guided-tracing/e.astro b/src/pages/guided-tracing/e.astro
index ec77078..a99e20e 100644
--- a/src/pages/guided-tracing/e.astro
+++ b/src/pages/guided-tracing/e.astro
@@ -49,7 +49,7 @@ import Layout from "../../layouts/Layout.astro";
       canvasScale = 0.14
       canvasHeight = 35; 
       letterHeight = 30;
-      letterScale = 1.2;
+      letterScale = 1.4;
       backgroundScale = 0.8;
       sunScale = 0.1;
       sunScalePlus = 0.15;
@@ -73,7 +73,7 @@ import Layout from "../../layouts/Layout.astro";
       canvasScale = 0.195;
       canvasHeight = 20;
       letterHeight = 20;
-      letterScale = 1.3;
+      letterScale = 1.75;
       backgroundScale = 1;
       sunScale  = 0.2;
       sunScalePlus = 0.25;
diff --git a/src/pages/guided-tracing/h.astro b/src/pages/guided-tracing/h.astro
index f72eec4..7b74f35 100644
--- a/src/pages/guided-tracing/h.astro
+++ b/src/pages/guided-tracing/h.astro
@@ -48,16 +48,16 @@ import Layout from "../../layouts/Layout.astro";
       cloudHeight = 340;
       canvasScale = 0.14
       canvasHeight = 35; 
-      letterHeight = 80;
-      letterScale = 1;
+      letterHeight = 70;
+      letterScale = 0.95;
       backgroundScale = 0.8;
       sunScale = 0.1;
       sunScalePlus = 0.15;
       sunWidth = 70;
       sunHeight = 70;
          
-      animatedVideoScale = 0.58;
-      animatedHHeight = 32;
+      animatedVideoScale = 0.6;
+      animatedHHeight = 35;
       helpButtonHeight = customHeight / 1.1;
       helpButtonWidth = customWidth / 2 + 10; 
 
@@ -80,8 +80,8 @@ import Layout from "../../layouts/Layout.astro";
       sunWidth = 200;
       sunHeight = 100;
           
-      animatedVideoScale = 0.6;
-      animatedHHeight = 20;
+      animatedVideoScale = 0.63;
+      animatedHHeight = 42;
       helpButtonHeight = customHeight / 2 + 40;
       helpButtonWidth = customWidth / 1.32;
 
diff --git a/src/pages/guided-tracing/k.astro b/src/pages/guided-tracing/k.astro
index b82447a..528e162 100644
--- a/src/pages/guided-tracing/k.astro
+++ b/src/pages/guided-tracing/k.astro
@@ -51,8 +51,8 @@ import Layout from "../../layouts/Layout.astro";
       cloudHeight = 340;
       canvasScale = 0.14
       canvasHeight = 35; 
-      letterHeight = 80;
-      letterScale = 1;
+      letterHeight = 65;
+      letterScale = 0.95;
       backgroundScale = 0.8;
       sunScale = 0.1;
       sunScalePlus = 0.15;
@@ -75,7 +75,7 @@ import Layout from "../../layouts/Layout.astro";
       cloudHeight = 250;
       canvasScale = 0.195;
       canvasHeight = 20;
-      letterHeight = 70;
+      letterHeight = 60;
       letterScale = 1.2;
       backgroundScale = 1;
       sunScale  = 0.2;
diff --git a/src/pages/guided-tracing/n.astro b/src/pages/guided-tracing/n.astro
index cd63eae..d3b2f91 100644
--- a/src/pages/guided-tracing/n.astro
+++ b/src/pages/guided-tracing/n.astro
@@ -80,7 +80,7 @@ import Layout from "../../layouts/Layout.astro";
       sunWidth = 200;
       sunHeight = 100;
           
-      animatedVideoScale = 0.7;
+      animatedVideoScale = 0.65;
       animatedNHeight = 20;
       helpButtonHeight = customHeight / 2 + 40;
       helpButtonWidth = customWidth / 1.32;
diff --git a/src/pages/guided-tracing/t.astro b/src/pages/guided-tracing/t.astro
index f74d4c1..9a10fb7 100644
--- a/src/pages/guided-tracing/t.astro
+++ b/src/pages/guided-tracing/t.astro
@@ -48,8 +48,8 @@ import Layout from "../../layouts/Layout.astro";
       cloudHeight = 340;
       canvasScale = 0.14
       canvasHeight = 35; 
-      letterTeight = 60;
-      letterScale = 1.3;
+      letterTeight = 50;
+      letterScale = 1.15;
       backgroundScale = 0.8;
       sunScale = 0.1;
       sunScalePlus = 0.15;