diff --git a/public/assets/animated-letter/small_k.mp4 b/public/assets/animated-letter/small_k.mp4
index 9070718..1795cb2 100644
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/small-letter/ks.svg b/public/assets/small-letter/ks.svg
index d60c31e..b831164 100644
--- a/public/assets/small-letter/ks.svg
+++ b/public/assets/small-letter/ks.svg
@@ -7,130 +7,106 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
+   xml:space="preserve"
    xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs2">
-    <marker
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs2"><linearGradient
+       id="swatch6"><stop
+         style="stop-color:#808080;stop-opacity:1;"
+         offset="0"
+         id="stop6" /></linearGradient><marker
        style="overflow:visible"
-       id="Arrow2-36"
+       id="Arrow2-36-3"
        refX="0"
        refY="0"
        orient="auto-start-reverse"
        markerWidth="7.6999998"
        markerHeight="5.5999999"
        viewBox="0 0 7.7 5.6"
-       preserveAspectRatio="xMidYMid">
-      <path
+       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>
-  </defs>
-  <g
-     id="g1"
-     style="display:inline">
-    <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
+         id="arrow2L-0-6" /></marker></defs><g
+     id="g9"
+     style="display:inline"><path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7.023;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 33.897256,10.914479 C 33.616971,9.8851391 33.786514,71.343218 33.786514,71.343218"
+       id="path127-7" /><g
+       id="g4983-5"
+       transform="matrix(1.5341872,0,0,1.4840821,-18.065036,-1.352247)"
+       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"
+         id="text9342-3"
          transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           id="tspan9340"
+           id="tspan9340-5"
            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
+           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"
+         id="path9448-6"
          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>
-  <g
-     id="g3"
-     style="display:inline">
-    <path
+         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-3);paint-order:stroke fill markers"
+       d="m 33.859011,29.420135 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+       id="path13743-2" /></g><g
+     id="g10"
+     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,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
+       d="M 58.816429,43.133531 C 56.694269,44.70809 37.161399,59.276133 35.853105,60.460409"
+       id="path15674-9" /><g
+       id="g21551-1"
+       transform="matrix(1.0493551,-0.80462172,0.75631798,1.1250384,-11.344737,78.798908)"
+       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"
+         id="text15678-2"
          transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
-           id="tspan15676"
+           id="tspan15676-7"
            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
+           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"
+         id="circle15680-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.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>
-  <g
-     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
+         transform="rotate(-144.24458)" /></g><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.411819;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36-3);paint-order:stroke fill markers"
+       d="m 48.976421,50.160424 c 1.491381,-1.085308 7.26986,-5.212171 7.26986,-5.212171"
+       id="path15682-9" /></g><g
+     id="g11"
+     style="display:inline"><path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:6.88793;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 44.011809,54.273077 59.185821,71.265479"
+       id="path1108-3" /><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-3);paint-order:normal"
+       d="M 53.607403,65.037959 47.429246,58.315175"
+       id="path9576-6" /><g
+       id="g21538-0"
+       transform="matrix(1.2270494,0,0,1.2270494,-27.438185,-36.914981)"
+       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"
+         id="circle9582-6"
          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
+         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"
+         id="text9714-2"
          transform="scale(0.98702867,1.0131418)"><tspan
-           id="tspan9712"
+           id="tspan9712-6"
            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>
+           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 e7fa6a6..3cb24c9 100644
--- a/public/assets/small-letter/ks_l1.svg
+++ b/public/assets/small-letter/ks_l1.svg
@@ -7,131 +7,106 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
+   xml:space="preserve"
    xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs2">
-    <marker
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs2"><linearGradient
+       id="swatch6"><stop
+         style="stop-color:#808080;stop-opacity:1;"
+         offset="0"
+         id="stop6" /></linearGradient><marker
        style="overflow:visible"
-       id="Arrow2-36"
+       id="Arrow2-36-3"
        refX="0"
        refY="0"
        orient="auto-start-reverse"
        markerWidth="7.6999998"
        markerHeight="5.5999999"
        viewBox="0 0 7.7 5.6"
-       preserveAspectRatio="xMidYMid">
-      <path
+       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>
-  </defs>
-  <g
-     id="g1"
-     style="display:inline">
-    <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
+         id="arrow2L-0-6" /></marker></defs><g
+     id="g9"
+     style="display:inline"><path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7.023;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 33.897256,10.914479 C 33.616971,9.8851391 33.786514,71.343218 33.786514,71.343218"
+       id="path127-7" /><g
+       id="g4983-5"
+       transform="matrix(1.5341872,0,0,1.4840821,-18.065036,-1.352247)"
+       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"
+         id="text9342-3"
          transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           id="tspan9340"
+           id="tspan9340-5"
            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
+           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"
+         id="path9448-6"
          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>
-  <g
-     id="g3"
-     style="display:none">
-    <path
+         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-3);paint-order:stroke fill markers"
+       d="m 33.859011,29.420135 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+       id="path13743-2" /></g><g
+     id="g10"
+     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,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
+       d="M 58.816429,43.133531 C 56.694269,44.70809 37.161399,59.276133 35.853105,60.460409"
+       id="path15674-9" /><g
+       id="g21551-1"
+       transform="matrix(1.0493551,-0.80462172,0.75631798,1.1250384,-11.344737,78.798908)"
+       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"
+         id="text15678-2"
          transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
-           id="tspan15676"
+           id="tspan15676-7"
            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
+           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"
+         id="circle15680-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.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>
-  <g
-     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,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
+         transform="rotate(-144.24458)" /></g><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.411819;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36-3);paint-order:stroke fill markers"
+       d="m 48.976421,50.160424 c 1.491381,-1.085308 7.26986,-5.212171 7.26986,-5.212171"
+       id="path15682-9" /></g><g
+     id="g11"
+     style="display:none"><path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:6.88793;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 44.011809,54.273077 59.185821,71.265479"
+       id="path1108-3" /><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-3);paint-order:normal"
+       d="M 53.607403,65.037959 47.429246,58.315175"
+       id="path9576-6" /><g
+       id="g21538-0"
+       transform="matrix(1.2270494,0,0,1.2270494,-27.438185,-36.914981)"
+       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"
+         id="circle9582-6"
          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
+         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"
+         id="text9714-2"
          transform="scale(0.98702867,1.0131418)"><tspan
-           id="tspan9712"
+           id="tspan9712-6"
            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>
+           y="75.579971">3</tspan></text></g></g></svg>
diff --git a/public/assets/small-letter/ks_l2.svg b/public/assets/small-letter/ks_l2.svg
index 80b1826..b912713 100644
--- a/public/assets/small-letter/ks_l2.svg
+++ b/public/assets/small-letter/ks_l2.svg
@@ -7,131 +7,106 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
+   xml:space="preserve"
    xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs2">
-    <marker
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs2"><linearGradient
+       id="swatch6"><stop
+         style="stop-color:#808080;stop-opacity:1;"
+         offset="0"
+         id="stop6" /></linearGradient><marker
        style="overflow:visible"
-       id="Arrow2-36"
+       id="Arrow2-36-3"
        refX="0"
        refY="0"
        orient="auto-start-reverse"
        markerWidth="7.6999998"
        markerHeight="5.5999999"
        viewBox="0 0 7.7 5.6"
-       preserveAspectRatio="xMidYMid">
-      <path
+       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>
-  </defs>
-  <g
-     id="g1"
-     style="display:none">
-    <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
+         id="arrow2L-0-6" /></marker></defs><g
+     id="g9"
+     style="display:none"><path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7.023;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 33.897256,10.914479 C 33.616971,9.8851391 33.786514,71.343218 33.786514,71.343218"
+       id="path127-7" /><g
+       id="g4983-5"
+       transform="matrix(1.5341872,0,0,1.4840821,-18.065036,-1.352247)"
+       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"
+         id="text9342-3"
          transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           id="tspan9340"
+           id="tspan9340-5"
            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
+           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"
+         id="path9448-6"
          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>
-  <g
-     id="g3"
-     style="display:inline">
-    <path
+         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-3);paint-order:stroke fill markers"
+       d="m 33.859011,29.420135 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+       id="path13743-2" /></g><g
+     id="g10"
+     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,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
+       d="M 58.816429,43.133531 C 56.694269,44.70809 37.161399,59.276133 35.853105,60.460409"
+       id="path15674-9" /><g
+       id="g21551-1"
+       transform="matrix(1.0493551,-0.80462172,0.75631798,1.1250384,-11.344737,78.798908)"
+       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"
+         id="text15678-2"
          transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
-           id="tspan15676"
+           id="tspan15676-7"
            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
+           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"
+         id="circle15680-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.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>
-  <g
-     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,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
+         transform="rotate(-144.24458)" /></g><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.411819;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36-3);paint-order:stroke fill markers"
+       d="m 48.976421,50.160424 c 1.491381,-1.085308 7.26986,-5.212171 7.26986,-5.212171"
+       id="path15682-9" /></g><g
+     id="g11"
+     style="display:none"><path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:6.88793;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 44.011809,54.273077 59.185821,71.265479"
+       id="path1108-3" /><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-3);paint-order:normal"
+       d="M 53.607403,65.037959 47.429246,58.315175"
+       id="path9576-6" /><g
+       id="g21538-0"
+       transform="matrix(1.2270494,0,0,1.2270494,-27.438185,-36.914981)"
+       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"
+         id="circle9582-6"
          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
+         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"
+         id="text9714-2"
          transform="scale(0.98702867,1.0131418)"><tspan
-           id="tspan9712"
+           id="tspan9712-6"
            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>
+           y="75.579971">3</tspan></text></g></g></svg>
diff --git a/public/assets/small-letter/ks_l3.svg b/public/assets/small-letter/ks_l3.svg
index e451e12..d6db330 100644
--- a/public/assets/small-letter/ks_l3.svg
+++ b/public/assets/small-letter/ks_l3.svg
@@ -7,131 +7,106 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
+   xml:space="preserve"
    xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs2">
-    <marker
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs2"><linearGradient
+       id="swatch6"><stop
+         style="stop-color:#808080;stop-opacity:1;"
+         offset="0"
+         id="stop6" /></linearGradient><marker
        style="overflow:visible"
-       id="Arrow2-36"
+       id="Arrow2-36-3"
        refX="0"
        refY="0"
        orient="auto-start-reverse"
        markerWidth="7.6999998"
        markerHeight="5.5999999"
        viewBox="0 0 7.7 5.6"
-       preserveAspectRatio="xMidYMid">
-      <path
+       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>
-  </defs>
-  <g
-     id="g1"
-     style="display:none">
-    <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
+         id="arrow2L-0-6" /></marker></defs><g
+     id="g9"
+     style="display:none"><path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7.023;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 33.897256,10.914479 C 33.616971,9.8851391 33.786514,71.343218 33.786514,71.343218"
+       id="path127-7" /><g
+       id="g4983-5"
+       transform="matrix(1.5341872,0,0,1.4840821,-18.065036,-1.352247)"
+       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"
+         id="text9342-3"
          transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           id="tspan9340"
+           id="tspan9340-5"
            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
+           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"
+         id="path9448-6"
          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>
-  <g
-     id="g3"
-     style="display:none">
-    <path
+         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-3);paint-order:stroke fill markers"
+       d="m 33.859011,29.420135 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+       id="path13743-2" /></g><g
+     id="g10"
+     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,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
+       d="M 58.816429,43.133531 C 56.694269,44.70809 37.161399,59.276133 35.853105,60.460409"
+       id="path15674-9" /><g
+       id="g21551-1"
+       transform="matrix(1.0493551,-0.80462172,0.75631798,1.1250384,-11.344737,78.798908)"
+       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"
+         id="text15678-2"
          transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
-           id="tspan15676"
+           id="tspan15676-7"
            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
+           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"
+         id="circle15680-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.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>
-  <g
-     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,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
+         transform="rotate(-144.24458)" /></g><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.411819;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36-3);paint-order:stroke fill markers"
+       d="m 48.976421,50.160424 c 1.491381,-1.085308 7.26986,-5.212171 7.26986,-5.212171"
+       id="path15682-9" /></g><g
+     id="g11"
+     style="display:inline"><path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:6.88793;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 44.011809,54.273077 59.185821,71.265479"
+       id="path1108-3" /><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-3);paint-order:normal"
+       d="M 53.607403,65.037959 47.429246,58.315175"
+       id="path9576-6" /><g
+       id="g21538-0"
+       transform="matrix(1.2270494,0,0,1.2270494,-27.438185,-36.914981)"
+       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"
+         id="circle9582-6"
          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
+         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"
+         id="text9714-2"
          transform="scale(0.98702867,1.0131418)"><tspan
-           id="tspan9712"
+           id="tspan9712-6"
            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>
+           y="75.579971">3</tspan></text></g></g></svg>
diff --git a/src/pages/guided-tracing/d.astro b/src/pages/guided-tracing/d.astro
index 234c753..2bf8de2 100644
--- a/src/pages/guided-tracing/d.astro
+++ b/src/pages/guided-tracing/d.astro
@@ -72,15 +72,15 @@ import Layout from "../../layouts/Layout.astro";
       cloudHeight = 250;
       canvasScale = 0.195;
       canvasHeight = 20;
-      letterHeight = 65;
-      letterScale = 1;
+      letterHeight = 90;
+      letterScale = 1.3;
       backgroundScale = 1;
       sunScale  = 0.2;
       sunScalePlus = 0.25;
       sunWidth = 200;
       sunHeight = 100;
           
-      animatedVideScale = 0.7;
+      animatedVideScale = 0.9;
       animatedDHeight = 20;
       helpButtonHeight = customHeight / 2 + 40;
       helpButtonWidth = customWidth / 1.32;