Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8000 7000" height="100%" width="100%">
  <desc>
    Tughra of of the Ottoman Sultan Mahmud II (reigned 1808–1839)
    Vectorized by baba66, http://de.wikipedia.org, 2006-03-21
    Animation by ccprog@gmx.de, 2018-04-23
    License: cc-by-sa/2.0/de and GFDL
  </desc>

  <g class="button play">
  <path id="repeat" role="button" d="M 580,400 556.25,423.75 C 539.56,411.404 519.87,405 500,405 475.66,405 451.3,414.325 432.81,432.812 395.84,469.787 395.84,530.212 432.81,567.188 469.79,604.161 530.21,604.161 567.19,567.188 573.06,561.316 578.04,554.69 582.19,547.5 L 556.25,532.5 C 553.41,537.419 549.95,541.92 545.94,545.938 520.43,571.446 479.57,571.446 454.06,545.938 428.55,520.427 428.55,479.573 454.06,454.062 476.13,431.992 509.52,429.192 534.69,445.312 L 510,470 590,480 Z M 680,500 A 180,180 0 0 1 500,680 180,180 0 0 1 320,500 180,180 0 0 1 500,320 180,180 0 0 1 680,500 Z">
      <title >Repeat</title>
      <set attributeName="display" to="inline" begin="adc5.end+0.5s" end="repeat.click;indefinite"/>
  </path>
  <path id="pause" role="button" transform="translate(-420)" d="M 960,380 H 1040 V 620 H 960 Z M 800,380 H 880 V 620 H 800 Z">
      <title >Pause</title>
  </path>
  <path id="play" role="button" transform="translate(-420)" d="M 840,380 V 620 L 1080,500 Z">
      <title >Resume</title>
  </path>
  </g>

  <mask id="mask-ma1" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="722 722" stroke-dashoffset="722" d="M 4748,4523 C 4715.98,4424.69 4611.02,4270.76 4732.02,4222.51 4818.57,4188 4914.41,4337.09 5020.48,4448.8">
      <animate id="ama1" attributeName="stroke-dashoffset" from="722" to="0" begin="1s;repeat.click+0.8s" dur="0.7s" />
    </path>
  </mask>
  <mask id="mask-ma2" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="896 896" stroke-dashoffset="896" d="M 5027.14,4421 C 4723.3,4420.92 4353.61,4460.86 4167,4614">
      <animate id="ama2" attributeName="stroke-dashoffset" from="896" to="0" begin="ama1.end+0.1s" dur="0.9s" />
    </path>
  </mask>
  <mask id="mask-ma3" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="1032 1032" stroke-dashoffset="1032" d="M 4151.81,4543.25 C 4667.92,4550.61 4554.39,4655.63 5176.09,4645.07">
      <animate id="ama3" attributeName="stroke-dashoffset" from="1032" to="0" begin="ama2.end+0.1s" dur="1s" />
    </path>
  </mask>
  <mask id="mask-ma4" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="1344 1344" stroke-dashoffset="1344" d="M 5176.09,4645.07 C 4741.33,4675.83 4360.01,4695.91 4249.53,4782.42 4141.11,4867.33 4209.28,5073.79 4407.13,4974.84">
      <animate id="ama4" attributeName="stroke-dashoffset" from="1344" to="0" begin="ama3.end+0.1s" dur="1.3s" />
    </path>
  </mask>
  <mask id="mask-ma5" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="688 688" stroke-dashoffset="688" d="M 4384.33,4996.12 C 4151.25,4978.39 4099.75,4775.64 4027.2,4781.84 3935.84,4789.65 3824.65,4713.25 3901.07,4632.91">
      <animate id="ama5" attributeName="stroke-dashoffset" from="688" to="0" begin="ama4.end+0.1s" dur="0.7s" />
    </path>
  </mask>
  <mask id="mask-ma6" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="2756 2756" stroke-dashoffset="2756" d="M 3901.07,4632.91 C 4028.41,4499.02 4182.21,4725.75 4100.15,4911.01 4019.37,5093.38 3325.74,5222.28 2957.34,4941.41 2688.74,4736.63 2896.92,4482.37 3340,4142.9">
      <animate id="ama6" attributeName="stroke-dashoffset" from="2756" to="0" begin="ama5.end" dur="2s" />
    </path>
  </mask>
  <mask id="mask-ma7" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="10897 10897" stroke-dashoffset="10897" d="M 3455.8,3924.73 C 3181.74,4440.45 2071.88,4352.19 1439.45,3917.39 1003.17,3617.45 764.38,3170.28 1060.75,2769.76 1564.79,2088.57 3298.69,1983.25 4255.16,3104.09 5280.84,4306.04 5377.32,4200.32 6151.74,4225.63 7003.24,4253.46 7265.56,4189.6 7552.9,4344.17">
      <animate id="ama7" attributeName="stroke-dashoffset" from="10897" to="0" begin="ama6.end+0.3s" dur="3s" />
    </path>
  </mask>

  <g class="mahmud" id="mahmud">
    <path id="ma1" d="M 4878.13,4382.93 C 4854.78,4339.08 4762.8,4274.04 4724,4277 4694.02,4279.29 4686.11,4293.14 4692,4310 4701.93,4338.44 4745.51,4445.51 4758,4491 4755,4501 4752,4512 4748,4523 4736,4514 4724,4504 4712,4495 4700.72,4451.48 4666.09,4357.04 4656.84,4331.19 4636.35,4274 4711.42,4153.58 4778,4152 4830.02,4150.77 4940,4259 5014,4349 4998,4396 4982,4440 4959,4482 4923.96,4451.55 4895.43,4415.39 4878.13,4382.93 Z">
      <set attributeName="mask" to="url(#mask-ma1)" begin="0s;repeat.click" end="ama1.end;indefinite" />
    </path>
    <path id="ma2" d="M 5014,4349 C 4998,4396 4982,4440 4959,4482 4824.19,4485.47 4539.35,4503.97 4495.68,4520.48 4437.55,4542.46 4276.65,4587.18 4167,4614 4167,4507.78 4290.61,4478.3 4428.31,4442.04 4603.94,4395.79 4831.98,4379.86 4878.13,4382.93 4923.69,4385.96 4972.86,4372.12 5014,4349 Z">
      <set attributeName="mask" to="url(#mask-ma2)" begin="0s;repeat.click" end="ama2.end;indefinite" />
    </path>
    <path id="ma3" d="M 4167,4614 C 4167,4562.49 4194.4,4524.8 4263.38,4492.81 4304.54,4494.7 4415.03,4501.31 4494,4521 4596.15,4546.48 4714,4576 5170,4587 L 5097,4692 C 4957.59,4700.52 4675.16,4682.88 4611,4665 4438.98,4617.08 4310,4614 4167,4614 Z">
      <set attributeName="mask" to="url(#mask-ma3)" begin="0s;repeat.click" end="ama3.end;indefinite" />
    </path>
    <path id="ma4" d="M 4368,4928 C 4272.81,4988.2 4212.54,4934.69 4222,4873 4246.98,4710.15 4719,4718 5097,4692 L 5170,4587 C 5055.1,4651.48 4782.87,4653.54 4611,4665 4391,4679 4210.39,4713.91 4180,4853 4154.36,4970.37 4238.3,5045.01 4348,5045 4366.26,4998.64 4366.39,4962.6 4368,4928 Z">
      <set attributeName="mask" to="url(#mask-ma4)" begin="0s;repeat.click" end="ama4.end;indefinite" />
    </path>
    <path id="ma5" d="M 4148,4821 C 4197.67,4874.88 4258.35,4902.43 4368,4928 4366,4977 4363,5009 4348,5045 4214,5043 4131.9,4946.46 4113.34,4929.04 4081.97,4899.58 4072.38,4831.01 3979,4834 3901.81,4836.47 3848,4789 3841,4747 3839,4635 3924,4551 4011,4541 L 3959,4643 C 3931,4641 3913,4654 3913,4682 3914.93,4713.86 4014.74,4721.65 4043,4722 4112,4722.86 4125.6,4796.7 4148,4821 Z">
      <set attributeName="mask" to="url(#mask-ma5)" begin="0s;repeat.click" end="ama5.end;indefinite" />
    </path>
    <path id="ma6" d="M 4069.59,4725.8 C 4046.64,4681.73 3996.77,4647.66 3959,4643 3933.71,4639.88 3913,4654 3913,4682 L 3841,4747 C 3839,4635 3923.79,4551.02 4011,4541 4082.49,4532.78 4157,4632.88 4157,4761 4157,4797.14 4132.74,4895.83 4113.34,4929.04 4000.91,5121.54 3778,5156 3544,5159 3155,5159 2793,5016 2792,4770 2796,4525 3318,4144 3324,4147 3331,4147 3335,4150 3340,4151 3342,4152 2886,4481 2879,4683 2891,4845 3154,5043 3557,5045 3828.79,5037 4065.16,4974.55 4084.7,4892.25 4095.76,4845.69 4093.82,4772.3 4069.59,4725.8 Z">
      <set attributeName="mask" to="url(#mask-ma6)" begin="0s;repeat.click" end="ama6.end;indefinite" />
    </path>
    <path id="ma7" d="M 3433,3933 C 3435,3941 3437,3950 3439,3958 3441,3959 3279,4351 2650,4350 1969,4348 895,3950 870,3143 872,2551 1734,2228 2413,2234 3410,2236 3935,2662 4420,3164 5295,4187 5362,4209 6349,4202 7157,4193 7396,4228 7548,4295 7498,4307 7447,4319 7397,4331 7234,4220 6855,4254 6259,4252 5023,4251 5125,4130 4306,3229 3829,2701 3161,2269 2409,2270 1716,2279 1028,2524 992,3078 999,3652 1695,4214 2731,4223 3335,4218 3435,3935 3433,3933 Z">
      <set attributeName="mask" to="url(#mask-ma7)" begin="0s;repeat.click" end="ama7.end;indefinite" />
    </path>
  </g>

  <mask id="mask-ha1" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="1635 1635" stroke-dashoffset="1635" d="M 3931.26,5368.03 C 3931.26,5368.03 4181.46,4862.07 4416.99,4830.09 4574.8,4808.66 4700.4,4893.13 4885.7,4866.41 4984.88,4852.11 5202.33,4832.36 5302.2,4834.63">
      <animate id="aha1" attributeName="stroke-dashoffset" from="1635" to="0" begin="ama7.end+0.8s" dur="1.6s" />
    </path>
  </mask>
  <mask id="mask-ha2" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="3255 3255" stroke-dashoffset="3255" d="M 5302.2,4834.63 C 5202.33,4832.36 4971.96,4858.78 4878.89,4895.92 4698.13,4968.03 4293.35,5144.59 4135.54,5152.4 3898.14,5164.15 3875.01,4913.07 3829.12,4462.39 3788.79,4066.27 3762.46,3663.49 3735.05,3263.27">
      <animate id="aha2" attributeName="stroke-dashoffset" from="3255" to="0" begin="aha1.end+0.1s" dur="2s" />
    </path>
  </mask>
  <mask id="mask-ha4" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="1299 1299" stroke-dashoffset="1299" d="M 3826.85,4480.54 C 3701.91,4776.21 3343.65,4723.95 3198.12,4587.23 3046.88,4445.13 3121.06,4311.86 3340,4142.9">
      <animate id="aha4" attributeName="stroke-dashoffset" from="1299" to="0" begin="aha2.end+0.3" dur="1.3s" />
    </path>
  </mask>

  <g class="han" id="han">
    <path id="ha1" d="M 4393,4877 C 4218.23,4876.51 4007.18,5264.39 3941,5365 3939,5358 3935,5349 3938,5342 3993.4,5205.38 4272.49,4772.32 4448,4769 4545,4767.16 4777,4815 4967,4808 5061,4812 5180,4788 5298,4763 5263,4806 5228,4849 5193,4893 4980.71,4893 4840.34,4960.85 4688,4918 4652.75,4908.08 4502,4877.3 4393,4877 Z">
      <set attributeName="mask" to="url(#mask-ha1)" begin="0s;repeat.click" end="aha1.end;indefinite" />
    </path>
    <path id="ha2" d="M 3775.04,3285.87 C 3809.22,3818.67 3827.99,4276.15 3870,4596 3902.54,4843.73 3905.49,5113.47 4122,5088 4438,5058 4638.39,4938.04 4688,4918 4749,4893.36 4963.6,4812.54 5051.43,4805.53 5127.35,4799.47 5213.45,4780.91 5298,4763 5263,4806 5228,4849 5193,4893 4746,4890 4547.96,5194.81 4125,5214 3861.22,5225.97 3854.45,4959.39 3808,4487 3775.87,4160.24 3751,3745.24 3718.13,3297.25 Z">
      <set attributeName="mask" to="url(#mask-ha2)" begin="0s;repeat.click" end="aha2.end;indefinite" />
    </path>
    <path id="ha4" d="M 3814,4543 C 3754.18,4671.08 3644,4761 3478,4760 3192,4762 3071,4580 3063,4490 3058,4349 3320,4149 3323,4147 3328,4149 3332,4152 3337,4154 3337,4158 3162,4283 3156,4397 3163,4532 3409,4643 3545,4644 3678,4639 3776,4570 3808,4487 L 3833.13,4502.04 Z">
      <set attributeName="mask" to="url(#mask-ha4)" begin="0s;repeat.click" end="aha4.end;indefinite" />
    </path>
  </g>

  <mask id="mask-bi1" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="1359 1359" stroke-dashoffset="1359" d="M 4613.21,4438.66 C 4619.53,4383.52 4670.41,4331.29 4668.78,4281.03 4666.58,4213.07 4616.37,4177.88 4551.82,4210.29 4343.24,4315.01 4185.27,4444.83 3967.57,4462.39 3858.98,4471.15 3776.85,4437.4 3820.04,4192.28">
      <animate id="abi1" attributeName="stroke-dashoffset" from="1359" to="0" begin="aha4.end+0.8" dur="1.3s" />
    </path>
  </mask>

  <g id="bin" class="bin">
    <path id="bi1" d="M 4651,4139 C 4611,4138 4276,4394 3998,4395 3898,4398 3834,4381 3821,4316 3820,4257 3829,4203 3833,4204 3825,4202 3818,4201 3811,4199 3806,4200 3788,4258 3794,4316 3798,4496 3853,4522 3948,4525 4224,4525 4535,4257 4596,4261 4637,4263 4551,4360 4546,4424 4551,4422 4557,4419 4563,4417 4573,4369 4655,4259 4665,4180 4668,4162 4668,4138 4651,4139 Z">
      <set attributeName="mask" to="url(#mask-bi1)" begin="0s;repeat.click" end="abi1.end;indefinite" />
    </path>
  </g>

  <mask id="mask-ab1" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="1125 1125" stroke-dashoffset="1125" d="M 4555.25,3895.07 C 4477.01,3953.25 4347.19,3975.99 4272.06,3943.62 4200,3912.57 4064.63,4047.14 4128.44,4091.28 4313.99,4219.61 4498,4111.55 4674.59,4067">
      <animate id="aab1" attributeName="stroke-dashoffset" from="1125" to="0" begin="abi1.end+0.8" dur="1.1s" />
    </path>
  </mask>
  <mask id="mask-ab2" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="804 804" stroke-dashoffset="804" d="M 4674.59,4067 C 4498,4111.55 4321.57,4183.6 4122.38,4289.51 4064.63,4320.21 4026.04,4189.69 4053.6,4131.74">
      <animate id="aab2" attributeName="stroke-dashoffset" from="804" to="0" begin="aab1.end+0.1s" dur="0.8s" />
    </path>
  </mask>
  <mask id="mask-ab3" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="535 535" stroke-dashoffset="535" d="M 4053.6,4131.74 C 3955.24,4375.78 3795.13,4340.89 3804.44,4027.81">
      <animate id="aab3" attributeName="stroke-dashoffset" from="535" to="0" begin="aab2.end+0.1s" dur="0.5s" />
    </path>
  </mask>
  <mask id="mask-ab4" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="801 801" stroke-dashoffset="801" d="M 3804.44,4027.81 C 3802.19,4145.53 3702.41,4284.31 3517.57,4261.19 3392.16,4245.51 3340.19,4154.99 3491.28,3975.98">
      <animate id="aab4" attributeName="stroke-dashoffset" from="801" to="0" begin="aab3.end+0.1" dur="0.8s" />
    </path>
  </mask>
  <mask id="mask-ab5" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="3382 3382" stroke-dashoffset="3382" d="M 4165.05,3644.51 C 4051.74,2485.37 3982.07,1331.94 3661.58,306.175">
      <animate id="aab5" attributeName="stroke-dashoffset" from="3382" to="0" begin="aab4.end+0.8" dur="1.6s" />
    </path>
  </mask>
  <mask id="mask-ab7" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="756 756" stroke-dashoffset="756" d="M 3833,3798 C 3940.23,3710.14 4063.37,3617.12 4147.88,3684.55 4246.89,3763.55 4362.78,3833.61 4476.85,3904.82">
      <animate id="aab7" attributeName="stroke-dashoffset" from="756" to="0" begin="aab5.end+0.5" dur="0.8s" />
    </path>
  </mask>
  <mask id="mask-ab8" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="870 870" stroke-dashoffset="870" d="M 4476.85,3904.82 C 4245.49,3742.07 4017.32,3831.32 3934.76,3937.71 3884.79,4002.12 3935.37,4136.86 4061.28,4097.42">
      <animate id="aab8" attributeName="stroke-dashoffset" from="870" to="0" begin="aab7.end+0.1s" dur="0.9s" />
    </path>
  </mask>
  <mask id="mask-ab9" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="496 496" stroke-dashoffset="496" d="M 4052.7,4101.71 C 3926.79,4121.13 3854.18,3996.59 3874.69,3917.69 3888.6,3864.22 3919.38,3822.17 3997.7,3770.37">
      <animate id="aab9" attributeName="stroke-dashoffset" from="496" to="0" begin="aab8.end+0.1s" dur="0.5s" />
    </path>
  </mask>
  <mask id="mask-ab10" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="3559 3559" stroke-dashoffset="3559" d="M 3997.7,3770.37 C 3930.83,3806.44 3890.54,3825.78 3870.4,3844.74 3718.01,3988.26 3472.55,3974.31 3443.33,3730.73 3409.09,3445.41 3366.59,2797.34 3306.86,2317.18 3246.8,1834.32 3150.23,1372.36 3032.25,919.776">
      <animate id="aab10" attributeName="stroke-dashoffset" from="3559" to="0" begin="aab9.end+0.1s" dur="1.7s" />
    </path>
  </mask>
  <mask id="mask-ab12" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="7838 7838" stroke-dashoffset="7838" d="M 3415.57,3538.66 C 3348.08,3739.83 3034.78,3814.72 2826.28,3784.68 2338.39,3714.38 1827.98,3231.46 2071.08,2943.65 2449.69,2495.4 3582.54,2779.65 3979.11,3181.08 4813.41,4025.64 4952.66,4300.95 5629.68,4322.47 6193.19,4340.38 7061.98,4243.89 7306,4391.12">
      <animate id="aab12" attributeName="stroke-dashoffset" from="7838" to="0" begin="aab10.end+0.3" dur="3s" />
    </path>
  </mask>

  <g id="abdulhamid" class="abdulhamid">
    <path id="ab1" d="M 4596,4118 C 4618,4101 4672,4045 4679,4020 4620,4023 4425,4119 4360,4115 4270,4116 4162,4046 4160,4014 4156,3997 4186,3978 4216,3981 4254,3978 4294,4016 4342,4017 4399,4018 4549,3915 4548,3912 L 4545,3888 C 4543,3889 4479,3923 4431,3924 4372,3923 4332,3891 4282,3888 4197,3891 4069,4009 4067,4106 4076,4146 4159.01,4198.01 4207,4197 4293.71,4195.18 4363,4205 4596,4118 Z">
      <set attributeName="mask" to="url(#mask-ab1)" begin="0s;repeat.click" end="aab1.end;indefinite" />
    </path>
    <path id="ab2" d="M 4016,4259 C 4024.17,4296.96 4042,4347 4103,4345 4168,4346 4363,4205 4596,4118 4618,4101 4672,4045 4679,4020 4639.32,4022.02 4537.89,4065.41 4456.33,4093.54 4253.09,4163.64 4166.37,4231.62 4145,4232 4081.3,4233.14 4059,4181 4061,4139 4016,4140 4011.24,4236.89 4016,4259 Z">
      <set attributeName="mask" to="url(#mask-ab2)" begin="0s;repeat.click" end="aab2.end;indefinite" />
    </path>
    <path id="ab3" d="M 3806.49,4033.13 C 3786.55,4051.71 3775.69,4115.22 3778.82,4144.35 3789.57,4244.33 3815.29,4356.24 3898,4359 3966,4354 4002.37,4288.18 4016,4259 4028.91,4231.35 4060.7,4173.62 4061,4139 4016,4140 4037,4223 3910,4233 3874.42,4230.72 3851.94,4201.27 3839.56,4153.77 3836.17,4140.8 3820.1,4060.23 3806.49,4033.13 Z">
      <set attributeName="mask" to="url(#mask-ab3)" begin="0s;repeat.click" end="aab3.end;indefinite" />
    </path>
    <path id="ab4" d="M 3771.89,4107.8 C 3750.07,4166.4 3692,4204.43 3574,4205 3486,4205.43 3431,4156 3428,4112 3428,4050 3490,4001 3485,3999 L 3482,3978 C 3484,3967 3367,4081 3371,4193 3375,4255 3435.99,4333.06 3514,4333 3754.71,4332.81 3828.73,4092.86 3806.49,4033.13 3787.03,4058.16 3781.44,4082.16 3771.89,4107.8 Z">
      <set attributeName="mask" to="url(#mask-ab4)" begin="0s;repeat.click" end="aab4.end;indefinite" />
    </path>
    <path id="ab5" d="M 4031,2016 C 3964.53,1457.06 3872,861 3724,287 3711,352 3688,421 3684,482 3796.67,902.503 3894.27,1411.56 3993,2186 4036.42,2526.58 4129.27,3535.68 4137,3603 4141.1,3638.7 4154.43,3639.39 4160,3619 4175.86,3561 4172,3513 4170,3455 4168.11,3400.26 4073.66,2374.68 4031,2016 Z">
      <set attributeName="mask" to="url(#mask-ab5)" begin="0s;repeat.click" end="aab5.end;indefinite" />
    </path>
    <path id="ab7" d="M 4373,3904 C 4421,3886 4472,3872 4518,3840 4283,3732 4250.11,3636.55 4148.23,3614.23 4060.35,3594.99 3917,3686 3833,3798 3899,3750 3943,3713 4038,3710 4108,3718 4155.23,3759.56 4182.76,3780.72 4220.8,3809.95 4315,3864 4373,3904 Z">
      <set attributeName="mask" to="url(#mask-ab7)" begin="0s;repeat.click" end="aab7.end;indefinite" />
    </path>
    <path id="ab8" d="M 4041,4039 C 3961.77,4068.41 3945.71,3999.3 3942,3980 3929.35,3914.12 4098,3856 4222,3845 4275,3844 4315,3864 4373,3904 4421,3886 4472,3872 4518,3840 4376.83,3775.74 4232.44,3779.17 4182.76,3780.72 4047.6,3784.94 3905.26,3906.01 3903,3988 3900.32,4085.05 3910.39,4168.63 4022,4169 4015,4123 4040,4082 4041,4039 Z">
      <set attributeName="mask" to="url(#mask-ab8)" begin="0s;repeat.click" end="aab8.end;indefinite" />
    </path>
    <path id="ab9" d="M 3880,3858 C 3809.82,4011.92 3848,4167 4022,4169 4015,4123 4040,4082 4041,4039 3934,3986 3884.76,3955 3885,3938 3885.78,3881.6 4009,3796 3989,3769 3954.65,3769.26 3897.95,3818.64 3880,3858 Z">
      <set attributeName="mask" to="url(#mask-ab9)" begin="0s;repeat.click" end="aab9.end;indefinite" />
    </path>
    <path id="ab10" d="M 3989,3769 C 3944,3770 3897.28,3814.17 3809,3847 3795.44,3852.04 3735.57,3874.06 3683,3876 3572,3880.1 3488,3869 3441,3489 3422,3325 3403.59,3113.39 3382,2862 3320.94,2150.96 3254,1658 3081,924 3064,978 3041,1010 3030,1085 3184,1568 3313.87,2392.12 3351,2913 3366.51,3130.57 3398.99,3383.7 3390,3578 3378.77,3820.78 3463.95,4003.74 3610,3998 3770.92,3991.68 3833.89,3912.36 3880,3858 3914.7,3817.1 4004.42,3804.65 3989,3769 Z">
      <set attributeName="mask" to="url(#mask-ab10)" begin="0s;repeat.click" end="aab10.end;indefinite" />
    </path>
    <path id="ab12" d="M 2728,2703 C 2600.02,2705.4 2465.83,2721.45 2346,2758 2206.83,2800.45 2086.98,2865.99 2020,2951 1982.98,2997.99 1960,3049.99 1960,3108 1960,3524 2491,3843.55 2891,3842 3264.01,3840.55 3390.2,3634.45 3403,3593 3410.18,3569.74 3407.12,3552.37 3392.48,3552.2 3391.54,3557.29 3389.81,3566.2 3390,3578 3390.83,3629.14 3180.04,3728 3000,3728 2581.98,3728 2106.4,3447.17 2085,3103 2081.4,3045.1 2098.95,2994.97 2127,2951 2172.95,2878.97 2252.28,2825.73 2346,2789 2451.29,2747.73 2574.98,2723.46 2686,2724 3169.93,2726.38 3656.83,2920.84 4035,3316 L 4391,3688 C 4986.12,4309.86 5073.97,4401.35 6048,4353 6463.97,4332.35 6892,4301 7190,4384 7231,4367 7273,4350 7314,4332 6885,4250 6456,4284 6028,4301 5156,4279 5111,4271.45 4463,3592 L 4154,3268 C 4007,3113.86 3517,2688.22 2728,2703 Z">
      <set attributeName="mask" to="url(#mask-ab12)" begin="0s;repeat.click" end="aab12.end;indefinite" />
    </path>
  </g>

  <mask id="mask-mu1" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="327 327" stroke-dashoffset="327" d="M 3810.8,3638.94 C 3879.57,3533.12 3973.63,3378.96 4034.34,3452.65">
      <animate id="amu1" attributeName="stroke-dashoffset" from="327" to="0" begin="aab12.end+0.8" dur="0.3s" />
    </path>
  </mask>
  <mask id="mask-mu2" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="1293 1293" stroke-dashoffset="1293" d="M 4034.34,3452.65 C 4105.53,3539.06 3941.91,3650.36 3834.75,3665.55 3700.3,3684.6 3566.82,3647.37 3478.15,3564.42 3418.06,3508.19 3767.64,3158.52 3890.64,3324.92">
      <animate id="amu2" attributeName="stroke-dashoffset" from="1293" to="0" begin="amu1.end" dur="1.3s" />
    </path>
  </mask>
  <mask id="mask-mu3" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="1007 1007" stroke-dashoffset="1007" d="M 3890.64,3324.92 C 3960.08,3418.86 3926.11,3460.83 3784.19,3484.59 3633.78,3509.77 3470.92,3432.09 3427.59,3322.26 3385.89,3216.54 3595.96,3103.21 3640.96,3182.33">
      <animate id="amu3" attributeName="stroke-dashoffset" from="1007" to="0" begin="amu2.end" dur="1s" />
    </path>
  </mask>
  <mask id="mask-mu4" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="655 655" stroke-dashoffset="655" d="M 3640.96,3182.33 C 3684.07,3258.11 3460,3322.44 3413.62,3284.34 3352.07,3233.77 3464.74,3083.82 3607,3021">
      <animate id="amu4" attributeName="stroke-dashoffset" from="655" to="0" begin="amu3.end" dur="0.9s" />
    </path>
  </mask>
  <mask id="mask-mu5" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="3579 3579" stroke-dashoffset="3579" d="M 3607,3021 C 3450.19,3044.14 3380.81,3080.14 3240.35,3187.61 3125.07,3275.82 2959.49,3351.49 2784.97,3300.51 2519.81,3223.06 2242.56,3030.25 1964.53,3070.94 1452.82,3145.82 878.09,3614.04 398,3968">
      <animate id="amu5" attributeName="stroke-dashoffset" from="3579" to="0" begin="amu4.end" dur="2.2s" />
    </path>
  </mask>
  <mask id="mask-mu6" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="2760 2760" stroke-dashoffset="2760" d="M 3738.14,3308.43 C 3672.43,2346.23 3603.79,1396.77 3322.96,587.873">
      <animate id="amu6" attributeName="stroke-dashoffset" from="2760" to="0" begin="amu5.end+0.3s" dur="1.5s" />
    </path>
  </mask>

  <g class="muzaffer" id="muzaffer">
    <path id="mu1" d="M 3808,3615 C 3848.2,3563.24 3956,3383 4040,3380 4065,3381 4084,3401 4088,3447 L 4009,3545 C 4010,3505 3988,3472 3969,3475 3935,3473 3848.09,3602.01 3846,3615 3840.62,3648.42 3789.22,3639.19 3808,3615 Z">
      <set attributeName="mask" to="url(#mask-mu1)" begin="0s;repeat.click" end="amu1.end;indefinite" />
    </path>
    <path id="mu2" d="M 3891,3430 C 3895,3405 3822,3315 3804,3315 3669.72,3315 3538.52,3424.17 3518,3481 L 3505,3517 C 3549,3562 3682.03,3609.8 3808,3615 3919.87,3619.61 4007,3590 4009,3545 4010,3505 3988,3472 3969,3475 L 4040,3380 C 4065,3381 4084,3401 4088,3447 4087,3566 3940,3728 3689,3722 3528,3721 3457,3647 3442,3581 3446,3544 3467.69,3501.55 3491,3472 3542.93,3406.17 3638.18,3296.85 3773,3243 3798.55,3232.79 3827,3228 3853,3229 3906,3229 3981,3292 3983,3359 Z">
      <set attributeName="mask" to="url(#mask-mu2)" begin="0s;repeat.click" end="amu2.end;indefinite" />
    </path>
    <path id="mu3" d="M 3631,3117 C 3654,3120 3694,3123 3707,3145 L 3585,3228 C 3586,3216 3563,3191 3529,3191 3515,3190 3498,3194 3485,3204 3473.65,3250.87 3502.86,3315.46 3586,3365 3655.28,3406.28 3724.65,3426.47 3891,3430 3895,3405 3822,3315 3804,3315 L 3853,3229 C 3906,3229 3981,3292 3983,3359 3991,3409 3846,3527 3734,3532 3621,3522 3571,3500 3518,3481 L 3491,3472 C 3443,3450 3386.36,3404.09 3382,3370 3373.81,3306.01 3404.32,3240.39 3464,3196 3508.13,3163.18 3571,3124 3631,3117 Z">
      <set attributeName="mask" to="url(#mask-mu3)" begin="0s;repeat.click" end="amu3.end;indefinite" />
    </path>
    <path id="mu4" d="M 3607,3021 C 3609,3050 3455.93,3126.05 3448,3166.01 3440.59,3203.34 3451.92,3274.02 3495.35,3276.33 3575.12,3280.58 3585.4,3252.02 3585,3228 3584.9,3221.98 3580,3212.75 3570.13,3205 L 3707,3145 C 3727.65,3175.37 3647.77,3277.22 3512,3303 3472.26,3310.55 3347.84,3359.77 3347,3271 3346,3166 3510.33,3063.34 3523,3051 3542.78,3031.73 3565.65,3020.26 3607,3021 Z">
      <set attributeName="mask" to="url(#mask-mu4)" begin="0s;repeat.click" end="amu4.end;indefinite" />
    </path>
    <path id="mu5" d="M 3523,3051 C 3298,3069.99 3192,3378 2826,3373 2669,3376 2285,3126 2010,3103 1449,3102 421,3973 423,3971 415,3970 407,3969 398,3968 399,3964 1463,3018 2140,3018 2323,3012 2770,3271 2953,3275 3238,3272 3322,3017 3607,3021 3606.01,3042.69 3553.66,3048.41 3523,3051 Z">
      <set attributeName="mask" to="url(#mask-mu5)" begin="0s;repeat.click" end="amu5.end;indefinite" />
    </path>
    <path id="mu6" d="M 3718.13,3297.25 C 3656.1,2451.94 3565.57,1489.16 3344,780 3359,721 3372,657 3390,602 3638.58,1526.23 3724,2490.06 3775.04,3285.87 Z">
      <set attributeName="mask" to="url(#mask-mu6)" begin="0s;repeat.click" end="amu6.end;indefinite" />
    </path>
  </g>

  <mask id="mask-da1" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="1068 1068" stroke-dashoffset="1068" d="M 2899,3232 C 2829.59,3121.83 2754.49,2944.91 2927.75,2870.89 3030.04,2827.19 3191.44,2886.38 3205.16,3008.45 3220.54,3145.32 3060.16,3230.28 3095.12,3068.06">
      <animate id="ada1" attributeName="stroke-dashoffset" from="1068" to="0" begin="amu6.end+0.8" dur="1.1s" />
    </path>
  </mask>
  <mask id="mask-da2" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="955 955" stroke-dashoffset="955" d="M 3149.11,3079.7 C 3181.96,2927.29 2994.02,2959.61 2955.79,3049.44 2839.99,3321.52 3155.43,3566.67 3237.26,3556.4">
      <animate id="ada2" attributeName="stroke-dashoffset" from="955" to="0" begin="ada1.end" dur="1s" />
    </path>
  </mask>
  <mask id="mask-da3" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="1396 1396" stroke-dashoffset="1396" d="M 3237.26,3556.4 C 3160.51,3555.35 2940.44,3311.71 2932.34,3157.47 2924.62,3010.55 2993.97,2868.62 2955.26,2703.52 2918.23,2545.57 2811.98,2450.59 2703.07,2387.13">
      <animate id="ada3" attributeName="stroke-dashoffset" from="1396" to="0" begin="ada2.end+0.1s" dur="1.1s" />
    </path>
  </mask>

  <g id="daima" class="daima">
    <path id="da1" d="M 3193,3041 C 3192,3072 3158,3091 3118,3089 3113.13,3065.93 3119.16,3045.05 3124.8,3024.08 L 3085,3026 C 3087,3066 3059,3117 3046,3163 3053,3199 3063,3223 3094,3226 3141,3232 3227.86,3135.97 3225,3020 3221.86,2892.94 3135.7,2790.94 2992,2792 2914.61,2792.57 2793.28,2890.03 2800,2999 2803.68,3109.96 2878,3205 2899,3232 2897,3192 2843,3154 2839,3050 2851.05,2969.3 2908.98,2914.09 2995,2924.57 3071.46,2933.88 3124.89,2961.08 3146.38,2977.27 3165.69,2991.83 3193,3014 3193,3041 Z">
      <set attributeName="mask" to="url(#mask-da1)" begin="0s;repeat.click" end="ada1.end;indefinite" />
    </path>
    <path id="da2" d="M 3085,3026 C 3030,3029 2989.1,3157.07 2992,3187 3004.55,3316.26 3104.06,3494.33 3225,3478 V 3625 C 3075.49,3624.14 2976.62,3356.58 2965,3196 2965,3172.3 2991.45,3000.1 3061,2948 3108.65,2912.3 3167.13,2949.05 3146.38,2977.27 3124.29,3007.31 3110,3073 3118,3089 L 3046,3163 C 3059,3117 3087,3066 3085,3026 Z">
      <set attributeName="mask" to="url(#mask-da2)" begin="0s;repeat.click" end="ada2.end;indefinite" />
    </path>
    <path id="da3" d="M 3225,3478 V 3625 C 3099,3629 2927.69,3356.94 2917,3241 2906.51,3127.2 2945.91,2933.12 2947,2801 2947.72,2714 2778,2504 2752,2504 2754,2450 2756,2396 2758,2343 2791,2334 2992.91,2528.01 2992,2792 2991.6,2907.38 2943.07,3078.3 2944,3142 2944.87,3201.75 3130,3423 3225,3478 Z">
      <set attributeName="mask" to="url(#mask-da3)" begin="0s;repeat.click" end="ada3.end;indefinite" />
    </path>
  </g>

  <mask id="mask-dc1" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="2942 2942" stroke-dashoffset="2942" d="M 3876.13,1264.48 C 3752.75,1257.72 3579.23,1468.84 3627.25,1561.99 3688.84,1681.44 4326.83,2455.44 4545.51,2946.52 4671.57,3229.62 4555.47,3570.69 4362.43,3716.02">
      <animate id="adc1" attributeName="stroke-dashoffset" from="2942" to="0" begin="ada3.end+0.8" dur="2.2s" />
    </path>
  </mask>
  <mask id="mask-dc2" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="2306 2306" stroke-dashoffset="2306" d="M 3479.14,1473.83 C 3393.35,1508.69 3246.04,1680.82 3284.96,1732.75 3525.59,2053.82 3757.18,2337.76 3968.65,2655.12 4149.68,2926.8 4138.21,3163.78 3982.81,3417.71">
      <animate id="adc2" attributeName="stroke-dashoffset" from="2306" to="0" begin="adc1.end+0.3s" dur="1.6s" />
    </path>
  </mask>
  <mask id="mask-dc3" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="3047 3047" stroke-dashoffset="3047" d="M 3185.84,1694.31 C 3065.7,1702.46 2947.62,1918.96 2993.68,1983.57 3229.66,2314.61 3535.65,2718.57 3717.83,3053.6 3801.76,3207.96 3652.75,3766.56 2987.61,4105.44">
      <animate id="adc3" attributeName="stroke-dashoffset" from="3047" to="0" begin="adc2.end+0.3" dur="1.9s" />
    </path>
  </mask>
  <mask id="mask-dc4" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="1505 1505" stroke-dashoffset="1505" d="M 3491.28,3975.98 C 3340.19,4154.99 3360.56,4260.38 3436.66,4336.03 3525.37,4424.22 3701.03,4608.25 3772.44,4708.22 3851.71,4819.18 3525.73,4954.37 3317.32,5011.63">
      <animate id="adc4" attributeName="stroke-dashoffset" from="1505" to="0" begin="adc3.end+0.3s" dur="1.5s" />
    </path>
  </mask>
  <mask id="mask-dc5" maskUnits="userSpaceOnUse">
    <path stroke-dasharray="1060 1060" stroke-dashoffset="1060" d="M 3340,4142.9 C 3077.2,4337.49 3039.39,4503.67 3284.37,4666.67 3393.4,4739.22 3185.82,4870.75 3085.76,4935.64">
      <animate id="adc5" attributeName="stroke-dashoffset" from="1060" to="0" begin="adc4.end" dur="1s" />
    </path>
  </mask>

  <g id="decoration" class="decoration">
    <desc>These strokes complete the traditional form but bear no meaning</desc>
    <path id="dc1" d="M 3865.59,1225.68 C 3863.32,1223.14 3854.77,1221.01 3845,1222 3776.03,1228.99 3586,1441 3598,1601 3600,1662 3785.61,1903.28 3993,2186 4209.01,2480.47 4529.33,2935.51 4544,3160 4571.92,3587.33 4353.85,3718.05 4355,3720 4356.11,3721.88 4649.29,3551.42 4640,3130 4633.28,2825.06 4310.37,2376.94 4031,2016 3826.39,1751.65 3642.43,1527.81 3641,1458 3673,1406 3710,1368 3766,1344 3765,1323 3828.93,1272.99 3853,1246 3859.99,1238.15 3863.82,1232.08 3865.59,1225.68 Z">
      <set attributeName="mask" to="url(#mask-dc1)" begin="0s;repeat.click" end="adc1.end;indefinite" />
    </path>
    <path id="dc2" d="M 3461,1445 C 3457,1474 3453,1503 3449,1532 3418,1537 3328,1600 3321,1641 3367,1850 4122,2540 4142,2937 4168,3220 3984,3411 3981,3411 3981,3418 4063,3268 4070,3084 4039,2663 3253,1897 3238,1761 3242,1718 3363,1485 3461,1445 Z">
      <set attributeName="mask" to="url(#mask-dc2)" begin="0s;repeat.click" end="adc2.end;indefinite" />
    </path>
    <path id="dc3" d="M 3166,1662 C 3154,1692 3143,1722 3131,1752 3108,1760 3026,1806 3025,1877 3040,2015 3737,2847 3764,3074 3764,3585 3300,3942 3299,3950 3192,3992 3102,4013 2990,4025 2992,4030 3617,3851 3717,3192 3697,2993 2972,2130 2960,2017 2948,1884 3084,1670 3166,1662 Z">
      <set attributeName="mask" to="url(#mask-dc3)" begin="0s;repeat.click" end="adc3.end;indefinite" />
    </path>
    <path id="dc4" d="M 3478,4008 C 3477,4006 3478,3986 3481,3975 3481,3985 3345,4102 3345,4267 3363,4431 3758,4722 3760,4760 3759,4800 3440,4953 3319,4996 3327,5002 3334,5007 3342,5013 3451,4994 3550,4973 3679,4928 3723,4895 3800,4800 3802,4701 3802,4523 3405,4302 3403,4225 3400,4082 3478,4010 3478,4008 Z">
      <set attributeName="mask" to="url(#mask-dc4)" begin="0s;repeat.click" end="adc4.end;indefinite" />
    </path>
    <path id="dc5" d="M 3322,4147 C 3339,4153 3154,4301 3157,4406 3159,4496 3356,4631 3348,4675 3346,4813 3114,4931 3108,4932 3101,4927 3093,4923 3086,4919 3090,4912 3263,4828 3264,4763 3268,4708 3066.86,4616.34 3063,4490 3058.69,4348.98 3321,4147 3322,4147 Z">
      <set attributeName="mask" to="url(#mask-dc5)" begin="0s;repeat.click" end="adc5.end;indefinite" />
    </path>
</g>

  <g class="mahmud">
    <path class="mim initial" d="M 7051.95,6003.91 Q 7024.22,6003.91 6991.99,5996.29 6959.96,5988.48 6938.48,5975.98 6926.95,5991.41 6913.87,5997.66 6900.78,6003.91 6883.59,6003.91 6879.69,6003.91 6879.69,6000 V 5972.07 Q 6879.69,5967.97 6883.59,5967.97 6901.37,5967.97 6913.28,5959.77 6925.39,5951.37 6935.16,5933.2 L 6944.34,5914.45 Q 6961.72,5876.95 6978.91,5860.55 6996.29,5843.95 7017.97,5843.95 7031.25,5843.95 7044.73,5859.77 7058.2,5875.59 7066.99,5902.15 7075.98,5928.52 7075.98,5954.88 7075.98,5984.77 7051.95,6003.91 Z M 7010.74,5885.55 Q 6997.46,5885.55 6985.74,5897.85 6974.02,5909.96 6957.23,5944.34 6991.02,5963.09 7041.6,5967.97 7040.82,5949.22 7036.13,5930.27 7031.45,5911.13 7024.22,5898.44 7017.19,5885.55 7010.74,5885.55 Z">
      <set attributeName="class" to="preview" begin="0s;repeat.click" end="ama1.begin;indefinite" />
    </path>
    <path class="ha medial" d="M 6570.31,6003.91 Q 6566.41,6003.91 6566.41,6000 V 5972.07 Q 6566.41,5967.97 6570.31,5967.97 6639.84,5967.97 6679.1,5956.05 6692.77,5951.95 6717.58,5941.41 6737.3,5933.2 6752.34,5930.08 6737.5,5923.24 6725.98,5915.04 6714.45,5906.84 6704.1,5899.8 6693.95,5892.77 6683.59,5888.09 6673.44,5883.2 6661.13,5883.2 6651.95,5883.2 6644.73,5884.77 6637.7,5886.33 6631.84,5889.06 6625.98,5891.6 6609.57,5901.56 6606.84,5898.83 6604.69,5893.95 6602.73,5888.87 6602.73,5883.2 6602.73,5865.23 6618.55,5854.69 6634.38,5843.95 6659.57,5843.95 6674.61,5843.95 6690.23,5850.2 6705.86,5856.45 6725.2,5869.53 6746.88,5884.57 6760.94,5892.19 6775.2,5899.8 6787.11,5903.71 6799.22,5907.62 6812.3,5909.57 6825.39,5911.52 6853.52,5911.52 L 6835.55,5946.48 Q 6811.72,5944.73 6795.51,5942.38 H 6792.38 Q 6798.83,5954.3 6807.23,5959.18 6815.63,5964.06 6832.03,5966.02 6848.44,5967.97 6887.5,5967.97 6891.6,5967.97 6891.6,5972.07 V 6000 Q 6891.6,6003.91 6887.5,6003.91 6852.15,6003.71 6830.27,5998.44 6808.59,5993.16 6794.92,5982.03 6781.45,5970.9 6771.09,5948.05 6761.72,5951.56 6750,5958.01 6707.03,5981.64 6685.35,5989.65 6663.87,5997.66 6639.84,6000.78 6616.02,6003.91 6570.31,6003.91 Z">
      <set attributeName="class" to="preview" begin="0s;repeat.click" end="ama3.begin;indefinite" />
    </path>
    <path class="mim medial" d="M 6375.78,6003.91 Q 6371.88,6003.91 6371.88,6000 V 5972.07 Q 6371.88,5967.97 6375.78,5967.97 6391.8,5967.97 6406.64,5963.28 6402.93,5956.64 6402.93,5948.83 6402.93,5928.91 6417.19,5903.13 6431.45,5877.15 6451.76,5860.55 6472.27,5843.95 6491.02,5843.95 6505.27,5843.95 6520.51,5883.2 L 6529.3,5905.86 Q 6539.84,5933.2 6545.9,5944.34 6552.15,5955.47 6558.79,5961.72 6565.43,5967.97 6573.05,5967.97 6578.13,5967.97 6578.13,5972.85 V 5998.83 Q 6578.13,6003.91 6573.05,6003.91 6548.83,6003.91 6530.27,5983.2 L 6524.22,6003.91 Q 6501.56,6003.91 6479.3,6000 6457.23,5996.09 6442.19,5990.04 6419.34,5998.24 6404.88,6000.98 6390.43,6003.91 6375.78,6003.91 Z M 6427.73,5939.26 Q 6444.73,5953.32 6469.14,5961.33 6493.55,5969.14 6520.9,5971.29 6509.77,5954.49 6501.95,5930.08 6494.14,5905.66 6491.8,5880.08 6473.24,5888.67 6453.91,5906.45 6434.57,5924.22 6427.73,5939.26 Z">
      <set attributeName="class" to="preview" begin="0s;repeat.click" end="ama4.begin+0.7s;indefinite" />
    </path>
    <path class="waw medial" d="M 6246.29,6100 Q 6230.66,6100 6207.81,6090.43 6184.96,6081.05 6171.48,6069.92 L 6178.32,6054.49 Q 6204.1,6063.28 6235.55,6063.28 6296.29,6063.28 6325,6003.13 6274.61,6000.98 6253.32,5994.53 6232.03,5988.09 6221.88,5974.41 6211.91,5960.74 6211.91,5939.26 6211.91,5915.23 6221.29,5892.19 6230.86,5868.95 6246.48,5854.49 6262.3,5840.04 6278.32,5840.04 6297.46,5840.04 6314.06,5857.03 6330.86,5874.02 6341.41,5904.49 6351.95,5934.96 6351.95,5966.02 V 5967.97 H 6379.88 Q 6383.79,5967.97 6383.79,5972.07 V 6000 Q 6383.79,6003.91 6379.88,6003.91 H 6363.87 L 6347.07,6003.52 Q 6339.84,6031.25 6324.61,6053.52 6309.57,6075.78 6289.26,6087.89 6268.95,6100 6246.29,6100 Z M 6332.62,5967.58 Q 6328.71,5943.55 6319.14,5923.24 6309.57,5902.73 6296.88,5891.41 6284.18,5880.08 6271.09,5880.08 6261.52,5880.08 6251.95,5887.3 6242.38,5894.34 6236.13,5905.47 6229.88,5916.6 6229.88,5925.98 6229.88,5940.82 6241.41,5949.8 6252.93,5958.79 6281.05,5964.06 6293.75,5966.6 6332.62,5967.58 Z">
      <set attributeName="class" to="preview" begin="0s;repeat.click" end="ama5.begin+0.3s;indefinite" />
    </path>
    <path class="dal final" d="M 6034.57,6003.91 Q 6006.25,6003.91 5991.6,5996.29 5976.95,5988.67 5976.95,5974.02 5976.95,5967.19 5979.1,5960.55 5981.45,5953.71 5985.35,5949.22 5997.07,5958.79 6012.11,5963.48 6027.15,5967.97 6049.41,5967.97 6082.23,5967.97 6113.28,5958.4 6105.47,5936.72 6083.79,5896.48 L 6075.39,5881.05 Q 6068.55,5869.34 6065.43,5860.74 6062.5,5852.15 6062.5,5843.16 6062.5,5831.64 6068.95,5823.63 6075.59,5815.63 6087.3,5811.91 6094.34,5831.25 6102.73,5849.22 6111.13,5867.19 6118.36,5883.2 6125.78,5899.22 6130.66,5913.09 6135.74,5926.95 6135.74,5937.7 6135.74,5952.73 6119.34,5985.55 6083.79,6003.91 6034.57,6003.91 Z">
      <set attributeName="class" to="preview" begin="0s;repeat.click" end="ama7.begin;indefinite" />
    </path>
  </g>
  <g class="han">
    <path class="cha initial" d="M 5557.81,6003.91 Q 5553.91,6003.91 5553.91,6000 V 5972.07 Q 5553.91,5967.97 5557.81,5967.97 5627.34,5967.97 5666.6,5956.05 L 5688.09,5949.02 Q 5707.62,5941.8 5718.36,5938.48 5729.1,5935.16 5740.23,5933.2 5725.2,5926.17 5713.67,5917.58 5702.15,5908.79 5691.8,5901.17 5681.64,5893.55 5671.29,5888.48 5661.13,5883.2 5648.63,5883.2 5639.45,5883.2 5632.23,5884.77 5625.2,5886.33 5619.34,5889.06 5613.48,5891.6 5597.07,5901.56 5594.34,5898.83 5592.19,5893.95 5590.23,5888.87 5590.23,5883.2 5590.23,5865.23 5606.05,5854.69 5621.88,5843.95 5647.07,5843.95 5661.91,5843.95 5677.15,5850.39 5692.38,5856.84 5712.7,5871.68 5735.94,5888.67 5752.34,5897.66 5768.95,5906.64 5787.89,5911.33 5806.84,5916.02 5841.02,5915.63 L 5823.05,5950.39 5794.14,5947.66 Q 5773.05,5948.24 5763.67,5950.2 5754.49,5952.15 5742.38,5957.23 5730.27,5962.11 5708.2,5973.63 5683.79,5986.33 5664.06,5992.77 5644.53,5999.02 5621.48,6001.37 5598.63,6003.91 5557.81,6003.91 Z M 5775.39,5793.55 Q 5765.43,5808.59 5744.92,5827.93 5724.02,5811.72 5711.33,5797.27 5731.25,5777.73 5744.14,5762.89 5759.57,5779.69 5775.39,5793.55 Z">
      <set attributeName="class" to="preview" begin="0s;repeat.click" end="aha1.begin;indefinite" />
    </path>
    <path class="alif medial" d="M 5505.86,5688.09 Q 5508.79,5745.31 5510.94,5887.11 L 5512.3,5956.05 Q 5533.98,5967.97 5561.52,5967.97 5565.43,5967.97 5565.43,5972.07 V 6000 Q 5565.43,6003.91 5561.52,6003.91 5533.79,6003.91 5515.43,5992.97 5497.07,5981.84 5494.73,5962.89 5486.91,5898.05 5478.71,5777.15 L 5474.22,5714.45 Q 5488.09,5699.8 5505.86,5688.09 Z">
      <set attributeName="class" to="preview" begin="0s;repeat.click" end="aha2.begin+0.3s;indefinite" />
    </path>
    <path class="nun final" d="M 5279.69,6135.94 Q 5239.45,6135.94 5216.99,6112.7 5194.53,6089.65 5194.53,6047.66 5194.53,6033.01 5196.09,6021.88 5197.85,6010.94 5203.71,5986.72 L 5220.9,5990.82 Q 5215.63,6010.94 5215.63,6024.41 5215.63,6059.18 5232.81,6078.13 5250.2,6097.27 5280.86,6097.27 5303.32,6097.27 5327.15,6089.65 5351.17,6082.03 5370.12,6068.36 5389.06,6054.69 5396.88,6038.48 5366.02,5970.9 5366.02,5948.44 5366.02,5923.83 5396.88,5906.45 5399.02,5923.05 5401.95,5938.28 5405.08,5953.32 5407.81,5967.38 5410.55,5981.45 5412.5,5994.73 5414.45,6007.81 5414.45,6020.7 5414.45,6049.02 5396.29,6075.39 5378.32,6101.76 5346.29,6118.75 5314.26,6135.94 5279.69,6135.94 Z M 5320.12,5899.8 Q 5310.16,5914.84 5289.65,5934.18 5268.75,5917.97 5256.05,5903.52 5275.98,5883.98 5288.87,5869.14 5304.3,5885.94 5320.12,5899.8 Z">
      <set attributeName="class" to="preview" begin="0s;repeat.click" end="aha4.begin;indefinite" />
    </path>
  </g>
  <g class="bin">
    <path class="ba initial" d="M 4928.91,6003.91 Q 4925,6003.91 4925,6000 V 5972.07 Q 4925,5967.97 4928.91,5967.97 4949.8,5967.97 4972.46,5963.48 4995.12,5958.79 5012.11,5950.78 5006.45,5929.88 4995.12,5899.22 4986.13,5875 4986.13,5867.58 4986.13,5856.84 4994.73,5846.09 5003.32,5835.35 5016.99,5827.93 5018.95,5841.6 5021.88,5855.27 5025,5868.75 5027.73,5881.84 5030.66,5894.92 5032.62,5907.23 5034.57,5919.34 5034.57,5930.08 5034.57,5945.12 5018.16,5977.93 4974.61,6003.91 4928.91,6003.91 Z M 5015.04,6067.38 Q 5005.08,6082.42 4984.57,6101.76 4963.67,6085.55 4950.98,6071.09 4970.9,6051.56 4983.79,6036.72 4999.22,6053.52 5015.04,6067.38 Z">
      <set attributeName="class" to="preview" begin="0s;repeat.click" end="abi1.begin;indefinite" />
    </path>
    <path class="nun final" d="M 4932.81,6003.91 Q 4916.8,6003.91 4903.52,5997.66 4905.08,6012.7 4905.08,6020.7 4905.08,6049.02 4886.91,6075.39 4868.95,6101.76 4836.91,6118.75 4804.88,6135.94 4770.31,6135.94 4730.08,6135.94 4707.62,6112.7 4685.16,6089.65 4685.16,6047.66 4685.16,6033.01 4686.72,6021.88 4688.48,6010.94 4694.34,5986.72 L 4711.52,5990.82 Q 4706.25,6010.94 4706.25,6024.41 4706.25,6059.18 4723.44,6078.13 4740.82,6097.27 4771.48,6097.27 4793.95,6097.27 4817.77,6089.65 4841.8,6082.03 4860.74,6068.36 4879.69,6054.69 4887.5,6038.48 4856.64,5970.9 4856.64,5948.44 4856.64,5923.83 4887.5,5906.45 4889.06,5918.95 4896.68,5959.18 4906.45,5964.65 4914.84,5966.41 4923.44,5967.97 4932.81,5967.97 4936.72,5967.97 4936.72,5972.07 V 6000 Q 4936.72,6003.91 4932.81,6003.91 Z M 4810.74,5899.8 Q 4800.78,5914.84 4780.27,5934.18 4759.38,5917.97 4746.68,5903.52 4766.6,5883.98 4779.49,5869.14 4794.92,5885.94 4810.74,5899.8 Z">
      <set attributeName="class" to="preview" begin="0s;repeat.click" end="abi1.begin+0.3;indefinite" />
    </path>
  </g>
  <g class="abdulhamid">
    <path class="ain initial" d="M 4311.72,6003.91 Q 4307.81,6003.91 4307.81,6000 V 5972.07 Q 4307.81,5967.97 4311.72,5967.97 4344.34,5967.97 4370.12,5966.8 4357.42,5957.81 4349.8,5945.7 4342.19,5933.4 4342.19,5919.14 4342.19,5898.44 4353.52,5876.17 4364.84,5853.91 4381.84,5841.02 4399.02,5827.93 4417.38,5827.93 4433.4,5827.93 4447.85,5835.74 4462.3,5843.36 4483.4,5861.52 L 4475,5876.37 Q 4456.25,5869.34 4447.85,5867.58 4439.65,5865.63 4429.3,5865.63 4400.2,5865.63 4368.95,5882.81 4368.95,5902.93 4378.52,5919.53 4388.28,5935.94 4406.45,5946.09 4424.8,5956.05 4450.59,5958.01 4483.59,5951.56 4530.86,5932.42 4537.3,5938.28 4537.3,5949.22 L 4536.91,5954.1 Q 4533.98,5969.73 4517.38,5974.02 4459.38,5988.28 4431.25,5993.36 4403.32,5998.24 4374.22,6000.98 4345.12,6003.91 4311.72,6003.91 Z">
      <set attributeName="class" to="preview" begin="0s;repeat.click" end="aab1.begin;indefinite" />
    </path>
    <path class="ba medial" d="M 4174.22,6003.91 Q 4170.31,6003.91 4170.31,6000 V 5972.07 Q 4170.31,5967.97 4174.22,5967.97 4194.34,5967.97 4207.23,5963.67 4220.12,5959.38 4226.76,5950.98 4233.4,5942.58 4245.12,5919.73 L 4253.52,5904.49 Q 4257.42,5896.88 4267.77,5896.88 4274.8,5896.88 4279.49,5900.39 4266.41,5932.03 4256.64,5950.39 4284.38,5967.97 4315.82,5967.97 4319.73,5967.97 4319.73,5972.07 V 6000 Q 4319.73,6003.91 4315.82,6003.91 4272.07,6003.91 4241.41,5976.37 L 4237.7,5981.84 4233.79,5986.72 Q 4230.86,5990.23 4221.29,5994.53 4211.72,5998.83 4199.41,6001.37 4187.11,6003.91 4174.22,6003.91 Z M 4272.46,6067.38 Q 4262.5,6082.42 4241.99,6101.76 4221.09,6085.55 4208.4,6071.09 4228.32,6051.56 4241.21,6036.72 4256.64,6053.52 4272.46,6067.38 Z">
      <set attributeName="class" to="preview" begin="0s;repeat.click" end="aab3.begin;indefinite" />
    </path>
    <path class="dal final" d="M 4178.32,6003.91 Q 4142.19,6003.91 4120.31,5979.3 4078.13,6003.91 4025.2,6003.91 3996.88,6003.91 3982.23,5996.29 3967.58,5988.67 3967.58,5974.02 3967.58,5967.19 3969.73,5960.55 3972.07,5953.71 3975.98,5949.22 3987.7,5958.79 4002.73,5963.48 4017.77,5967.97 4040.04,5967.97 4072.27,5967.97 4105.08,5958.4 4095.31,5942.77 4083.98,5917.19 4072.66,5891.41 4066.41,5871.09 4060.35,5850.78 4060.35,5843.16 4060.35,5831.64 4066.8,5823.63 4073.44,5815.63 4085.16,5811.91 4099.22,5863.67 4111.52,5896.29 4124.02,5928.71 4139.06,5948.44 4154.3,5967.97 4178.32,5967.97 4182.42,5967.97 4182.42,5972.07 V 6000 Q 4182.42,6003.91 4178.32,6003.91 Z">
      <set attributeName="class" to="preview" begin="0s;repeat.click" end="aab4.begin;indefinite" />
    </path>
  </g>
  <g class="abdulhamid">
    <path class="alif initial" d="M 3807.23,5754.88 Q 3809.96,5834.18 3809.96,5847.27 3809.96,5921.48 3806.64,6000 L 3785.16,6003.91 Q 3784.18,5938.67 3780.86,5862.89 3777.54,5786.91 3772.27,5730.08 L 3771.88,5723.63 Q 3771.88,5708.98 3779.3,5700.2 3786.91,5691.41 3803.13,5688.09 3807.62,5705.86 3811.52,5717.58 L 3819.92,5743.95 Z">
      <set attributeName="class" to="preview" begin="0s;repeat.click" end="aab5.begin;indefinite" />
    </path>
    <path class="lam medial" d="M 3635.55,6003.91 Q 3631.45,6003.91 3631.45,6000 V 5972.07 Q 3631.45,5967.97 3635.55,5967.97 3664.65,5967.97 3687.5,5955.66 3677.73,5828.32 3663.87,5714.45 3677.73,5699.8 3695.51,5688.09 L 3699.22,5757.81 Q 3704.3,5842.19 3705.86,5876.37 3707.62,5910.55 3708.01,5940.43 3708.01,5956.84 3691.6,5987.7 3682.62,6003.91 3635.55,6003.91 Z">
      <set attributeName="class" to="preview" begin="0s;repeat.click" end="aab5.begin;indefinite" />
    </path>
    <path class="ha medial" d="M 3322.66,6003.91 Q 3318.75,6003.91 3318.75,6000 V 5972.07 Q 3318.75,5967.97 3322.66,5967.97 3392.19,5967.97 3431.45,5956.05 3445.12,5951.95 3469.92,5941.41 3489.65,5933.2 3504.69,5930.08 3489.84,5923.24 3478.32,5915.04 3466.8,5906.84 3456.45,5899.8 3446.29,5892.77 3435.94,5888.09 3425.78,5883.2 3413.48,5883.2 3404.3,5883.2 3397.07,5884.77 3390.04,5886.33 3384.18,5889.06 3378.32,5891.6 3361.91,5901.56 3359.18,5898.83 3357.03,5893.95 3355.08,5888.87 3355.08,5883.2 3355.08,5865.23 3370.9,5854.69 3386.72,5843.95 3411.91,5843.95 3426.95,5843.95 3442.58,5850.2 3458.2,5856.45 3477.54,5869.53 3499.22,5884.57 3513.28,5892.19 3527.54,5899.8 3539.45,5903.71 3551.56,5907.62 3564.65,5909.57 3577.73,5911.52 3605.86,5911.52 L 3587.89,5946.48 Q 3564.06,5944.73 3547.85,5942.38 H 3544.73 Q 3551.17,5954.3 3559.57,5959.18 3567.97,5964.06 3584.38,5966.02 3600.78,5967.97 3639.84,5967.97 3643.95,5967.97 3643.95,5972.07 V 6000 Q 3643.95,6003.91 3639.84,6003.91 3604.49,6003.71 3582.62,5998.44 3560.94,5993.16 3547.27,5982.03 3533.79,5970.9 3523.44,5948.05 3514.06,5951.56 3502.34,5958.01 3459.38,5981.64 3437.7,5989.65 3416.21,5997.66 3392.19,6000.78 3368.36,6003.91 3322.66,6003.91 Z">
      <set attributeName="class" to="preview" begin="0s;repeat.click" end="aab7.begin;indefinite" />
    </path>
    <path class="mim medial" d="M 3128.13,6003.91 Q 3124.22,6003.91 3124.22,6000 V 5972.07 Q 3124.22,5967.97 3128.13,5967.97 3144.14,5967.97 3158.98,5963.28 3155.27,5956.64 3155.27,5948.83 3155.27,5928.91 3169.53,5903.13 3183.79,5877.15 3204.1,5860.55 3224.61,5843.95 3243.36,5843.95 3257.62,5843.95 3272.85,5883.2 L 3281.64,5905.86 Q 3292.19,5933.2 3298.24,5944.34 3304.49,5955.47 3311.13,5961.72 3317.77,5967.97 3325.39,5967.97 3330.47,5967.97 3330.47,5972.85 V 5998.83 Q 3330.47,6003.91 3325.39,6003.91 3301.17,6003.91 3282.62,5983.2 L 3276.56,6003.91 Q 3253.91,6003.91 3231.64,6000 3209.57,5996.09 3194.53,5990.04 3171.68,5998.24 3157.23,6000.98 3142.77,6003.91 3128.13,6003.91 Z M 3180.08,5939.26 Q 3197.07,5953.32 3221.48,5961.33 3245.9,5969.14 3273.24,5971.29 3262.11,5954.49 3254.3,5930.08 3246.48,5905.66 3244.14,5880.08 3225.59,5888.67 3206.25,5906.45 3186.91,5924.22 3180.08,5939.26 Z">
      <set attributeName="class" to="preview" begin="0s;repeat.click" end="aab8.begin+0.3;indefinite" />
    </path>
    <path class="ya medial" d="M 3084.18,5896.88 Q 3091.02,5896.88 3095.7,5900.39 3082.03,5933.59 3073.05,5950.39 3100.78,5967.97 3132.23,5967.97 3136.13,5967.97 3136.13,5972.07 V 6000 Q 3136.13,6003.91 3132.23,6003.91 3088.48,6003.91 3057.81,5976.37 L 3054.1,5981.84 3050.2,5986.72 Q 3047.27,5989.84 3032.42,5994.14 3017.58,5998.24 2998.05,6000.98 2978.71,6003.91 2958.59,6003.91 2954.69,6003.91 2954.69,6000 V 5972.07 Q 2954.69,5967.97 2958.59,5967.97 3021.09,5967.97 3036.52,5957.23 3041.6,5953.91 3047.46,5944.73 3053.52,5935.35 3061.52,5919.73 L 3069.73,5904.49 Q 3074.02,5896.88 3084.18,5896.88 Z M 3043.16,6064.06 Q 3032.42,6079.88 3015.23,6096.09 2995.9,6081.25 2983.98,6067.38 2993.16,6058.98 3014.45,6035.74 3018.55,6040.23 3043.16,6064.06 Z M 3114.06,6057.42 Q 3103.52,6072.85 3085.94,6089.45 3067.58,6075.39 3054.88,6060.55 3063.09,6053.13 3085.16,6028.91 3089.45,6033.59 3114.06,6057.42 Z">
      <set attributeName="class" to="preview" begin="0s;repeat.click" end="aab10.begin;indefinite" />
    </path>
    <path class="dal final" d="M 2962.7,6003.91 Q 2926.56,6003.91 2904.69,5979.3 2862.5,6003.91 2809.57,6003.91 2781.25,6003.91 2766.6,5996.29 2751.95,5988.67 2751.95,5974.02 2751.95,5967.19 2754.1,5960.55 2756.45,5953.71 2760.35,5949.22 2772.07,5958.79 2787.11,5963.48 2802.15,5967.97 2824.41,5967.97 2856.64,5967.97 2889.45,5958.4 2879.69,5942.77 2868.36,5917.19 2857.03,5891.41 2850.78,5871.09 2844.73,5850.78 2844.73,5843.16 2844.73,5831.64 2851.17,5823.63 2857.81,5815.63 2869.53,5811.91 2883.59,5863.67 2895.9,5896.29 2908.4,5928.71 2923.44,5948.44 2938.67,5967.97 2962.7,5967.97 2966.8,5967.97 2966.8,5972.07 V 6000 Q 2966.8,6003.91 2962.7,6003.91 Z">
      <set attributeName="class" to="preview" begin="0s;repeat.click" end="aab12.begin;indefinite" />
    </path>
  </g>
  <g class="muzaffer">
    <path class="mim initial" d="M 2585.55,6003.91 Q 2557.81,6003.91 2525.59,5996.29 2493.55,5988.48 2472.07,5975.98 2460.55,5991.41 2447.46,5997.66 2434.38,6003.91 2417.19,6003.91 2413.28,6003.91 2413.28,6000 V 5972.07 Q 2413.28,5967.97 2417.19,5967.97 2434.96,5967.97 2446.88,5959.77 2458.98,5951.37 2468.75,5933.2 L 2477.93,5914.45 Q 2495.31,5876.95 2512.5,5860.55 2529.88,5843.95 2551.56,5843.95 2564.84,5843.95 2578.32,5859.77 2591.8,5875.59 2600.59,5902.15 2609.57,5928.52 2609.57,5954.88 2609.57,5984.77 2585.55,6003.91 Z M 2544.34,5885.55 Q 2531.05,5885.55 2519.34,5897.85 2507.62,5909.96 2490.82,5944.34 2524.61,5963.09 2575.2,5967.97 2574.41,5949.22 2569.73,5930.27 2565.04,5911.13 2557.81,5898.44 2550.78,5885.55 2544.34,5885.55 Z">
      <set attributeName="class" to="preview" begin="0s;repeat.click" end="amu1.begin;indefinite" />
    </path>
    <path class="za medial" d="M 2421.09,6003.91 Q 2400,6003.91 2379.69,5995.51 2359.57,5986.91 2347.46,5972.85 2275.78,6003.91 2121.09,6003.91 2117.19,6003.91 2117.19,6000 V 5972.07 Q 2117.19,5967.97 2121.09,5967.97 H 2138.87 L 2161.52,5967.58 Q 2178.52,5943.75 2191.8,5927.93 L 2177.93,5846.88 Q 2169.34,5800.78 2165.23,5769.14 2161.33,5737.3 2161.33,5725.59 2161.33,5709.77 2168.55,5700.59 2175.98,5691.41 2192.38,5688.09 2198.05,5710.55 2204.69,5729.69 L 2209.18,5743.95 2196.68,5754.88 Q 2198.44,5780.27 2204.3,5830.08 2208.01,5863.87 2208.98,5876.17 2209.96,5888.28 2210.74,5906.05 2243.95,5869.53 2273.24,5850 2302.73,5830.47 2324.61,5830.47 2339.06,5830.47 2359.38,5842.38 2379.69,5854.3 2393.75,5870.51 2407.81,5886.72 2407.81,5898.83 2407.81,5933.59 2374.61,5957.62 2394.53,5967.97 2421.09,5967.97 2425,5967.97 2425,5972.07 V 6000 Q 2425,6003.91 2421.09,6003.91 Z M 2313.09,5869.53 Q 2291.41,5869.53 2258.01,5895.7 2224.61,5921.88 2187.5,5967.19 2231.25,5965.82 2256.25,5962.3 2286.13,5958.79 2299.22,5955.66 2312.3,5952.54 2324.22,5948.24 2336.13,5943.95 2350.39,5937.3 2364.84,5930.66 2386.33,5919.53 2372.27,5895.51 2353.13,5882.62 2333.98,5869.53 2313.09,5869.53 Z M 2301.17,5782.03 Q 2291.21,5797.07 2270.7,5816.41 2249.8,5800.2 2237.11,5785.74 2257.03,5766.21 2269.92,5751.37 2285.35,5768.16 2301.17,5782.03 Z">
      <set attributeName="class" to="preview" begin="0s;repeat.click" end="amu2.begin+0.6;indefinite" />
    </path>
    <path class="fa medial" d="M 1979.88,5966.41 Q 1962.7,5947.07 1962.7,5925.98 1962.7,5914.06 1965.23,5898.44 1967.97,5882.62 1971.09,5876.76 1984.38,5853.32 2004.1,5840.63 2023.83,5827.93 2045.51,5827.93 2057.81,5827.93 2069.14,5840.23 2080.66,5852.34 2087.7,5872.27 2094.73,5892.19 2094.73,5912.3 2094.73,5942.58 2074.61,5965.63 2092.19,5967.97 2125,5967.97 2129.1,5967.97 2129.1,5972.07 V 6000 Q 2129.1,6003.91 2125,6003.91 2064.84,6003.91 2028.71,5988.87 2011.91,5996.88 1991.41,6000.39 1970.9,6003.91 1939.45,6003.91 1935.16,6003.91 1935.16,5999.61 V 5972.46 Q 1935.16,5967.97 1939.45,5967.97 1966.6,5967.97 1979.88,5966.41 Z M 1980.27,5921.68 Q 1999.8,5944.53 2028.71,5955.66 2055.47,5945.12 2076.17,5926.76 2075,5914.84 2068.55,5900.78 2062.11,5886.72 2054.1,5877.34 2046.09,5867.97 2041.02,5867.97 2027.54,5867.97 2009.18,5884.18 1990.82,5900.39 1980.27,5921.68 Z M 2050.39,5761.13 Q 2040.43,5776.17 2019.92,5795.51 1999.02,5779.3 1986.33,5764.84 2006.25,5745.31 2019.14,5730.47 2034.57,5747.27 2050.39,5761.13 Z">
      <set attributeName="class" to="preview" begin="0s;repeat.click" end="amu3.begin+0.5;indefinite" />
    </path>
    <path class="ra final" d="M 1943.16,6003.91 Q 1920.9,6003.91 1904.69,5992.38 1897.07,6040.63 1868.55,6070.31 1840.23,6100 1800.98,6100 1790.43,6100 1771.88,6091.99 1753.52,6084.18 1739.45,6073.63 L 1745.9,6058.01 Q 1762.3,6061.33 1771.09,6062.3 1779.88,6063.28 1790.23,6063.28 1825.39,6063.28 1850.59,6042.19 1875.98,6021.29 1889.06,5980.86 1884.77,5970.12 1880.66,5962.3 1876.56,5954.49 1866.8,5937.5 1858.01,5922.85 1850.59,5905.66 1843.16,5888.28 1843.16,5876.37 1843.16,5864.45 1850.39,5857.23 1857.81,5849.8 1870.7,5843.55 1873.63,5855.66 1879.1,5870.31 1884.77,5884.77 1890.23,5900 1895.9,5915.23 1900.39,5930.47 1905.08,5945.51 1906.25,5958.79 1922.66,5967.97 1943.16,5967.97 1947.07,5967.97 1947.07,5972.07 V 6000 Q 1947.07,6003.91 1943.16,6003.91 Z">
      <set attributeName="class" to="preview" begin="0s;repeat.click" end="amu5.begin;indefinite" />
    </path>
  </g>
  <g class="daima">
    <path class="dal initial" d="M 1530.66,6003.91 Q 1502.34,6003.91 1487.7,5996.29 1473.05,5988.67 1473.05,5974.02 1473.05,5967.19 1475.2,5960.55 1477.54,5953.71 1481.45,5949.22 1493.16,5958.79 1508.2,5963.48 1523.24,5967.97 1545.51,5967.97 1578.32,5967.97 1609.38,5958.4 1601.56,5936.72 1579.88,5896.48 L 1571.48,5881.05 Q 1564.65,5869.34 1561.52,5860.74 1558.59,5852.15 1558.59,5843.16 1558.59,5831.64 1565.04,5823.63 1571.68,5815.63 1583.4,5811.91 1590.43,5831.25 1598.83,5849.22 1607.23,5867.19 1614.45,5883.2 1621.88,5899.22 1626.76,5913.09 1631.84,5926.95 1631.84,5937.7 1631.84,5952.73 1615.43,5985.55 1579.88,6003.91 1530.66,6003.91 Z">
      <set attributeName="class" to="preview" begin="0s;repeat.click" end="ada1.begin;indefinite" />
    </path>
    <path class="alif medial" d="M 1416.6,5754.88 Q 1419.34,5834.18 1419.34,5847.27 1419.34,5921.48 1416.02,6000 L 1394.53,6003.91 Q 1393.55,5938.67 1390.23,5862.89 1386.91,5786.91 1381.64,5730.08 L 1381.25,5723.63 Q 1381.25,5708.98 1388.67,5700.2 1396.29,5691.41 1412.5,5688.09 1416.99,5705.86 1420.9,5717.58 L 1429.3,5743.95 Z">
      <set attributeName="class" to="preview" begin="0s;repeat.click" end="ada1.begin+0.3s;indefinite" />
    </path>
    <path class="ya hamza medial" d="M 1215.63,6003.91 Q 1211.72,6003.91 1211.72,6000 V 5972.07 Q 1211.72,5967.97 1215.63,5967.97 1236.52,5967.97 1259.18,5963.48 1281.84,5958.79 1298.83,5950.78 1293.16,5929.88 1281.84,5899.22 1272.85,5875 1272.85,5867.58 1272.85,5856.84 1281.45,5846.09 1290.04,5835.35 1303.71,5827.93 1305.66,5841.6 1308.59,5855.27 1311.72,5868.75 1314.45,5881.84 1317.38,5894.92 1319.34,5907.23 1321.29,5919.34 1321.29,5930.08 1321.29,5945.12 1304.88,5977.93 1261.33,6003.91 1215.63,6003.91 Z M 1295.7,5747.66 1296.09,5745.31 Q 1296.09,5742.77 1293.95,5740.23 1291.8,5737.7 1288.48,5737.7 1280.47,5737.7 1272.46,5743.95 1264.45,5750.2 1260.94,5760.16 1270.12,5771.88 1289.45,5771.88 1299.8,5771.88 1318.16,5767.97 L 1316.8,5790.82 Q 1290.82,5797.85 1276.17,5803.91 1261.72,5809.77 1243.75,5819.34 L 1242.58,5796.48 Q 1247.85,5792.77 1253.91,5789.65 1259.96,5786.52 1265.63,5783.2 1244.14,5779.3 1244.14,5759.57 1244.14,5748.83 1250.39,5738.09 1256.64,5727.15 1267.19,5720.12 1277.93,5712.89 1287.7,5712.89 1298.83,5712.89 1304.88,5718.55 1310.94,5724.02 1310.94,5734.77 1310.94,5738.09 1309.57,5742.97 1308.4,5747.85 1306.84,5750.78 Z">
      <set attributeName="class" to="preview" begin="0s;repeat.click" end="ada2.begin-0.2;indefinite" />
    </path>
    <path class="mim medial" d="M 1021.09,6003.91 Q 1017.19,6003.91 1017.19,6000 V 5972.07 Q 1017.19,5967.97 1021.09,5967.97 1037.11,5967.97 1051.95,5963.28 1048.24,5956.64 1048.24,5948.83 1048.24,5928.91 1062.5,5903.13 1076.76,5877.15 1097.07,5860.55 1117.58,5843.95 1136.33,5843.95 1150.59,5843.95 1165.82,5883.2 L 1174.61,5905.86 Q 1185.16,5933.2 1191.21,5944.34 1197.46,5955.47 1204.1,5961.72 1210.74,5967.97 1218.36,5967.97 1223.44,5967.97 1223.44,5972.85 V 5998.83 Q 1223.44,6003.91 1218.36,6003.91 1194.14,6003.91 1175.59,5983.2 L 1169.53,6003.91 Q 1146.88,6003.91 1124.61,6000 1102.54,5996.09 1087.5,5990.04 1064.65,5998.24 1050.2,6000.98 1035.74,6003.91 1021.09,6003.91 Z M 1073.05,5939.26 Q 1090.04,5953.32 1114.45,5961.33 1138.87,5969.14 1166.21,5971.29 1155.08,5954.49 1147.27,5930.08 1139.45,5905.66 1137.11,5880.08 1118.55,5888.67 1099.22,5906.45 1079.88,5924.22 1073.05,5939.26 Z">
      <set attributeName="class" to="preview" begin="0s;repeat.click" end="ada2.begin+0.3;indefinite" />
    </path>
    <path class="alif final" d="M 969.141,5688.09 Q 972.07,5745.31 974.219,5887.11 L 975.586,5956.05 Q 997.266,5967.97 1024.8,5967.97 1028.71,5967.97 1028.71,5972.07 V 6000 Q 1028.71,6003.91 1024.8,6003.91 997.07,6003.91 978.711,5992.97 960.352,5981.84 958.008,5962.89 950.195,5898.05 941.992,5777.15 L 937.5,5714.45 Q 951.367,5699.8 969.141,5688.09 Z">
      <set attributeName="class" to="preview" begin="0s;repeat.click" end="ada3.begin;indefinite" />
    </path>
  </g>

  <path class="mahmud" d="M 1781.03,6551.56 V 6456.88 H 1809.78 V 6700 H 1781.03 V 6673.75 Q 1771.97,6689.38 1758.06,6697.03 1744.31,6704.53 1724.94,6704.53 1693.22,6704.53 1673.22,6679.22 1653.37,6653.91 1653.37,6612.66 1653.37,6571.41 1673.22,6546.09 1693.22,6520.78 1724.94,6520.78 1744.31,6520.78 1758.06,6528.44 1771.97,6535.94 1781.03,6551.56 Z M 1683.06,6612.66 Q 1683.06,6644.38 1696.03,6662.5 1709.16,6680.47 1731.97,6680.47 1754.78,6680.47 1767.91,6662.5 1781.03,6644.38 1781.03,6612.66 1781.03,6580.94 1767.91,6562.97 1754.78,6544.84 1731.97,6544.84 1709.16,6544.84 1696.03,6562.97 1683.06,6580.94 1683.06,6612.66 Z M 1469.78,6630.94 V 6525 H 1498.53 V 6629.84 Q 1498.53,6654.69 1508.22,6667.19 1517.91,6679.53 1537.28,6679.53 1560.56,6679.53 1574,6664.69 1587.59,6649.84 1587.59,6624.22 V 6525 H 1616.34 V 6700 H 1587.59 V 6673.13 Q 1577.12,6689.06 1563.22,6696.88 1549.47,6704.53 1531.19,6704.53 1501.03,6704.53 1485.41,6685.78 1469.78,6667.03 1469.78,6630.94 Z M 1542.12,6520.78 Z M 1307.12,6558.59 Q 1317.91,6539.22 1332.91,6530 1347.91,6520.78 1368.22,6520.78 1395.56,6520.78 1410.41,6540 1425.25,6559.06 1425.25,6594.38 V 6700 H 1396.34 V 6595.31 Q 1396.34,6570.16 1387.44,6557.97 1378.53,6545.78 1360.25,6545.78 1337.91,6545.78 1324.94,6560.63 1311.97,6575.47 1311.97,6601.09 V 6700 H 1283.06 V 6595.31 Q 1283.06,6570 1274.16,6557.97 1265.25,6545.78 1246.66,6545.78 1224.62,6545.78 1211.66,6560.78 1198.69,6575.63 1198.69,6601.09 V 6700 H 1169.78 V 6525 H 1198.69 V 6552.19 Q 1208.53,6536.09 1222.28,6528.44 1236.03,6520.78 1254.94,6520.78 1274,6520.78 1287.28,6530.47 1300.72,6540.16 1307.12,6558.59 Z M 1123.22,6594.38 V 6700 H 1094.47 V 6595.31 Q 1094.47,6570.47 1084.78,6558.13 1075.09,6545.78 1055.72,6545.78 1032.44,6545.78 1019,6560.63 1005.56,6575.47 1005.56,6601.09 V 6700 H 976.66 V 6456.88 H 1005.56 V 6552.19 Q 1015.87,6536.41 1029.78,6528.59 1043.84,6520.78 1062.12,6520.78 1092.28,6520.78 1107.75,6539.53 1123.22,6558.13 1123.22,6594.38 Z M 871.03,6612.03 Q 836.186,6612.03 822.749,6620 809.311,6627.97 809.311,6647.19 809.311,6662.5 819.311,6671.56 829.467,6680.47 846.811,6680.47 870.717,6680.47 885.09,6663.59 899.62,6646.56 899.62,6618.44 V 6612.03 Z M 928.37,6600.16 V 6700 H 899.62 V 6673.44 Q 889.78,6689.38 875.092,6697.03 860.405,6704.53 839.155,6704.53 812.28,6704.53 796.342,6689.53 780.561,6674.38 780.561,6649.06 780.561,6619.53 800.249,6604.53 820.092,6589.53 859.311,6589.53 H 899.62 V 6586.72 Q 899.62,6566.88 886.5,6556.09 873.53,6545.16 849.936,6545.16 834.936,6545.16 820.717,6548.75 806.499,6552.34 793.374,6559.53 V 6532.97 Q 809.155,6526.88 823.999,6523.91 838.842,6520.78 852.905,6520.78 890.87,6520.78 909.62,6540.47 928.37,6560.16 928.37,6600.16 Z M 526.499,6466.72 H 573.53 L 633.061,6625.47 692.905,6466.72 H 739.936 V 6700 H 709.155 V 6495.16 L 648.999,6655.16 H 617.28 L 557.124,6495.16 V 6700 H 526.499 Z">
    <set attributeName="class" to="preview" begin="repeat.click;0s" end="ama1.begin;indefinite" />
  </path>
  <path class="han" d="M 2503.72,6594.38 V 6700 H 2474.97 V 6595.31 C 2474.97,6578.75 2471.74,6566.36 2465.28,6558.13 2458.82,6549.9 2449.13,6545.78 2436.22,6545.78 2420.7,6545.78 2408.46,6550.73 2399.5,6560.63 2390.54,6570.52 2386.06,6584.01 2386.06,6601.09 V 6700 H 2357.16 V 6525 H 2386.06 V 6552.19 C 2392.93,6541.67 2401.01,6533.8 2410.28,6528.59 2419.65,6523.38 2430.43,6520.78 2442.62,6520.78 2462.73,6520.78 2477.94,6527.03 2488.25,6539.53 2498.56,6551.93 2503.72,6570.21 2503.72,6594.38 Z M 2251.53,6612.03 C 2228.3,6612.03 2212.21,6614.69 2203.25,6620 2194.29,6625.31 2189.81,6634.38 2189.81,6647.19 2189.81,6657.4 2193.14,6665.52 2199.81,6671.56 2206.58,6677.5 2215.75,6680.47 2227.31,6680.47 2243.25,6680.47 2256.01,6674.84 2265.59,6663.59 2275.28,6652.24 2280.12,6637.19 2280.12,6618.44 V 6612.03 Z M 2308.87,6600.16 V 6700 H 2280.12 V 6673.44 C 2273.56,6684.07 2265.38,6691.93 2255.59,6697.03 2245.8,6702.03 2233.83,6704.53 2219.66,6704.53 2201.74,6704.53 2187.47,6699.53 2176.84,6689.53 2166.32,6679.43 2161.06,6665.94 2161.06,6649.06 2161.06,6629.37 2167.62,6614.53 2180.75,6604.53 2193.98,6594.53 2213.66,6589.53 2239.81,6589.53 H 2280.12 V 6586.72 C 2280.12,6573.49 2275.75,6563.28 2267,6556.09 2258.35,6548.8 2246.17,6545.16 2230.44,6545.16 2220.44,6545.16 2210.7,6546.36 2201.22,6548.75 2191.74,6551.14 2182.62,6554.74 2173.87,6559.53 V 6532.97 C 2184.4,6528.91 2194.61,6525.89 2204.5,6523.91 2214.39,6521.82 2224.03,6520.78 2233.41,6520.78 2258.72,6520.78 2277.62,6527.34 2290.12,6540.47 2302.62,6553.6 2308.87,6573.49 2308.87,6600.16 Z M 2124.34,6594.38 V 6700 H 2095.59 V 6595.31 C 2095.59,6578.75 2092.36,6566.36 2085.91,6558.13 2079.45,6549.9 2069.76,6545.78 2056.84,6545.78 2041.32,6545.78 2029.08,6550.73 2020.12,6560.63 2011.17,6570.52 2006.69,6584.01 2006.69,6601.09 V 6700 H 1977.78 V 6456.88 H 2006.69 V 6552.19 C 2013.56,6541.67 2021.64,6533.8 2030.91,6528.59 2040.28,6523.38 2051.06,6520.78 2063.25,6520.78 2083.36,6520.78 2098.56,6527.03 2108.87,6539.53 2119.18,6551.93 2124.34,6570.21 2124.34,6594.38 Z">
    <title></title>
    <set attributeName="class" to="preview" begin="0s;repeat.click" end="aha1.begin;indefinite" />
  </path>
  <path class="bin" d="M 3066.59,6594.38 V 6700 H 3037.84 V 6595.31 Q 3037.84,6570.47 3028.16,6558.13 3018.47,6545.78 2999.09,6545.78 2975.81,6545.78 2962.37,6560.63 2948.94,6575.47 2948.94,6601.09 V 6700 H 2920.03 V 6525 H 2948.94 V 6552.19 Q 2959.25,6536.41 2973.16,6528.59 2987.22,6520.78 3005.5,6520.78 3035.66,6520.78 3051.12,6539.53 3066.59,6558.13 3066.59,6594.38 Z M 2842.37,6525 H 2871.12 V 6700 H 2842.37 Z M 2842.37,6456.88 H 2871.12 V 6493.28 H 2842.37 Z M 2774.87,6612.66 Q 2774.87,6580.94 2761.75,6562.97 2748.78,6544.84 2725.97,6544.84 2703.16,6544.84 2690.03,6562.97 2677.06,6580.94 2677.06,6612.66 2677.06,6644.38 2690.03,6662.5 2703.16,6680.47 2725.97,6680.47 2748.78,6680.47 2761.75,6662.5 2774.87,6644.38 2774.87,6612.66 Z M 2677.06,6551.56 Q 2686.12,6535.94 2699.87,6528.44 2713.78,6520.78 2733,6520.78 2764.87,6520.78 2784.72,6546.09 2804.72,6571.41 2804.72,6612.66 2804.72,6653.91 2784.72,6679.22 2764.87,6704.53 2733,6704.53 2713.78,6704.53 2699.87,6697.03 2686.12,6689.38 2677.06,6673.75 V 6700 H 2648.16 V 6456.88 H 2677.06 Z">
    <title></title>
    <set attributeName="class" to="preview" begin="0s;repeat.click" end="abi1.begin;indefinite" />
  </path>
  <path class="abdulhamid" d="M 4954.16,6551.56 V 6456.88 H 4982.91 V 6700 H 4954.16 V 6673.75 Q 4945.09,6689.38 4931.19,6697.03 4917.44,6704.53 4898.06,6704.53 4866.34,6704.53 4846.34,6679.22 4826.5,6653.91 4826.5,6612.66 4826.5,6571.41 4846.34,6546.09 4866.34,6520.78 4898.06,6520.78 4917.44,6520.78 4931.19,6528.44 4945.09,6535.94 4954.16,6551.56 Z M 4856.19,6612.66 Q 4856.19,6644.38 4869.16,6662.5 4882.28,6680.47 4905.09,6680.47 4927.91,6680.47 4941.03,6662.5 4954.16,6644.38 4954.16,6612.66 4954.16,6580.94 4941.03,6562.97 4927.91,6544.84 4905.09,6544.84 4882.28,6544.84 4869.16,6562.97 4856.19,6580.94 4856.19,6612.66 Z M 4760.25,6525 H 4789 V 6700 H 4760.25 Z M 4760.25,6456.88 H 4789 V 6493.28 H 4760.25 Z M 4594.62,6558.59 Q 4605.41,6539.22 4620.41,6530 4635.41,6520.78 4655.72,6520.78 4683.06,6520.78 4697.91,6540 4712.75,6559.06 4712.75,6594.38 V 6700 H 4683.84 V 6595.31 Q 4683.84,6570.16 4674.94,6557.97 4666.03,6545.78 4647.75,6545.78 4625.41,6545.78 4612.44,6560.63 4599.47,6575.47 4599.47,6601.09 V 6700 H 4570.56 V 6595.31 Q 4570.56,6570 4561.66,6557.97 4552.75,6545.78 4534.16,6545.78 4512.12,6545.78 4499.16,6560.78 4486.19,6575.63 4486.19,6601.09 V 6700 H 4457.28 V 6525 H 4486.19 V 6552.19 Q 4496.03,6536.09 4509.78,6528.44 4523.53,6520.78 4542.44,6520.78 4561.5,6520.78 4574.78,6530.47 4588.22,6540.16 4594.62,6558.59 Z M 4351.66,6612.03 Q 4316.81,6612.03 4303.37,6620 4289.94,6627.97 4289.94,6647.19 4289.94,6662.5 4299.94,6671.56 4310.09,6680.47 4327.44,6680.47 4351.34,6680.47 4365.72,6663.59 4380.25,6646.56 4380.25,6618.44 V 6612.03 Z M 4409,6600.16 V 6700 H 4380.25 V 6673.44 Q 4370.41,6689.38 4355.72,6697.03 4341.03,6704.53 4319.78,6704.53 4292.91,6704.53 4276.97,6689.53 4261.19,6674.38 4261.19,6649.06 4261.19,6619.53 4280.87,6604.53 4300.72,6589.53 4339.94,6589.53 H 4380.25 V 6586.72 Q 4380.25,6566.88 4367.12,6556.09 4354.16,6545.16 4330.56,6545.16 4315.56,6545.16 4301.34,6548.75 4287.12,6552.34 4274,6559.53 V 6532.97 Q 4289.78,6526.88 4304.62,6523.91 4319.47,6520.78 4333.53,6520.78 4371.5,6520.78 4390.25,6540.47 4409,6560.16 4409,6600.16 Z M 4224.47,6594.38 V 6700 H 4195.72 V 6595.31 Q 4195.72,6570.47 4186.03,6558.13 4176.34,6545.78 4156.97,6545.78 4133.69,6545.78 4120.25,6560.63 4106.81,6575.47 4106.81,6601.09 V 6700 H 4077.91 V 6456.88 H 4106.81 V 6552.19 Q 4117.12,6536.41 4131.03,6528.59 4145.09,6520.78 4163.37,6520.78 4193.53,6520.78 4209,6539.53 4224.47,6558.13 4224.47,6594.38 Z M 4000.25,6456.88 H 4029 V 6700 H 4000.25 Z M 3804.16,6630.94 V 6525 H 3832.91 V 6629.84 Q 3832.91,6654.69 3842.59,6667.19 3852.28,6679.53 3871.66,6679.53 3894.94,6679.53 3908.37,6664.69 3921.97,6649.84 3921.97,6624.22 V 6525 H 3950.72 V 6700 H 3921.97 V 6673.13 Q 3911.5,6689.06 3897.59,6696.88 3883.84,6704.53 3865.56,6704.53 3835.41,6704.53 3819.78,6685.78 3804.16,6667.03 3804.16,6630.94 Z M 3876.5,6520.78 Z M 3890.87,6457.5 H 3922.59 V 6489.06 H 3890.87 Z M 3829.78,6457.5 H 3861.5 V 6489.06 H 3829.78 Z M 3729.16,6551.56 V 6456.88 H 3757.91 V 6700 H 3729.16 V 6673.75 Q 3720.09,6689.38 3706.19,6697.03 3692.44,6704.53 3673.06,6704.53 3641.34,6704.53 3621.34,6679.22 3601.5,6653.91 3601.5,6612.66 3601.5,6571.41 3621.34,6546.09 3641.34,6520.78 3673.06,6520.78 3692.44,6520.78 3706.19,6528.44 3720.09,6535.94 3729.16,6551.56 Z M 3631.19,6612.66 Q 3631.19,6644.38 3644.16,6662.5 3657.28,6680.47 3680.09,6680.47 3702.91,6680.47 3716.03,6662.5 3729.16,6644.38 3729.16,6612.66 3729.16,6580.94 3716.03,6562.97 3702.91,6544.84 3680.09,6544.84 3657.28,6544.84 3644.16,6562.97 3631.19,6580.94 3631.19,6612.66 Z M 3546.5,6612.66 Q 3546.5,6580.94 3533.37,6562.97 3520.41,6544.84 3497.59,6544.84 3474.78,6544.84 3461.66,6562.97 3448.69,6580.94 3448.69,6612.66 3448.69,6644.38 3461.66,6662.5 3474.78,6680.47 3497.59,6680.47 3520.41,6680.47 3533.37,6662.5 3546.5,6644.38 3546.5,6612.66 Z M 3448.69,6551.56 Q 3457.75,6535.94 3471.5,6528.44 3485.41,6520.78 3504.62,6520.78 3536.5,6520.78 3556.34,6546.09 3576.34,6571.41 3576.34,6612.66 3576.34,6653.91 3556.34,6679.22 3536.5,6704.53 3504.62,6704.53 3485.41,6704.53 3471.5,6697.03 3457.75,6689.38 3448.69,6673.75 V 6700 H 3419.78 V 6456.88 H 3448.69 Z M 3291.34,6497.81 3248.53,6613.91 H 3334.31 Z M 3273.53,6466.72 H 3309.31 L 3398.22,6700 H 3365.41 L 3344.16,6640.16 H 3239 L 3217.75,6700 H 3184.47 Z">
    <title></title>
    <set attributeName="class" to="preview" begin="0s;repeat.click" end="aab1.begin;indefinite" />
  </path>
  <path class="muzaffer" d="M 6458.28,6551.88 Q 6453.44,6549.06 6447.66,6547.81 6442.03,6546.41 6435.16,6546.41 6410.78,6546.41 6397.66,6562.34 6384.69,6578.13 6384.69,6607.81 V 6700 H 6355.78 V 6525 H 6384.69 V 6552.19 Q 6393.75,6536.25 6408.28,6528.59 6422.81,6520.78 6443.59,6520.78 6446.56,6520.78 6450.16,6521.25 6453.75,6521.56 6458.12,6522.34 Z M 6319.69,6605.31 V 6619.38 H 6187.5 Q 6189.37,6649.06 6205.31,6664.69 6221.41,6680.16 6250,6680.16 6266.56,6680.16 6282.03,6676.09 6297.66,6672.03 6312.97,6663.91 V 6691.09 Q 6297.5,6697.66 6281.25,6701.09 6265,6704.53 6248.28,6704.53 6206.41,6704.53 6181.87,6680.16 6157.5,6655.78 6157.5,6614.22 6157.5,6571.25 6180.62,6546.09 6203.91,6520.78 6243.28,6520.78 6278.59,6520.78 6299.06,6543.59 6319.69,6566.25 6319.69,6605.31 Z M 6290.94,6596.88 Q 6290.62,6573.28 6277.66,6559.22 6264.84,6545.16 6243.59,6545.16 6219.53,6545.16 6205,6558.75 6190.62,6572.34 6188.44,6597.03 Z M 6165.78,6456.88 V 6480.78 H 6138.28 Q 6122.81,6480.78 6116.72,6487.03 6110.78,6493.28 6110.78,6509.53 V 6525 H 6158.12 V 6547.34 H 6110.78 V 6700 H 6081.87 V 6547.34 H 6002.97 V 6700 H 5974.06 V 6547.34 H 5946.56 V 6525 H 5974.06 V 6512.81 Q 5974.06,6483.59 5987.66,6470.31 6001.25,6456.88 6030.78,6456.88 H 6057.97 V 6480.78 H 6030.47 Q 6015,6480.78 6008.91,6487.03 6002.97,6493.28 6002.97,6509.53 V 6525 H 6081.87 V 6512.81 Q 6081.87,6483.59 6095.47,6470.31 6109.06,6456.88 6138.59,6456.88 Z M 5862.66,6612.03 Q 5827.81,6612.03 5814.37,6620 5800.94,6627.97 5800.94,6647.19 5800.94,6662.5 5810.94,6671.56 5821.09,6680.47 5838.44,6680.47 5862.34,6680.47 5876.72,6663.59 5891.25,6646.56 5891.25,6618.44 V 6612.03 Z M 5920,6600.16 V 6700 H 5891.25 V 6673.44 Q 5881.41,6689.38 5866.72,6697.03 5852.03,6704.53 5830.78,6704.53 5803.91,6704.53 5787.97,6689.53 5772.19,6674.38 5772.19,6649.06 5772.19,6619.53 5791.87,6604.53 5811.72,6589.53 5850.94,6589.53 H 5891.25 V 6586.72 Q 5891.25,6566.88 5878.12,6556.09 5865.16,6545.16 5841.56,6545.16 5826.56,6545.16 5812.34,6548.75 5798.12,6552.34 5785,6559.53 V 6532.97 Q 5800.78,6526.88 5815.62,6523.91 5830.47,6520.78 5844.53,6520.78 5882.5,6520.78 5901.25,6540.47 5920,6560.16 5920,6600.16 Z M 5612.5,6525 H 5749.06 V 6551.25 L 5640.94,6677.03 H 5749.06 V 6700 H 5608.59 V 6673.75 L 5716.72,6547.97 H 5612.5 Z M 5428.91,6630.94 V 6525 H 5457.66 V 6629.84 Q 5457.66,6654.69 5467.34,6667.19 5477.03,6679.53 5496.41,6679.53 5519.69,6679.53 5533.12,6664.69 5546.72,6649.84 5546.72,6624.22 V 6525 H 5575.47 V 6700 H 5546.72 V 6673.13 Q 5536.25,6689.06 5522.34,6696.88 5508.59,6704.53 5490.31,6704.53 5460.16,6704.53 5444.53,6685.78 5428.91,6667.03 5428.91,6630.94 Z M 5501.25,6520.78 Z M 5266.25,6558.59 Q 5277.03,6539.22 5292.03,6530 5307.03,6520.78 5327.34,6520.78 5354.69,6520.78 5369.53,6540 5384.37,6559.06 5384.37,6594.38 V 6700 H 5355.47 V 6595.31 Q 5355.47,6570.16 5346.56,6557.97 5337.66,6545.78 5319.37,6545.78 5297.03,6545.78 5284.06,6560.63 5271.09,6575.47 5271.09,6601.09 V 6700 H 5242.19 V 6595.31 Q 5242.19,6570 5233.28,6557.97 5224.37,6545.78 5205.78,6545.78 5183.75,6545.78 5170.78,6560.78 5157.81,6575.63 5157.81,6601.09 V 6700 H 5128.91 V 6525 H 5157.81 V 6552.19 Q 5167.66,6536.09 5181.41,6528.44 5195.16,6520.78 5214.06,6520.78 5233.12,6520.78 5246.41,6530.47 5259.84,6540.16 5266.25,6558.59 Z">
    <set attributeName="class" to="preview" begin="0s;repeat.click" end="amu1.begin;indefinite" />
  </path>
  <path class="daima" d="M 7416.16,6612.03 Q 7381.31,6612.03 7367.87,6620 7354.44,6627.97 7354.44,6647.19 7354.44,6662.5 7364.44,6671.56 7374.59,6680.47 7391.94,6680.47 7415.84,6680.47 7430.22,6663.59 7444.75,6646.56 7444.75,6618.44 V 6612.03 Z M 7473.5,6600.16 V 6700 H 7444.75 V 6673.44 Q 7434.91,6689.38 7420.22,6697.03 7405.53,6704.53 7384.28,6704.53 7357.41,6704.53 7341.47,6689.53 7325.69,6674.38 7325.69,6649.06 7325.69,6619.53 7345.37,6604.53 7365.22,6589.53 7404.44,6589.53 H 7444.75 V 6586.72 Q 7444.75,6566.88 7431.62,6556.09 7418.66,6545.16 7395.06,6545.16 7380.06,6545.16 7365.84,6548.75 7351.62,6552.34 7338.5,6559.53 V 6532.97 Q 7354.28,6526.88 7369.12,6523.91 7383.97,6520.78 7398.03,6520.78 7436,6520.78 7454.75,6540.47 7473.5,6560.16 7473.5,6600.16 Z M 7171,6558.59 Q 7181.78,6539.22 7196.78,6530 7211.78,6520.78 7232.09,6520.78 7259.44,6520.78 7274.28,6540 7289.12,6559.06 7289.12,6594.38 V 6700 H 7260.22 V 6595.31 Q 7260.22,6570.16 7251.31,6557.97 7242.41,6545.78 7224.12,6545.78 7201.78,6545.78 7188.81,6560.63 7175.84,6575.47 7175.84,6601.09 V 6700 H 7146.94 V 6595.31 Q 7146.94,6570 7138.03,6557.97 7129.12,6545.78 7110.53,6545.78 7088.5,6545.78 7075.53,6560.78 7062.56,6575.63 7062.56,6601.09 V 6700 H 7033.66 V 6525 H 7062.56 V 6552.19 Q 7072.41,6536.09 7086.16,6528.44 7099.91,6520.78 7118.81,6520.78 7137.87,6520.78 7151.16,6530.47 7164.59,6540.16 7171,6558.59 Z M 6956,6525 H 6984.75 V 6700 H 6956 Z M 6956,6456.88 H 6984.75 V 6493.28 H 6956 Z M 6849.28,6612.03 Q 6814.44,6612.03 6801,6620 6787.56,6627.97 6787.56,6647.19 6787.56,6662.5 6797.56,6671.56 6807.72,6680.47 6825.06,6680.47 6848.97,6680.47 6863.34,6663.59 6877.87,6646.56 6877.87,6618.44 V 6612.03 Z M 6906.62,6600.16 V 6700 H 6877.87 V 6673.44 Q 6868.03,6689.38 6853.34,6697.03 6838.66,6704.53 6817.41,6704.53 6790.53,6704.53 6774.59,6689.53 6758.81,6674.38 6758.81,6649.06 6758.81,6619.53 6778.5,6604.53 6798.34,6589.53 6837.56,6589.53 H 6877.87 V 6586.72 Q 6877.87,6566.88 6864.75,6556.09 6851.78,6545.16 6828.19,6545.16 6813.19,6545.16 6798.97,6548.75 6784.75,6552.34 6771.62,6559.53 V 6532.97 Q 6787.41,6526.88 6802.25,6523.91 6817.09,6520.78 6831.16,6520.78 6869.12,6520.78 6887.87,6540.47 6906.62,6560.16 6906.62,6600.16 Z M 6691.78,6551.56 V 6456.88 H 6720.53 V 6700 H 6691.78 V 6673.75 Q 6682.72,6689.38 6668.81,6697.03 6655.06,6704.53 6635.69,6704.53 6603.97,6704.53 6583.97,6679.22 6564.12,6653.91 6564.12,6612.66 6564.12,6571.41 6583.97,6546.09 6603.97,6520.78 6635.69,6520.78 6655.06,6520.78 6668.81,6528.44 6682.72,6535.94 6691.78,6551.56 Z M 6593.81,6612.66 Q 6593.81,6644.38 6606.78,6662.5 6619.91,6680.47 6642.72,6680.47 6665.53,6680.47 6678.66,6662.5 6691.78,6644.38 6691.78,6612.66 6691.78,6580.94 6678.66,6562.97 6665.53,6544.84 6642.72,6544.84 6619.91,6544.84 6606.78,6562.97 6593.81,6580.94 6593.81,6612.66 Z">
    <set attributeName="class" to="preview" begin="0s;repeat.click" end="ada1.begin;indefinite" />
  </path>

  <rect x="450" y="6400" width="1450" height="350">
    <title>The name of the sultan</title>
  </rect>
  <rect x="1900" y="6400" width="675" height="350">
    <title>Khan, one of the titles of ottoman sultans</title>
  </rect>
  <rect x="2575" y="6400" width="550" height="350">
    <title>son of</title>
  </rect>
  <rect x="3125" y="6400" width="1925" height="350">
    <title>The name of the sultans' father</title>
  </rect>
  <rect x="5050" y="6400" width="1450" height="350">
    <title>victorious</title>
  </rect>
  <rect x="6500" y="6400" width="1050" height="350">
    <title>forever</title>
  </rect>
</svg>

              
            
!

CSS

              
                body {
  margin: 0;
  overflow: hidden;
  height: 100vh;
}
.button {
    fill: #a6a6a6;
    stroke: white;
    stroke-width: 100;
    stroke-opacity: 0;
    cursor: pointer;
}
.button path {
    display: none;
}
.button.play #pause, .button.pause #play {
    display: inline;
}
.button :hover {
    fill: #4d4d4d;
}
rect {
    opacity: 0;
}
mask path {
    fill: none;
    stroke: white;
    stroke-width: 160;
}

.decoration {fill: #4d4d4d}
.mahmud {fill: #da0b2d}
.han {fill: #0d33f2}
.bin {fill: #c2a30a}
.abdulhamid {fill: #067966}
.muzaffer {fill: #b70bda}
.daima {fill: #59aa09}
.preview { fill: #a6a6a6 }

              
            
!

JS

              
                const svg = document.querySelector('svg');
const button = document.querySelector('.button');

const setPauseState = () => {
    svg.pauseAnimations();
    button.classList.remove('play');
    button.classList.add('pause');
};

const setPlayState = () => {
    svg.unpauseAnimations();
    button.classList.remove('pause');
    button.classList.add('play');
};

const setHideState = () => {
    button.classList.remove('pause', 'play');
};

document.querySelector('#pause').addEventListener('click', setPauseState);
document.querySelector('#play').addEventListener('click', setPlayState);
document.querySelector('#repeat').addEventListener('click', setPlayState);
document.querySelector('#repeat set').addEventListener('beginEvent', setHideState);

              
            
!
999px

Console