diff --git a/public/assets/animated-letter/small_d.mp4 b/public/assets/animated-letter/small_d.mp4
old mode 100755
new mode 100644
index 461fe5c..13e9c90
Binary files a/public/assets/animated-letter/small_d.mp4 and b/public/assets/animated-letter/small_d.mp4 differ
diff --git a/public/assets/small-letter/bs.svg b/public/assets/small-letter/bs.svg
index f04d332..d2d868e 100644
--- a/public/assets/small-letter/bs.svg
+++ b/public/assets/small-letter/bs.svg
@@ -7,103 +7,13 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="ds.svg"
-   inkscape:export-filename="../new_letter/ds.svg"
-   inkscape:export-xdpi="96"
-   inkscape:export-ydpi="96"
-   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
-   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"
-     inkscape:pageshadow="2"
-     inkscape:zoom="1.7039167"
-     inkscape:cx="188.97638"
-     inkscape:cy="188.97638"
-     inkscape:window-width="1920"
-     inkscape:window-height="1007"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg5">
-    <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
        style="overflow:visible"
-       id="Arrow2-3"
+       id="Arrow2-1-7"
        refX="0"
        refY="0"
        orient="auto-start-reverse"
@@ -115,97 +25,82 @@
          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" />
+         id="arrow2L-9-9" />
     </marker>
     <marker
        style="overflow:visible"
-       id="Arrow2-6"
+       id="Arrow2-3-6-2"
        refX="0"
        refY="0"
        orient="auto-start-reverse"
-       inkscape:stockid="Arrow2"
        markerWidth="7.6999998"
        markerHeight="5.5999999"
        viewBox="0 0 7.7 5.6"
-       inkscape:isstock="true"
-       inkscape:collect="always"
        preserveAspectRatio="xMidYMid">
       <path
          transform="scale(0.7)"
          d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
          style="fill:context-stroke;fill-rule:evenodd;stroke:none"
-         id="arrow2L-7" />
+         id="arrow2L-6-9-0" />
     </marker>
   </defs>
+  <path
+     style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+     d="m 33.49094,71.100673 c -0.03821,-4.62453 0.177952,-60.628037 0.177952,-60.628037"
+     id="path1236-3" />
+  <path
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.480829;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1-7);paint-order:stroke fill markers"
+     d="M 33.846126,34.230178 C 33.821526,32.089494 33.801206,23.84963 33.801206,23.84963"
+     id="path1246-3" />
   <g
-     id="g1"
-     transform="translate(-26.525954,0.33766413)"
+     id="g2746-62"
+     transform="matrix(1.409452,0,0,1.4034978,-35.734447,-4.457449)"
      style="display:inline">
-    <path
-       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:6.51818;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 66.058861,64.317898 C 66.014642,59.668366 66.264733,3.3621217 66.264733,3.3621217"
-       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,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,-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"
+    <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-6"
+       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+         id="tspan2740-1"
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
          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"
-           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>
+         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-8"
+       cx="-49.550514"
+       cy="-16.824097"
+       r="1.2760839"
+       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"
-     id="path57645"
-     d="M 40.410717,43.57908 A 14.04826,13.298772 82.80431 0 1 55.295291,36.433326 14.04826,13.298772 82.80431 0 1 65.607838,50.081666 14.04826,13.298772 82.80431 0 1 55.617663,63.70502 14.04826,13.298772 82.80431 0 1 40.563718,56.522417" />
+     id="path4236-8"
+     d="m 33.896172,63.647843 a 13.174543,14.063217 10.380298 0 0 14.809049,6.89365 13.174543,14.063217 10.380298 0 0 10.149305,-13.81459 13.174543,14.063217 10.380298 0 0 -9.992122,-13.450145 13.174543,14.063217 10.380298 0 0 -14.891633,7.431054" />
   <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 55.960419,36.621547 c -3.160788,-1.74578 -5.556566,-1.265548 -8.491891,-0.154338"
-     id="path57655"
-     sodipodi:nodetypes="cc" />
+     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-2);paint-order:stroke fill markers"
+     d="m 50.509565,45.367091 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778813"
+     id="path13743-5-0" />
   <g
-     id="g58394"
-     transform="matrix(1.2571663,-0.87051125,0.78952664,1.2406297,-24.449612,79.81556)"
+     id="g1244-5"
+     transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-56.839517,87.485383)"
      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"
+       id="text1240-6"
        transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
-         sodipodi:role="line"
-         id="tspan58388"
+         id="tspan1238-6"
          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"
+       id="circle1242-4"
        cx="-55.559937"
        cy="27.578447"
        r="1.2760839"
diff --git a/public/assets/small-letter/bs_l1.svg b/public/assets/small-letter/bs_l1.svg
index 6d105e2..1ffea00 100644
--- a/public/assets/small-letter/bs_l1.svg
+++ b/public/assets/small-letter/bs_l1.svg
@@ -7,103 +7,13 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="ds.svg"
-   inkscape:export-filename="cs_l1.svg"
-   inkscape:export-xdpi="96"
-   inkscape:export-ydpi="96"
-   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
-   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"
-     inkscape:pageshadow="2"
-     inkscape:zoom="1.7039167"
-     inkscape:cx="188.97638"
-     inkscape:cy="188.97638"
-     inkscape:window-width="1920"
-     inkscape:window-height="1007"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg5">
-    <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
        style="overflow:visible"
-       id="Arrow2-3"
+       id="Arrow2-1-7"
        refX="0"
        refY="0"
        orient="auto-start-reverse"
@@ -115,98 +25,92 @@
          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" />
+         id="arrow2L-9-9" />
     </marker>
     <marker
        style="overflow:visible"
-       id="Arrow2-6"
+       id="Arrow2-3-6-2"
        refX="0"
        refY="0"
        orient="auto-start-reverse"
-       inkscape:stockid="Arrow2"
        markerWidth="7.6999998"
        markerHeight="5.5999999"
        viewBox="0 0 7.7 5.6"
-       inkscape:isstock="true"
-       inkscape:collect="always"
        preserveAspectRatio="xMidYMid">
       <path
          transform="scale(0.7)"
          d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
          style="fill:context-stroke;fill-rule:evenodd;stroke:none"
-         id="arrow2L-7" />
+         id="arrow2L-6-9-0" />
     </marker>
   </defs>
   <g
-     id="g1"
-     transform="translate(-26.525954,0.33766413)">
+     id="g2">
     <path
-       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:6.51818;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 66.058861,64.317898 C 66.014642,59.668366 66.264733,3.3621217 66.264733,3.3621217"
-       id="path1236-9"
-       sodipodi:nodetypes="cc" />
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 33.49094,71.100673 c -0.03821,-4.62453 0.177952,-60.628037 0.177952,-60.628037"
+       id="path1236-3" />
     <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"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.0088349"
-       inkscape:transform-center-y="5.1277257" />
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.480829;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1-7);paint-order:stroke fill markers"
+       d="M 33.846126,34.230178 C 33.821526,32.089494 33.801206,23.84963 33.801206,23.84963"
+       id="path1246-3" />
     <g
-       id="g2746"
-       transform="matrix(1.2849761,0,0,1.2223535,3.1447033,-15.079648)"
+       id="g2746-62"
+       transform="matrix(1.409452,0,0,1.4034978,-35.734447,-4.457449)"
        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"
+         id="text2742-6"
          transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           sodipodi:role="line"
-           id="tspan2740"
+           id="tspan2740-1"
            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"
+         id="circle2744-8"
          cx="-49.550514"
          cy="-16.824097"
          r="1.2760839"
          transform="rotate(-178.67073)" />
     </g>
   </g>
-  <path
-     style="display:none;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
-     id="path57645"
-     d="M 40.410717,43.57908 A 14.04826,13.298772 82.80431 0 1 55.295291,36.433326 14.04826,13.298772 82.80431 0 1 65.607838,50.081666 14.04826,13.298772 82.80431 0 1 55.617663,63.70502 14.04826,13.298772 82.80431 0 1 40.563718,56.522417" />
-  <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)"
-     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"
+     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"
+       id="path4236-8"
+       d="m 33.896172,63.647843 a 13.174543,14.063217 10.380298 0 0 14.809049,6.89365 13.174543,14.063217 10.380298 0 0 10.149305,-13.81459 13.174543,14.063217 10.380298 0 0 -9.992122,-13.450145 13.174543,14.063217 10.380298 0 0 -14.891633,7.431054" />
+    <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-2);paint-order:stroke fill markers"
+       d="m 50.509565,45.367091 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778813"
+       id="path13743-5-0" />
+    <g
+       id="g1244-5"
+       transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-56.839517,87.485383)"
+       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="text1240-6"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1238-6"
+           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="circle1242-4"
+         cx="-55.559937"
+         cy="27.578447"
+         r="1.2760839"
+         transform="rotate(-144.24458)" />
+    </g>
   </g>
 </svg>
diff --git a/public/assets/small-letter/bs_l2.svg b/public/assets/small-letter/bs_l2.svg
index 39ce17d..64ed042 100644
--- a/public/assets/small-letter/bs_l2.svg
+++ b/public/assets/small-letter/bs_l2.svg
@@ -7,103 +7,13 @@
    viewBox="0 0 100 100"
    version="1.1"
    id="svg5"
-   sodipodi:docname="ds.svg"
-   inkscape:export-filename="../new_letter/ds.svg"
-   inkscape:export-xdpi="96"
-   inkscape:export-ydpi="96"
-   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
-   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"
-     inkscape:pageshadow="2"
-     inkscape:zoom="1.7039167"
-     inkscape:cx="188.97638"
-     inkscape:cy="188.97638"
-     inkscape:window-width="1920"
-     inkscape:window-height="1007"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg5">
-    <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
        style="overflow:visible"
-       id="Arrow2-3"
+       id="Arrow2-1-7"
        refX="0"
        refY="0"
        orient="auto-start-reverse"
@@ -115,100 +25,93 @@
          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" />
+         id="arrow2L-9-9" />
     </marker>
     <marker
        style="overflow:visible"
-       id="Arrow2-6"
+       id="Arrow2-3-6-2"
        refX="0"
        refY="0"
        orient="auto-start-reverse"
-       inkscape:stockid="Arrow2"
        markerWidth="7.6999998"
        markerHeight="5.5999999"
        viewBox="0 0 7.7 5.6"
-       inkscape:isstock="true"
-       inkscape:collect="always"
        preserveAspectRatio="xMidYMid">
       <path
          transform="scale(0.7)"
          d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
          style="fill:context-stroke;fill-rule:evenodd;stroke:none"
-         id="arrow2L-7" />
+         id="arrow2L-6-9-0" />
     </marker>
   </defs>
   <g
-     id="g1"
-     transform="translate(-26.525954,0.33766413)"
+     id="g2"
      style="display:none">
     <path
-       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:6.51818;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-       d="M 66.058861,64.317898 C 66.014642,59.668366 66.264733,3.3621217 66.264733,3.3621217"
-       id="path1236-9"
-       sodipodi:nodetypes="cc" />
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 33.49094,71.100673 c -0.03821,-4.62453 0.177952,-60.628037 0.177952,-60.628037"
+       id="path1236-3" />
     <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"
-       sodipodi:nodetypes="cc"
-       inkscape:transform-center-x="0.0088349"
-       inkscape:transform-center-y="5.1277257" />
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.480829;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1-7);paint-order:stroke fill markers"
+       d="M 33.846126,34.230178 C 33.821526,32.089494 33.801206,23.84963 33.801206,23.84963"
+       id="path1246-3" />
     <g
-       id="g2746"
-       transform="matrix(1.2849761,0,0,1.2223535,3.1447033,-15.079648)"
+       id="g2746-62"
+       transform="matrix(1.409452,0,0,1.4034978,-35.734447,-4.457449)"
        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"
+         id="text2742-6"
          transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
-           sodipodi:role="line"
-           id="tspan2740"
+           id="tspan2740-1"
            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"
+         id="circle2744-8"
          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 40.410717,43.57908 A 14.04826,13.298772 82.80431 0 1 55.295291,36.433326 14.04826,13.298772 82.80431 0 1 65.607838,50.081666 14.04826,13.298772 82.80431 0 1 55.617663,63.70502 14.04826,13.298772 82.80431 0 1 40.563718,56.522417" />
-  <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 55.960419,36.621547 c -3.160788,-1.74578 -5.556566,-1.265548 -8.491891,-0.154338"
-     id="path57655"
-     sodipodi:nodetypes="cc" />
   <g
-     id="g58394"
-     transform="matrix(1.2571663,-0.87051125,0.78952664,1.2406297,-24.449612,79.81556)"
+     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="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="path4236-8"
+       d="m 33.896172,63.647843 a 13.174543,14.063217 10.380298 0 0 14.809049,6.89365 13.174543,14.063217 10.380298 0 0 10.149305,-13.81459 13.174543,14.063217 10.380298 0 0 -9.992122,-13.450145 13.174543,14.063217 10.380298 0 0 -14.891633,7.431054" />
+    <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-2);paint-order:stroke fill markers"
+       d="m 50.509565,45.367091 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778813"
+       id="path13743-5-0" />
+    <g
+       id="g1244-5"
+       transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-56.839517,87.485383)"
+       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="text1240-6"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1238-6"
+           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="circle1242-4"
+         cx="-55.559937"
+         cy="27.578447"
+         r="1.2760839"
+         transform="rotate(-144.24458)" />
+    </g>
   </g>
 </svg>
diff --git a/src/pages/guided-tracing/b.astro b/src/pages/guided-tracing/b.astro
index da8724f..b47557a 100644
--- a/src/pages/guided-tracing/b.astro
+++ b/src/pages/guided-tracing/b.astro
@@ -48,7 +48,7 @@ import Layout from "../../layouts/Layout.astro";
       cloudHeight = 340;
       canvasScale = 0.14
       canvasHeight = 35; 
-      letterHeight = 90;
+      letterHeight = 70;
       letterScale = 0.95;
       backgroundScale = 0.8;
       sunScale = 0.1;
@@ -72,7 +72,7 @@ import Layout from "../../layouts/Layout.astro";
       cloudHeight = 250;
       canvasScale = 0.195;
       canvasHeight = 20;
-      letterHeight = 90;
+      letterHeight = 70;
       letterScale = 1.25;
       backgroundScale = 1;
       sunScale  = 0.2;
diff --git a/src/pages/guided-tracing/d.astro b/src/pages/guided-tracing/d.astro
index 2bf8de2..b0f4207 100644
--- a/src/pages/guided-tracing/d.astro
+++ b/src/pages/guided-tracing/d.astro
@@ -80,8 +80,8 @@ import Layout from "../../layouts/Layout.astro";
       sunWidth = 200;
       sunHeight = 100;
           
-      animatedVideScale = 0.9;
-      animatedDHeight = 20;
+      animatedVideScale = 0.8;
+      animatedDHeight = 10;
       helpButtonHeight = customHeight / 2 + 40;
       helpButtonWidth = customWidth / 1.32;