Archery

Developer
Victor Freire
Size
12,263 Kb
Views
26,312
  1. Archery Previews
  2. Archery HTML Codes
  3. Archery CSS Codes
  4. Archery JS Codes

How do I make an archery?

SVG animation based on: dribbble.com/shots/2483505-Slings-Arrows. What is a archery? How do you make a archery? This script and codes were developed by Victor Freire on 15 September 2022, Thursday.

Archery Previews
IQ Test

Archery - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Archery</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <main> <svg id="svg_1" width="800" height="600" viewBox="0 0 800 600"> <path fill="none" d=" M 0.00 0.00 L 800.00 0.00 L 800.00 600.00 L 0.00 600.00 L 0.00 0.00 Z" /> <path fill="#ee5d46" d=" M 117.10 108.03 C 128.18 96.53 144.06 89.87 160.02 89.97 C 175.74 89.89 191.38 96.35 202.42 107.55 C 213.64 118.58 220.09 134.23 220.03 149.95 C 215.82 149.96 211.69 151.11 208.01 153.11 C 208.80 139.25 203.53 125.14 193.46 115.53 C 182.26 104.47 165.40 99.64 150.03 103.01 C 131.48 106.70 116.04 122.40 112.85 141.07 C 109.31 145.20 106.20 149.70 103.94 154.66 C 102.63 154.05 101.32 153.42 100.00 152.83 C 99.22 136.39 105.46 119.71 117.10 108.03 Z" /> <path fill="#daba57" d=" M 150.03 103.01 C 165.40 99.64 182.26 104.47 193.46 115.53 C 203.53 125.14 208.80 139.25 208.01 153.11 C 201.61 156.82 197.07 163.48 196.17 170.85 C 194.91 157.47 188.48 144.49 177.74 136.24 C 165.64 126.52 148.68 123.45 133.89 128.05 C 125.87 130.42 118.71 135.15 112.85 141.07 C 116.04 122.40 131.48 106.70 150.03 103.01 Z" /> <path fill="#f8efd8" d=" M 323.90 106.75 C 339.85 102.79 356.38 101.41 372.78 102.13 C 403.88 103.75 434.48 114.14 459.99 132.03 C 490.69 153.35 513.98 185.15 524.79 220.95 C 536.90 260.52 533.80 304.58 515.92 341.94 C 503.48 368.34 483.91 391.22 460.05 407.99 C 460.02 402.15 460.13 396.31 459.94 390.48 L 459.98 390.00 C 444.00 390.00 428.01 390.00 412.03 390.00 C 404.26 405.35 396.64 420.77 388.92 436.14 C 377.52 438.08 365.90 438.28 354.38 437.76 C 349.58 437.34 344.77 437.00 340.00 436.31 C 331.90 435.18 323.87 433.46 316.05 431.07 C 315.98 417.54 316.19 404.00 315.94 390.48 L 315.98 390.00 C 299.99 390.00 284.01 389.99 268.03 390.00 C 265.75 394.37 263.61 398.80 261.39 403.20 C 244.29 389.68 229.19 373.23 218.66 354.07 C 227.15 332.59 235.64 311.10 244.11 289.61 C 237.58 289.91 231.10 290.79 224.58 291.18 L 224.47 290.20 C 225.61 286.28 229.09 282.18 227.07 278.02 C 225.37 274.22 219.48 273.63 217.02 276.95 C 215.10 279.96 214.19 283.46 212.85 286.74 C 208.20 281.89 203.90 276.72 199.31 271.83 C 198.52 273.83 197.75 275.85 196.94 277.85 L 196.20 278.65 C 194.10 241.78 204.78 204.36 225.95 174.10 C 222.31 174.02 218.68 174.05 215.05 174.05 C 210.55 174.02 206.06 174.04 201.57 174.05 C 173.85 173.96 146.14 173.98 118.43 174.04 C 113.94 174.05 109.45 174.02 104.96 174.05 C 87.27 174.02 69.59 174.12 51.91 174.00 C 54.41 167.13 58.91 160.99 64.87 156.73 C 74.83 149.41 88.68 147.87 100.00 152.83 C 101.32 153.42 102.63 154.05 103.94 154.66 C 106.20 149.70 109.31 145.20 112.85 141.07 C 118.71 135.15 125.87 130.42 133.89 128.05 C 148.68 123.45 165.64 126.52 177.74 136.24 C 188.48 144.49 194.91 157.47 196.17 170.85 C 197.07 163.48 201.61 156.82 208.01 153.11 C 211.69 151.11 215.82 149.96 220.03 149.95 C 227.17 149.69 233.51 153.49 238.58 158.15 C 260.95 132.93 291.12 114.70 323.90 106.75 Z" /> <path fill="#daba57" d=" M 372.78 102.13 C 385.85 101.72 398.94 102.03 412.02 101.97 C 446.52 101.92 480.94 112.78 509.04 132.82 C 524.94 143.93 538.50 158.08 549.92 173.71 C 550.00 177.84 550.03 181.96 549.99 186.10 C 553.60 187.98 557.27 189.78 560.85 191.74 C 563.28 196.73 565.54 201.81 567.93 206.83 C 568.03 202.89 568.00 198.95 568.00 195.02 C 568.00 171.00 567.99 146.99 568.01 122.97 C 572.00 123.01 576.00 122.99 580.00 122.99 C 579.99 143.97 580.00 164.95 579.99 185.92 C 579.99 188.98 580.00 192.04 580.03 195.09 C 580.09 220.06 580.04 245.03 580.05 270.00 C 572.04 270.00 564.02 269.99 556.01 270.01 C 555.99 281.00 555.99 292.00 556.01 302.99 C 580.01 303.00 604.01 303.01 628.01 302.99 C 628.05 291.99 628.05 280.99 628.01 270.00 C 627.98 245.02 628.01 220.04 628.00 195.06 C 627.99 192.02 627.99 188.97 628.02 185.93 C 628.08 164.96 628.07 143.98 628.02 123.00 C 632.02 122.99 636.02 122.99 640.02 123.01 C 639.99 147.02 639.98 171.03 640.03 195.04 C 640.09 220.02 640.03 245.00 640.06 269.98 C 644.05 270.02 648.04 269.98 652.04 270.01 C 652.08 281.00 652.03 292.00 652.07 303.00 C 644.05 303.00 636.03 302.98 628.02 303.00 C 628.00 305.00 627.99 307.00 627.99 309.01 C 636.01 309.12 644.04 309.03 652.06 309.05 C 652.06 312.05 652.07 315.04 652.03 318.04 C 650.04 318.05 648.05 318.05 646.07 318.03 C 640.05 317.97 634.05 318.02 628.04 318.00 C 628.04 315.02 628.03 312.04 628.00 309.06 C 604.01 309.02 580.01 309.05 556.02 309.05 C 555.99 312.04 555.99 315.03 556.01 318.02 C 558.00 318.02 560.00 318.02 562.00 318.01 C 562.00 322.03 562.00 326.04 562.00 330.05 C 561.99 335.43 562.00 340.80 561.99 346.18 C 547.11 374.58 524.55 399.07 496.69 415.10 C 492.52 417.46 488.29 419.70 484.00 421.82 C 476.31 425.57 468.27 428.60 460.08 431.04 C 460.01 423.36 460.08 415.67 460.05 407.99 C 483.91 391.22 503.48 368.34 515.92 341.94 C 533.80 304.58 536.90 260.52 524.79 220.95 C 513.98 185.15 490.69 153.35 459.99 132.03 C 434.48 114.14 403.88 103.75 372.78 102.13 Z" /> <path fill="#6c3f4f" d=" M 570.31 109.20 C 573.95 106.14 580.26 109.10 579.99 113.91 C 580.04 116.94 579.98 119.97 580.00 122.99 C 576.00 122.99 572.00 123.01 568.01 122.97 C 568.58 118.45 566.31 112.59 570.31 109.20 Z" /> <path fill="#6c3f4f" d=" M 598.00 114.00 C 597.84 110.75 600.78 107.88 604.00 107.96 C 607.22 107.88 610.10 110.74 610.04 113.97 C 610.13 116.99 610.08 120.01 610.09 123.02 C 606.05 122.98 602.01 122.98 597.98 123.02 C 598.00 120.01 597.95 117.00 598.00 114.00 Z" /> <path fill="#6c3f4f" d=" M 628.01 113.95 C 627.71 109.12 634.04 106.13 637.69 109.20 C 641.58 112.44 639.61 118.13 640.03 122.50 L 640.02 123.01 C 636.02 122.99 632.02 122.99 628.02 123.00 C 628.01 119.98 627.94 116.97 628.01 113.95 Z" /> <path fill="#7fa7a9" d=" M 550.07 113.99 C 556.11 116.86 562.10 119.84 568.01 122.97 C 567.99 146.99 568.00 171.00 568.00 195.02 C 565.62 193.90 563.21 192.87 560.85 191.74 C 557.27 189.78 553.60 187.98 549.99 186.10 C 550.03 181.96 550.00 177.84 549.92 173.71 C 550.13 153.80 549.86 133.90 550.07 113.99 Z" /> <path fill="#ee5d46" d=" M 579.99 113.91 C 582.90 115.39 585.84 116.83 588.74 118.35 C 591.80 119.94 594.89 121.47 597.98 123.02 C 598.04 147.03 597.99 171.04 598.00 195.05 C 595.09 193.58 592.17 192.13 589.28 190.63 C 586.19 189.04 583.08 187.50 579.99 185.92 C 580.00 164.95 579.99 143.97 580.00 122.99 C 579.98 119.97 580.04 116.94 579.99 113.91 Z" /> <path fill="#7fa7a9" d=" M 588.74 118.35 C 591.85 116.96 594.90 115.42 598.00 114.00 C 597.95 117.00 598.00 120.01 597.98 123.02 C 594.89 121.47 591.80 119.94 588.74 118.35 Z" /> <path fill="#7fa7a9" d=" M 610.04 113.97 C 613.13 115.41 616.17 116.94 619.27 118.37 C 616.22 119.95 613.15 121.47 610.09 123.02 C 610.08 120.01 610.13 116.99 610.04 113.97 Z" /> <path fill="#ee5d46" d=" M 619.27 118.37 C 622.16 116.86 625.10 115.42 628.01 113.95 C 627.94 116.97 628.01 119.98 628.02 123.00 C 628.07 143.98 628.08 164.96 628.02 185.93 C 624.93 187.52 621.83 189.05 618.75 190.64 C 615.86 192.14 612.95 193.59 610.05 195.06 C 610.03 171.05 609.99 147.03 610.09 123.02 C 613.15 121.47 616.22 119.95 619.27 118.37 Z" /> <path fill="#7fa7a9" d=" M 640.03 122.50 C 646.27 120.21 651.91 116.61 658.02 114.00 C 658.19 138.00 658.21 162.01 658.00 186.00 C 652.11 189.22 646.07 192.14 640.03 195.04 C 639.98 171.03 639.99 147.02 640.02 123.01 L 640.03 122.50 Z" /> <path fill="#daba57" d=" M 597.98 123.02 C 602.01 122.98 606.05 122.98 610.09 123.02 C 609.99 147.03 610.03 171.05 610.05 195.06 C 610.06 220.04 610.06 245.02 610.05 270.00 C 606.03 270.00 602.01 270.00 598.00 270.00 C 598.00 245.02 598.00 220.04 598.00 195.05 C 597.99 171.04 598.04 147.03 597.98 123.02 Z" /> <path fill="#ee5d46" d=" M 350.49 150.76 C 378.69 147.46 407.98 154.64 431.41 170.69 C 454.22 186.10 471.43 209.60 479.13 236.04 C 487.16 263.09 485.23 292.96 473.71 318.73 C 462.51 344.06 442.25 365.22 417.43 377.49 C 391.54 390.47 360.90 393.48 332.96 385.95 C 305.36 378.67 280.67 361.07 264.70 337.43 C 248.77 314.17 241.56 285.13 244.69 257.12 C 247.79 226.56 263.38 197.55 287.00 177.94 C 304.88 162.91 327.25 153.28 350.49 150.76 Z" /> <path fill="#ee5d46" d=" M 104.96 174.05 C 109.45 174.02 113.94 174.05 118.43 174.04 C 126.70 188.69 143.17 198.23 160.01 198.01 C 176.84 198.22 193.29 188.69 201.57 174.05 C 206.06 174.04 210.55 174.02 215.05 174.05 C 209.03 187.76 197.76 199.09 184.00 205.04 C 169.61 211.37 152.73 211.70 138.11 205.91 C 123.42 200.23 111.26 188.47 104.96 174.05 Z" /> <path fill="#daba57" d=" M 118.43 174.04 C 146.14 173.98 173.85 173.96 201.57 174.05 C 193.29 188.69 176.84 198.22 160.01 198.01 C 143.17 198.23 126.70 188.69 118.43 174.04 Z" /> <path fill="#7fa7a9" d=" M 579.99 185.92 C 583.08 187.50 586.19 189.04 589.28 190.63 C 586.16 192.05 583.08 193.54 580.03 195.09 C 580.00 192.04 579.99 188.98 579.99 185.92 Z" /> <path fill="#7fa7a9" d=" M 618.75 190.64 C 621.83 189.05 624.93 187.52 628.02 185.93 C 627.99 188.97 627.99 192.02 628.00 195.06 C 624.94 193.53 621.86 192.05 618.75 190.64 Z" /> <path fill="none" d=" M 580.03 195.09 C 583.08 193.54 586.16 192.05 589.28 190.63 C 592.17 192.13 595.09 193.58 598.00 195.05 C 598.00 220.04 598.00 245.02 598.00 270.00 C 592.01 270.00 586.03 270.00 580.05 270.00 C 580.04 245.03 580.09 220.06 580.03 195.09 Z" /> <path fill="none" d=" M 610.05 195.06 C 612.95 193.59 615.86 192.14 618.75 190.64 C 621.86 192.05 624.94 193.53 628.00 195.06 C 628.01 220.04 627.98 245.02 628.01 270.00 C 622.02 270.00 616.04 270.00 610.05 270.00 C 610.06 245.02 610.06 220.04 610.05 195.06 Z" /> <path fill="none" d=" M 560.85 191.74 C 563.21 192.87 565.62 193.90 568.00 195.02 C 568.00 198.95 568.03 202.89 567.93 206.83 C 565.54 201.81 563.28 196.73 560.85 191.74 Z" /> <path fill="#f8efd8" d=" M 353.54 198.72 C 367.31 196.71 381.66 198.72 394.27 204.62 C 409.83 211.78 422.64 224.71 429.66 240.33 C 436.43 255.18 437.84 272.37 433.73 288.15 C 430.19 301.87 422.46 314.46 411.84 323.84 C 398.85 335.52 381.43 342.15 363.95 342.01 C 346.73 342.13 329.58 335.67 316.67 324.29 C 307.08 315.97 299.76 305.07 295.72 293.03 C 289.36 274.33 291.14 253.02 300.64 235.69 C 311.20 215.99 331.37 201.78 353.54 198.72 Z" /> <path fill="#ee5d46" d=" M 358.43 246.63 C 370.04 243.57 383.03 250.79 386.71 262.17 C 389.66 270.41 387.55 280.18 381.46 286.47 C 376.07 292.31 367.63 295.12 359.81 293.66 C 352.14 292.35 345.31 287.04 342.14 279.94 C 339.26 273.73 339.26 266.30 342.12 260.09 C 345.10 253.42 351.31 248.29 358.43 246.63 Z" /> <path fill="#f8efd8" d=" M 556.01 270.01 C 564.02 269.99 572.04 270.00 580.05 270.00 C 586.03 270.00 592.01 270.00 598.00 270.00 C 602.01 270.00 606.03 270.00 610.05 270.00 C 616.04 270.00 622.02 270.00 628.01 270.00 C 628.05 280.99 628.05 291.99 628.01 302.99 C 604.01 303.01 580.01 303.00 556.01 302.99 C 555.99 292.00 555.99 281.00 556.01 270.01 Z" /> <path fill="#7fa7a9" d=" M 199.31 271.83 C 203.90 276.72 208.20 281.89 212.85 286.74 L 212.73 287.06 C 203.96 309.44 195.24 331.86 186.30 354.17 C 181.90 349.03 177.17 344.19 172.91 338.94 C 180.67 318.48 188.93 298.21 196.94 277.85 C 197.75 275.85 198.52 273.83 199.31 271.83 Z" /> <path fill="#6c3f4f" d=" M 217.02 276.95 C 219.48 273.63 225.37 274.22 227.07 278.02 C 229.09 282.18 225.61 286.28 224.47 290.20 C 224.05 291.17 223.62 292.13 223.22 293.12 C 223.36 292.66 223.64 291.74 223.78 291.28 C 220.08 289.92 216.43 288.43 212.73 287.06 L 212.85 286.74 C 214.19 283.46 215.10 279.96 217.02 276.95 Z" /> <path fill="#daba57" d=" M 212.73 287.06 C 216.43 288.43 220.08 289.92 223.78 291.28 C 223.64 291.74 223.36 292.66 223.22 293.12 C 214.73 314.85 205.89 336.45 197.53 358.23 C 186.26 387.15 174.64 415.93 163.44 444.87 C 170.18 451.73 177.07 458.44 183.79 465.31 C 198.58 480.27 213.57 495.04 228.37 509.99 C 222.72 510.00 217.08 510.04 211.44 509.96 C 198.21 496.55 184.85 483.26 171.48 469.98 C 167.10 465.73 162.89 461.30 158.47 457.08 C 154.37 467.76 150.10 478.38 145.91 489.02 C 142.98 495.94 140.26 502.95 137.61 509.98 C 133.32 510.03 129.02 510.01 124.73 509.99 C 132.67 489.63 140.80 469.33 148.77 448.99 C 149.67 447.62 147.98 446.63 147.26 445.74 C 138.73 437.37 130.39 428.80 121.85 420.45 C 104.77 404.01 88.23 386.99 71.47 370.21 L 71.02 369.75 C 73.85 366.76 76.75 363.86 79.74 361.03 L 80.24 361.50 C 97.02 378.23 114.01 394.78 130.45 411.85 C 138.06 419.59 145.78 427.25 153.48 434.92 C 153.71 434.87 154.19 434.77 154.43 434.72 C 165.05 407.88 175.56 380.98 186.30 354.17 C 195.24 331.86 203.96 309.44 212.73 287.06 Z" /> <path fill="#7fa7a9" d=" M 223.22 293.12 C 223.62 292.13 224.05 291.17 224.47 290.20 L 224.58 291.18 C 231.10 290.79 237.58 289.91 244.11 289.61 C 235.64 311.10 227.15 332.59 218.66 354.07 C 218.32 354.90 217.99 355.73 217.65 356.57 C 210.97 357.38 204.26 357.98 197.53 358.23 C 205.89 336.45 214.73 314.85 223.22 293.12 Z" /> <path fill="#ee5d46" d=" M 628.02 303.00 C 636.03 302.98 644.05 303.00 652.07 303.00 C 652.08 305.01 652.07 307.03 652.06 309.05 C 644.04 309.03 636.01 309.12 627.99 309.01 C 627.99 307.00 628.00 305.00 628.02 303.00 Z" /> <path fill="#f8efd8" d=" M 556.02 309.05 C 580.01 309.05 604.01 309.02 628.00 309.06 C 628.03 312.04 628.04 315.02 628.04 318.00 C 606.02 318.01 584.01 317.98 562.00 318.01 C 560.00 318.02 558.00 318.02 556.01 318.02 C 555.99 315.03 555.99 312.04 556.02 309.05 Z" /> <path fill="#6c3f4f" d=" M 562.00 318.01 C 584.01 317.98 606.02 318.01 628.04 318.00 C 634.05 318.02 640.05 317.97 646.07 318.03 C 646.07 326.01 646.08 333.99 646.06 341.97 C 646.04 357.98 646.05 374.00 646.06 390.02 C 645.98 403.21 646.28 416.41 645.90 429.60 C 640.37 421.54 631.59 415.98 621.99 414.23 C 622.00 386.18 622.02 358.12 621.98 330.07 C 601.98 330.04 581.99 330.07 562.00 330.05 C 562.00 326.04 562.00 322.03 562.00 318.01 Z" /> <path fill="#ee5d46" d=" M 562.00 330.05 C 581.99 330.07 601.98 330.04 621.98 330.07 C 622.02 358.12 622.00 386.18 621.99 414.23 C 611.29 412.74 599.94 415.58 591.91 422.98 C 581.19 432.24 577.17 448.05 581.65 461.41 C 585.18 472.36 594.31 481.29 605.33 484.59 C 610.68 486.42 616.43 486.17 621.99 485.77 C 622.00 488.51 622.00 491.27 621.99 494.02 C 618.87 497.30 617.23 501.57 616.04 505.86 C 613.70 494.73 603.54 485.53 591.91 485.91 C 591.54 497.41 600.59 507.67 611.66 509.92 C 598.27 510.00 584.86 510.15 571.48 509.85 C 566.29 508.37 561.95 503.63 562.02 498.07 C 561.97 480.74 562.02 463.42 562.00 446.10 C 561.99 412.79 562.01 379.49 561.99 346.18 C 562.00 340.80 561.99 335.43 562.00 330.05 Z" /> <path fill="#f8efd8" d=" M 646.06 341.97 C 665.93 341.60 684.90 355.17 691.32 373.91 C 698.31 368.56 707.08 365.41 715.95 366.01 C 730.24 366.50 743.46 376.52 748.08 390.01 C 714.07 390.08 680.07 390.12 646.06 390.02 C 646.05 374.00 646.04 357.98 646.06 341.97 Z" /> <path fill="#b46381" d=" M 85.67 343.28 C 85.96 343.32 86.55 343.41 86.84 343.46 C 103.07 359.77 119.24 376.16 135.72 392.22 C 135.67 399.10 131.49 405.13 130.45 411.85 C 114.01 394.78 97.02 378.23 80.24 361.50 C 81.21 355.22 84.36 349.49 85.67 343.28 Z" /> <path fill="none" d=" M 496.69 415.10 C 524.55 399.07 547.11 374.58 561.99 346.18 C 562.01 379.49 561.99 412.79 562.00 446.10 C 551.62 449.61 541.76 454.40 532.03 459.39 C 532.07 452.26 532.06 445.13 532.04 438.00 C 524.05 437.99 516.06 438.00 508.08 438.00 C 504.28 430.37 500.39 422.78 496.69 415.10 Z" /> <path fill="#6c3f4f" d=" M 63.26 360.95 C 61.33 356.21 66.89 351.13 71.43 353.45 C 74.63 355.44 76.84 358.65 79.74 361.03 C 76.75 363.86 73.85 366.76 71.02 369.75 C 68.62 366.66 65.01 364.49 63.26 360.95 Z" /> <path fill="none" d=" M 217.65 356.57 C 217.99 355.73 218.32 354.90 218.66 354.07 C 229.19 373.23 244.29 389.68 261.39 403.20 C 255.57 414.79 249.86 426.43 243.95 437.98 C 235.96 438.03 227.98 437.97 220.00 438.00 C 219.99 446.01 219.99 454.01 220.01 462.01 C 228.00 462.09 235.99 462.07 243.99 462.02 C 243.99 464.66 244.00 467.31 244.00 469.96 C 225.40 460.98 203.57 459.69 183.79 465.31 C 177.07 458.44 170.18 451.73 163.44 444.87 C 174.64 415.93 186.26 387.15 197.53 358.23 C 204.26 357.98 210.97 357.38 217.65 356.57 Z" /> <path fill="#b46381" d=" M 53.18 375.68 C 59.42 374.38 65.17 371.26 71.47 370.21 C 88.23 386.99 104.77 404.01 121.85 420.45 C 115.44 421.98 109.21 424.36 102.99 426.55 C 88.05 410.97 72.50 395.97 57.33 380.61 C 55.96 378.98 53.65 377.90 53.18 375.68 Z" /> <path fill="#daba57" d=" M 268.03 390.00 C 284.01 389.99 299.99 390.00 315.98 390.00 L 315.94 390.48 C 311.73 398.46 307.82 406.60 303.74 414.66 C 299.96 422.53 295.51 430.07 291.87 438.01 C 307.91 438.15 323.95 437.95 340.00 438.00 C 344.79 437.99 349.59 438.12 354.38 437.76 C 365.90 438.28 377.52 438.08 388.92 436.14 C 396.64 420.77 404.26 405.35 412.03 390.00 C 428.01 390.00 444.00 390.00 459.98 390.00 L 459.94 390.48 C 451.78 406.25 444.07 422.25 435.82 437.96 C 427.89 438.15 419.95 437.94 412.02 438.06 C 411.96 446.04 412.01 454.02 412.00 462.00 C 403.99 462.01 395.99 461.97 387.99 462.02 C 380.02 462.08 372.04 462.07 364.07 462.03 C 324.05 461.99 284.02 461.99 243.99 462.02 C 235.99 462.07 228.00 462.09 220.01 462.01 C 219.99 454.01 219.99 446.01 220.00 438.00 C 227.98 437.97 235.96 438.03 243.95 437.98 C 249.86 426.43 255.57 414.79 261.39 403.20 C 263.61 398.80 265.75 394.37 268.03 390.00 Z" /> <path fill="#ee5d46" d=" M 303.74 414.66 C 307.82 406.60 311.73 398.46 315.94 390.48 C 316.19 404.00 315.98 417.54 316.05 431.07 C 323.87 433.46 331.90 435.18 340.00 436.31 L 340.00 438.00 C 323.95 437.95 307.91 438.15 291.87 438.01 C 295.51 430.07 299.96 422.53 303.74 414.66 Z" /> <path fill="#ee5d46" d=" M 435.82 437.96 C 444.07 422.25 451.78 406.25 459.94 390.48 C 460.13 396.31 460.02 402.15 460.05 407.99 C 460.08 415.67 460.01 423.36 460.08 431.04 C 468.27 428.60 476.31 425.57 484.00 421.82 C 484.00 427.21 483.99 432.60 484.01 437.99 C 492.03 438.01 500.05 437.99 508.08 438.00 C 516.06 438.00 524.05 437.99 532.04 438.00 C 532.06 445.13 532.07 452.26 532.03 459.39 C 532.02 460.04 532.00 461.34 531.99 461.99 C 530.50 462.00 529.01 462.02 527.53 462.03 C 521.05 462.06 514.56 462.07 508.08 462.02 C 476.05 461.97 444.02 462.02 412.00 462.00 C 412.01 454.02 411.96 446.04 412.02 438.06 C 419.95 437.94 427.89 438.15 435.82 437.96 Z" /> <path fill="#6c3f4f" d=" M 277.29 408.48 C 281.08 406.49 286.42 409.58 286.03 413.98 C 286.54 418.90 279.85 422.03 276.24 418.81 C 272.68 416.30 273.36 410.27 277.29 408.48 Z" /> <path fill="#6c3f4f" d=" M 421.33 408.46 C 425.13 406.49 430.47 409.64 430.03 414.05 C 430.48 418.95 423.81 422.01 420.23 418.80 C 416.66 416.27 417.38 410.23 421.33 408.46 Z" /> <path fill="#f8efd8" d=" M 591.91 422.98 C 599.94 415.58 611.29 412.74 621.99 414.23 C 631.59 415.98 640.37 421.54 645.90 429.60 C 648.99 433.92 650.78 439.02 651.78 444.21 C 652.92 453.28 651.16 462.75 645.93 470.36 C 640.41 478.44 631.60 484.02 621.99 485.77 C 616.43 486.17 610.68 486.42 605.33 484.59 C 594.31 481.29 585.18 472.36 581.65 461.41 C 577.17 448.05 581.19 432.24 591.91 422.98 Z" /> <path fill="#6c3f4f" d=" M 484.00 421.82 C 488.29 419.70 492.52 417.46 496.69 415.10 C 500.39 422.78 504.28 430.37 508.08 438.00 C 500.05 437.99 492.03 438.01 484.01 437.99 C 483.99 432.60 484.00 427.21 484.00 421.82 Z" /> <path fill="#daba57" d=" M 598.79 432.81 C 603.17 435.57 608.09 437.33 613.21 438.10 C 608.87 439.44 605.45 442.86 604.11 447.20 C 603.32 442.09 601.59 437.16 598.79 432.81 Z" /> <path fill="#daba57" d=" M 618.77 438.10 C 623.89 437.34 628.82 435.57 633.21 432.81 C 630.40 437.17 628.66 442.10 627.90 447.22 C 626.56 442.86 623.13 439.43 618.77 438.10 Z" /> <path fill="#6c3f4f" d=" M 340.00 436.31 C 344.77 437.00 349.58 437.34 354.38 437.76 C 349.59 438.12 344.79 437.99 340.00 438.00 L 340.00 436.31 Z" /> <path fill="#f8efd8" d=" M 95.29 438.39 C 101.87 437.13 108.98 438.60 114.34 442.68 C 120.98 447.52 124.78 455.94 123.95 464.13 C 123.22 475.44 113.37 485.25 102.06 485.95 C 93.89 486.76 85.51 482.97 80.70 476.34 C 75.17 469.13 74.42 458.70 78.74 450.73 C 82.06 444.42 88.29 439.76 95.29 438.39 Z" /> <path fill="#ee5d46" d=" M 613.21 438.10 C 615.05 437.91 616.92 437.90 618.77 438.10 C 623.13 439.43 626.56 442.86 627.90 447.22 C 628.08 449.06 628.08 450.92 627.90 452.76 C 626.57 457.13 623.13 460.56 618.78 461.90 C 616.94 462.08 615.09 462.08 613.28 461.90 C 608.88 460.59 605.42 457.13 604.10 452.74 C 603.90 450.89 603.91 449.03 604.11 447.20 C 605.45 442.86 608.87 439.44 613.21 438.10 Z" /> <path fill="#7fa7a9" d=" M 651.71 442.80 C 659.77 443.96 667.41 447.15 674.99 450.05 C 704.53 462.18 730.39 483.29 748.01 509.94 C 717.35 510.09 686.69 509.96 656.03 510.01 C 649.92 509.90 643.79 510.28 637.69 509.73 C 642.40 507.79 646.23 503.30 646.04 498.00 C 646.08 488.79 646.21 479.57 645.93 470.36 C 651.16 462.75 652.92 453.28 651.78 444.21 L 651.71 442.80 Z" /> <path fill="#7fa7a9" d=" M 532.03 459.39 C 541.76 454.40 551.62 449.61 562.00 446.10 C 562.02 463.42 561.97 480.74 562.02 498.07 C 561.95 503.63 566.29 508.37 571.48 509.85 C 550.35 510.21 529.21 509.91 508.08 510.00 C 508.07 498.80 508.09 487.61 508.06 476.41 C 514.40 471.41 520.99 466.76 527.53 462.03 C 529.01 462.02 530.50 462.00 531.99 461.99 C 532.00 461.34 532.02 460.04 532.03 459.39 Z" /> <path fill="#daba57" d=" M 604.10 452.74 C 605.42 457.13 608.88 460.59 613.28 461.90 C 608.12 462.64 603.17 464.42 598.77 467.21 C 601.59 462.83 603.34 457.88 604.10 452.74 Z" /> <path fill="#daba57" d=" M 618.78 461.90 C 623.13 460.56 626.57 457.13 627.90 452.76 C 628.66 457.90 630.41 462.84 633.22 467.23 C 628.85 464.41 623.91 462.67 618.78 461.90 Z" /> <path fill="#ee5d46" d=" M 98.14 456.27 C 102.79 454.43 107.83 459.97 105.50 464.43 C 103.86 468.86 96.95 469.24 94.80 465.04 C 92.78 461.92 94.57 457.28 98.14 456.27 Z" /> <path fill="none" d=" M 158.47 457.08 C 162.89 461.30 167.10 465.73 171.48 469.98 C 162.01 474.94 153.36 481.35 145.91 489.02 C 150.10 478.38 154.37 467.76 158.47 457.08 Z" /> <path fill="#7fa7a9" d=" M 183.79 465.31 C 203.57 459.69 225.40 460.98 244.00 469.96 C 244.00 471.32 244.00 472.68 244.00 474.05 C 244.00 486.04 244.00 498.02 244.00 510.00 C 238.79 510.00 233.58 510.04 228.37 509.99 C 213.57 495.04 198.58 480.27 183.79 465.31 Z" /> <path fill="#6c3f4f" d=" M 243.99 462.02 C 284.02 461.99 324.05 461.99 364.07 462.03 C 364.05 469.95 364.12 477.88 364.03 485.80 C 364.00 487.73 363.97 489.68 364.03 491.62 C 364.09 497.74 364.08 503.87 364.06 510.00 C 356.04 510.00 348.02 509.99 340.00 510.00 C 339.99 498.02 340.03 486.04 339.98 474.06 C 332.01 474.06 324.04 474.03 316.08 474.08 C 316.02 486.05 316.08 498.02 316.05 510.00 C 308.04 510.00 300.02 509.99 292.00 510.00 C 291.99 498.02 292.03 486.04 291.98 474.06 C 275.99 474.04 259.99 474.07 244.00 474.05 C 244.00 472.68 244.00 471.32 244.00 469.96 C 244.00 467.31 243.99 464.66 243.99 462.02 Z" /> <path fill="none" d=" M 364.07 462.03 C 372.04 462.07 380.02 462.08 387.99 462.02 C 388.00 466.03 388.00 470.04 388.00 474.05 C 388.02 484.48 387.96 494.91 388.02 505.33 C 386.16 499.45 383.06 493.71 377.80 490.22 C 373.84 487.25 368.88 486.15 364.03 485.80 C 364.12 477.88 364.05 469.95 364.07 462.03 Z" /> <path fill="#6c3f4f" d=" M 387.99 462.02 C 395.99 461.97 403.99 462.01 412.00 462.00 C 444.02 462.02 476.05 461.97 508.08 462.02 C 508.07 466.82 508.07 471.61 508.06 476.41 C 508.09 487.61 508.07 498.80 508.08 510.00 C 500.05 510.00 492.03 510.00 484.00 510.00 C 483.99 498.02 484.03 486.04 483.98 474.06 C 476.01 474.05 468.04 474.04 460.08 474.08 C 460.02 486.05 460.08 498.03 460.06 510.00 C 452.04 510.00 444.02 510.00 436.00 510.00 C 435.99 498.02 436.03 486.04 435.98 474.06 C 419.98 474.04 403.99 474.07 388.00 474.05 C 388.00 470.04 388.00 466.03 387.99 462.02 Z" /> <path fill="none" d=" M 508.08 462.02 C 514.56 462.07 521.05 462.06 527.53 462.03 C 520.99 466.76 514.40 471.41 508.06 476.41 C 508.07 471.61 508.07 466.82 508.08 462.02 Z" /> <path fill="#7fa7a9" d=" M 171.48 469.98 C 184.85 483.26 198.21 496.55 211.44 509.96 C 186.83 510.05 162.22 510.02 137.61 509.98 C 140.26 502.95 142.98 495.94 145.91 489.02 C 153.36 481.35 162.01 474.94 171.48 469.98 Z" /> <path fill="#6c3f4f" d=" M 621.99 485.77 C 631.60 484.02 640.41 478.44 645.93 470.36 C 646.21 479.57 646.08 488.79 646.04 498.00 C 646.23 503.30 642.40 507.79 637.69 509.73 C 631.38 510.29 625.02 509.92 618.69 509.95 C 630.56 508.61 640.14 497.84 640.10 485.90 C 633.27 486.06 626.64 489.00 621.99 494.02 C 622.00 491.27 622.00 488.51 621.99 485.77 Z" /> <path fill="#ee5d46" d=" M 244.00 474.05 C 259.99 474.07 275.99 474.04 291.98 474.06 C 292.03 486.04 291.99 498.02 292.00 510.00 C 276.00 510.00 260.00 510.00 244.00 510.00 C 244.00 498.02 244.00 486.04 244.00 474.05 Z" /> <path fill="#ee5d46" d=" M 316.08 474.08 C 324.04 474.03 332.01 474.06 339.98 474.06 C 340.03 486.04 339.99 498.02 340.00 510.00 C 332.02 510.00 324.04 510.00 316.05 510.00 C 316.08 498.02 316.02 486.05 316.08 474.08 Z" /> <path fill="#ee5d46" d=" M 388.00 474.05 C 403.99 474.07 419.98 474.04 435.98 474.06 C 436.03 486.04 435.99 498.02 436.00 510.00 C 421.44 509.94 406.88 510.10 392.32 509.92 C 403.41 507.68 412.45 497.41 412.09 485.91 C 400.58 485.56 390.15 494.63 388.13 505.84 L 388.02 505.33 C 387.96 494.91 388.02 484.48 388.00 474.05 Z" /> <path fill="#ee5d46" d=" M 460.08 474.08 C 468.04 474.04 476.01 474.05 483.98 474.06 C 484.03 486.04 483.99 498.02 484.00 510.00 C 476.02 510.00 468.04 510.00 460.06 510.00 C 460.08 498.03 460.02 486.05 460.08 474.08 Z" /> <path fill="#7fa7a9" d=" M 75.93 485.94 C 83.53 485.71 90.92 489.59 95.40 495.66 C 97.53 498.41 98.56 501.78 99.97 504.91 C 103.04 494.36 112.64 485.49 124.06 485.93 C 124.29 494.24 119.64 502.32 112.55 506.58 C 106.79 510.25 99.41 510.93 92.91 509.08 C 83.03 506.13 75.61 496.33 75.93 485.94 Z" /> <path fill="#7fa7a9" d=" M 364.03 485.80 C 368.88 486.15 373.84 487.25 377.80 490.22 C 383.06 493.71 386.16 499.45 388.02 505.33 L 388.13 505.84 C 390.15 494.63 400.58 485.56 412.09 485.91 C 412.45 497.41 403.41 507.68 392.32 509.92 C 385.59 510.67 378.38 509.35 373.06 504.93 C 368.66 501.61 366.08 496.60 364.03 491.62 C 363.97 489.68 364.00 487.73 364.03 485.80 Z" /> <path fill="#7fa7a9" d=" M 591.91 485.91 C 603.54 485.53 613.70 494.73 616.04 505.86 C 617.23 501.57 618.87 497.30 621.99 494.02 C 626.64 489.00 633.27 486.06 640.10 485.90 C 640.14 497.84 630.56 508.61 618.69 509.95 C 616.35 510.13 613.99 510.19 611.66 509.92 C 600.59 507.67 591.54 497.41 591.91 485.91 Z" /> </svg> <div class="arrow __1"> <svg viewBox="0 0 50 300"> <path fill="#daba57" d="m18.944799,15.158055c4.030001,-0.072814 8.07,-0.072814 12.1101,0c-0.1001,43.760486 -0.059999,87.539226 -0.0401,131.300181c0.01,45.527466 0.01,91.056107 0,136.584763c-4.019899,0 -8.039999,0 -12.049999,0c0,-45.528641 0,-91.057297 0,-136.603683c-0.01,-43.760246 0.040001,-87.520611 -0.02,-131.281115l0,0l0,0l0,-0.000117l0,0l0,0l0,0l0,-0.000012l0,-0.000011l0,-0.000005z"/> <path fill="#6c3f4f" d="m18.96484,6.03906c-0.159969,-3.25 2.780029,-6.12 6,-6.04c3.219971,-0.08 6.099979,2.78 6.03998,6.01c0.090031,3.02 0.040041,6.04 0.050051,9.050001c-4.040041,-0.03999 -8.080021,-0.03999 -12.11005,0c0.020021,-3.00999 -0.02997,-6.02 0.020021,-9.020001l-0.000002,0z"/> <path fill="#daba57" transform="rotate(180, 25, 289.529)" d="m18.96484,288.03906c-0.15997,-3.25 2.78003,-6.12 6,-6.04001c3.21997,-0.07999 6.09998,2.78 6.03998,6.01001c0.09003,3.01999 0.04004,6.04001 0.05005,9.04999c-4.04004,-0.03998 -8.08002,-0.03998 -12.11005,0c0.02002,-3.00998 -0.02997,-6.01999 0.02002,-9.01999l0,0z"/> <path fill="#7fa7a9" d="m0.9646,4.99985c2.91003,1.48 5.85004,2.92 8.75,4.439991c3.06,1.59 6.150022,3.12 9.23999,4.67c0.059999,24.009991 0.01001,48.02 0.02002,72.030006c-2.909967,-1.469986 -5.830018,-2.920006 -8.719969,-4.420006c-3.09003,-1.590004 -6.200009,-3.129997 -9.290041,-4.710014c0.01001,-20.969986 0,-41.949997 0.01001,-62.929989c-0.02002,-3.02 0.03998,-6.049999 -0.01001,-9.07999l0,0.000002z"/> <path fill="#7fa7a9" d="m40.244629,9.45985c2.88995,-1.51 5.82996,-2.95 8.73999,-4.420012c-0.070007,3.02 0,6.03001 0.01001,9.05c0.049992,20.98 0.060001,41.960011 0,62.92999c-3.090031,1.590012 -6.189999,3.12001 -9.27002,4.710014c-2.890011,1.5 -5.799988,2.949997 -8.70001,4.420006c-0.019958,-24.009991 -0.059999,-48.03001 0.040041,-72.040009c3.060001,-1.55 6.12994,-3.07 9.179989,-4.64999l0,0.000001z"/> </svg> </div> <div class="arrow __2"> <svg viewBox="0 0 50 300"> <path fill="#daba57" d="m18.944799,15.158055c4.030001,-0.072814 8.07,-0.072814 12.1101,0c-0.1001,43.760486 -0.059999,87.539226 -0.0401,131.300181c0.01,45.527466 0.01,91.056107 0,136.584763c-4.019899,0 -8.039999,0 -12.049999,0c0,-45.528641 0,-91.057297 0,-136.603683c-0.01,-43.760246 0.040001,-87.520611 -0.02,-131.281115l0,0l0,0l0,-0.000117l0,0l0,0l0,0l0,-0.000012l0,-0.000011l0,-0.000005z"/> <path fill="#6c3f4f" d="m18.96484,6.03906c-0.159969,-3.25 2.780029,-6.12 6,-6.04c3.219971,-0.08 6.099979,2.78 6.03998,6.01c0.090031,3.02 0.040041,6.04 0.050051,9.050001c-4.040041,-0.03999 -8.080021,-0.03999 -12.11005,0c0.020021,-3.00999 -0.02997,-6.02 0.020021,-9.020001l-0.000002,0z"/> <path fill="#daba57" transform="rotate(180, 25, 289.529)" d="m18.96484,288.03906c-0.15997,-3.25 2.78003,-6.12 6,-6.04001c3.21997,-0.07999 6.09998,2.78 6.03998,6.01001c0.09003,3.01999 0.04004,6.04001 0.05005,9.04999c-4.04004,-0.03998 -8.08002,-0.03998 -12.11005,0c0.02002,-3.00998 -0.02997,-6.01999 0.02002,-9.01999l0,0z"/> <path fill="#7fa7a9" d="m0.9646,4.99985c2.91003,1.48 5.85004,2.92 8.75,4.439991c3.06,1.59 6.150022,3.12 9.23999,4.67c0.059999,24.009991 0.01001,48.02 0.02002,72.030006c-2.909967,-1.469986 -5.830018,-2.920006 -8.719969,-4.420006c-3.09003,-1.590004 -6.200009,-3.129997 -9.290041,-4.710014c0.01001,-20.969986 0,-41.949997 0.01001,-62.929989c-0.02002,-3.02 0.03998,-6.049999 -0.01001,-9.07999l0,0.000002z"/> <path fill="#7fa7a9" d="m40.244629,9.45985c2.88995,-1.51 5.82996,-2.95 8.73999,-4.420012c-0.070007,3.02 0,6.03001 0.01001,9.05c0.049992,20.98 0.060001,41.960011 0,62.92999c-3.090031,1.590012 -6.189999,3.12001 -9.27002,4.710014c-2.890011,1.5 -5.799988,2.949997 -8.70001,4.420006c-0.019958,-24.009991 -0.059999,-48.03001 0.040041,-72.040009c3.060001,-1.55 6.12994,-3.07 9.179989,-4.64999l0,0.000001z"/> </svg> </div> <div class="arrow __3"> <svg viewBox="0 0 50 300"> <path fill="#daba57" d="m18.944799,15.158055c4.030001,-0.072814 8.07,-0.072814 12.1101,0c-0.1001,43.760486 -0.059999,87.539226 -0.0401,131.300181c0.01,45.527466 0.01,91.056107 0,136.584763c-4.019899,0 -8.039999,0 -12.049999,0c0,-45.528641 0,-91.057297 0,-136.603683c-0.01,-43.760246 0.040001,-87.520611 -0.02,-131.281115l0,0l0,0l0,-0.000117l0,0l0,0l0,0l0,-0.000012l0,-0.000011l0,-0.000005z"/> <path fill="#6c3f4f" d="m18.96484,6.03906c-0.159969,-3.25 2.780029,-6.12 6,-6.04c3.219971,-0.08 6.099979,2.78 6.03998,6.01c0.090031,3.02 0.040041,6.04 0.050051,9.050001c-4.040041,-0.03999 -8.080021,-0.03999 -12.11005,0c0.020021,-3.00999 -0.02997,-6.02 0.020021,-9.020001l-0.000002,0z"/> <path fill="#daba57" transform="rotate(180, 25, 289.529)" d="m18.96484,288.03906c-0.15997,-3.25 2.78003,-6.12 6,-6.04001c3.21997,-0.07999 6.09998,2.78 6.03998,6.01001c0.09003,3.01999 0.04004,6.04001 0.05005,9.04999c-4.04004,-0.03998 -8.08002,-0.03998 -12.11005,0c0.02002,-3.00998 -0.02997,-6.01999 0.02002,-9.01999l0,0z"/> <path fill="#ee5d46" d="m0.9646,4.99985c2.91003,1.48 5.85004,2.92 8.75,4.439991c3.06,1.59 6.150022,3.12 9.23999,4.67c0.059999,24.009991 0.01001,48.02 0.02002,72.030006c-2.909967,-1.469986 -5.830018,-2.920006 -8.719969,-4.420006c-3.09003,-1.590004 -6.200009,-3.129997 -9.290041,-4.710014c0.01001,-20.969986 0,-41.949997 0.01001,-62.929989c-0.02002,-3.02 0.03998,-6.049999 -0.01001,-9.07999l0,0.000002z"/> <path fill="#ee5d46" d="m40.244629,9.45985c2.88995,-1.51 5.82996,-2.95 8.73999,-4.420012c-0.070007,3.02 0,6.03001 0.01001,9.05c0.049992,20.98 0.060001,41.960011 0,62.92999c-3.090031,1.590012 -6.189999,3.12001 -9.27002,4.710014c-2.890011,1.5 -5.799988,2.949997 -8.70001,4.420006c-0.019958,-24.009991 -0.059999,-48.03001 0.040041,-72.040009c3.060001,-1.55 6.12994,-3.07 9.179989,-4.64999l0,0.000001z"/> </svg> </div> </main> <script src="js/index.js"></script>
</body>
</html>

Archery - Script Codes CSS Codes

@-webkit-keyframes path-random { 1%, 100% { fill: none; }
}
@keyframes path-random { 1%, 100% { fill: none; }
}
@-webkit-keyframes shot { 0% { opacity: 1; } 5% { opacity: 1; -webkit-transform: rotate(-93deg); transform: rotate(-93deg); } 10% { opacity: 1; -webkit-transform: rotate(-87deg); transform: rotate(-87deg); } 20% { opacity: 1; -webkit-transform: rotate(-92.5deg); transform: rotate(-92.5deg); } 30% { opacity: 1; -webkit-transform: rotate(-88.5deg); transform: rotate(-88.5deg); } 40% { opacity: 1; -webkit-transform: rotate(-91deg); transform: rotate(-91deg); } 50% { opacity: 1; -webkit-transform: rotate(-89deg); transform: rotate(-89deg); } 60% { opacity: 1; -webkit-transform: rotate(-90.5deg); transform: rotate(-90.5deg); } 70% { opacity: 1; -webkit-transform: rotate(-89.5deg); transform: rotate(-89.5deg); } 80% { opacity: 1; -webkit-transform: rotate(-90.3deg); transform: rotate(-90.3deg); } 90% { opacity: 1; -webkit-transform: rotate(-89.7deg); transform: rotate(-89.7deg); } 100% { opacity: 1; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
}
@keyframes shot { 0% { opacity: 1; } 5% { opacity: 1; -webkit-transform: rotate(-93deg); transform: rotate(-93deg); } 10% { opacity: 1; -webkit-transform: rotate(-87deg); transform: rotate(-87deg); } 20% { opacity: 1; -webkit-transform: rotate(-92.5deg); transform: rotate(-92.5deg); } 30% { opacity: 1; -webkit-transform: rotate(-88.5deg); transform: rotate(-88.5deg); } 40% { opacity: 1; -webkit-transform: rotate(-91deg); transform: rotate(-91deg); } 50% { opacity: 1; -webkit-transform: rotate(-89deg); transform: rotate(-89deg); } 60% { opacity: 1; -webkit-transform: rotate(-90.5deg); transform: rotate(-90.5deg); } 70% { opacity: 1; -webkit-transform: rotate(-89.5deg); transform: rotate(-89.5deg); } 80% { opacity: 1; -webkit-transform: rotate(-90.3deg); transform: rotate(-90.3deg); } 90% { opacity: 1; -webkit-transform: rotate(-89.7deg); transform: rotate(-89.7deg); } 100% { opacity: 1; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
}
* { margin: 0; padding: 0; outline: 0; overflow: hidden; box-sizing: border-box;
}
html, body, svg { width: 100%; height: 100%;
}
body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #a3d0c3;
}
main { width: 120vmin; height: 100vmin;
}
#svg_1 path:nth-child(1) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 1s; animation-duration: 1s;
}
#svg_1 path:nth-child(2) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.5s; animation-duration: 0.5s;
}
#svg_1 path:nth-child(3) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 1s; animation-duration: 1s;
}
#svg_1 path:nth-child(4) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.2s; animation-duration: 0.2s;
}
#svg_1 path:nth-child(5) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.1s; animation-duration: 0.1s;
}
#svg_1 path:nth-child(6) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.7s; animation-duration: 0.7s;
}
#svg_1 path:nth-child(7) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 1s; animation-duration: 1s;
}
#svg_1 path:nth-child(8) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 1s; animation-duration: 1s;
}
#svg_1 path:nth-child(9) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.2s; animation-duration: 0.2s;
}
#svg_1 path:nth-child(10) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.8s; animation-duration: 0.8s;
}
#svg_1 path:nth-child(11) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.9s; animation-duration: 0.9s;
}
#svg_1 path:nth-child(12) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.8s; animation-duration: 0.8s;
}
#svg_1 path:nth-child(13) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.4s; animation-duration: 0.4s;
}
#svg_1 path:nth-child(14) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.3s; animation-duration: 0.3s;
}
#svg_1 path:nth-child(15) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 1s; animation-duration: 1s;
}
#svg_1 path:nth-child(16) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.6s; animation-duration: 0.6s;
}
#svg_1 path:nth-child(17) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 1s; animation-duration: 1s;
}
#svg_1 path:nth-child(18) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.7s; animation-duration: 0.7s;
}
#svg_1 path:nth-child(19) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.1s; animation-duration: 0.1s;
}
#svg_1 path:nth-child(20) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.7s; animation-duration: 0.7s;
}
#svg_1 path:nth-child(21) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.4s; animation-duration: 0.4s;
}
#svg_1 path:nth-child(22) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.1s; animation-duration: 0.1s;
}
#svg_1 path:nth-child(23) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.5s; animation-duration: 0.5s;
}
#svg_1 path:nth-child(24) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.6s; animation-duration: 0.6s;
}
#svg_1 path:nth-child(25) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.8s; animation-duration: 0.8s;
}
#svg_1 path:nth-child(26) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.1s; animation-duration: 0.1s;
}
#svg_1 path:nth-child(27) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.5s; animation-duration: 0.5s;
}
#svg_1 path:nth-child(28) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.9s; animation-duration: 0.9s;
}
#svg_1 path:nth-child(29) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.7s; animation-duration: 0.7s;
}
#svg_1 path:nth-child(30) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.8s; animation-duration: 0.8s;
}
#svg_1 path:nth-child(31) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.3s; animation-duration: 0.3s;
}
#svg_1 path:nth-child(32) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.4s; animation-duration: 0.4s;
}
#svg_1 path:nth-child(33) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.9s; animation-duration: 0.9s;
}
#svg_1 path:nth-child(34) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.8s; animation-duration: 0.8s;
}
#svg_1 path:nth-child(35) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.7s; animation-duration: 0.7s;
}
#svg_1 path:nth-child(36) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.7s; animation-duration: 0.7s;
}
#svg_1 path:nth-child(37) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.4s; animation-duration: 0.4s;
}
#svg_1 path:nth-child(38) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.2s; animation-duration: 0.2s;
}
#svg_1 path:nth-child(39) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.1s; animation-duration: 0.1s;
}
#svg_1 path:nth-child(40) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.4s; animation-duration: 0.4s;
}
#svg_1 path:nth-child(41) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.3s; animation-duration: 0.3s;
}
#svg_1 path:nth-child(42) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.2s; animation-duration: 0.2s;
}
#svg_1 path:nth-child(43) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.8s; animation-duration: 0.8s;
}
#svg_1 path:nth-child(44) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.9s; animation-duration: 0.9s;
}
#svg_1 path:nth-child(45) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.7s; animation-duration: 0.7s;
}
#svg_1 path:nth-child(46) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 1s; animation-duration: 1s;
}
#svg_1 path:nth-child(47) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.5s; animation-duration: 0.5s;
}
#svg_1 path:nth-child(48) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.5s; animation-duration: 0.5s;
}
#svg_1 path:nth-child(49) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.8s; animation-duration: 0.8s;
}
#svg_1 path:nth-child(50) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.5s; animation-duration: 0.5s;
}
#svg_1 path:nth-child(51) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 1s; animation-duration: 1s;
}
#svg_1 path:nth-child(52) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 1s; animation-duration: 1s;
}
#svg_1 path:nth-child(53) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.6s; animation-duration: 0.6s;
}
#svg_1 path:nth-child(54) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.4s; animation-duration: 0.4s;
}
#svg_1 path:nth-child(55) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.3s; animation-duration: 0.3s;
}
#svg_1 path:nth-child(56) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.4s; animation-duration: 0.4s;
}
#svg_1 path:nth-child(57) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.3s; animation-duration: 0.3s;
}
#svg_1 path:nth-child(58) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 1s; animation-duration: 1s;
}
#svg_1 path:nth-child(59) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.6s; animation-duration: 0.6s;
}
#svg_1 path:nth-child(60) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.4s; animation-duration: 0.4s;
}
#svg_1 path:nth-child(61) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.6s; animation-duration: 0.6s;
}
#svg_1 path:nth-child(62) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 1s; animation-duration: 1s;
}
#svg_1 path:nth-child(63) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.8s; animation-duration: 0.8s;
}
#svg_1 path:nth-child(64) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.9s; animation-duration: 0.9s;
}
#svg_1 path:nth-child(65) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.4s; animation-duration: 0.4s;
}
#svg_1 path:nth-child(66) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.1s; animation-duration: 0.1s;
}
#svg_1 path:nth-child(67) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.3s; animation-duration: 0.3s;
}
#svg_1 path:nth-child(68) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.3s; animation-duration: 0.3s;
}
#svg_1 path:nth-child(69) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.7s; animation-duration: 0.7s;
}
#svg_1 path:nth-child(70) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.8s; animation-duration: 0.8s;
}
#svg_1 path:nth-child(71) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.5s; animation-duration: 0.5s;
}
#svg_1 path:nth-child(72) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.7s; animation-duration: 0.7s;
}
#svg_1 path:nth-child(73) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.6s; animation-duration: 0.6s;
}
#svg_1 path:nth-child(74) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.6s; animation-duration: 0.6s;
}
#svg_1 path:nth-child(75) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.4s; animation-duration: 0.4s;
}
#svg_1 path:nth-child(76) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.4s; animation-duration: 0.4s;
}
#svg_1 path:nth-child(77) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.7s; animation-duration: 0.7s;
}
#svg_1 path:nth-child(78) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.6s; animation-duration: 0.6s;
}
#svg_1 path:nth-child(79) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.3s; animation-duration: 0.3s;
}
#svg_1 path:nth-child(80) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.8s; animation-duration: 0.8s;
}
#svg_1 path:nth-child(81) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.8s; animation-duration: 0.8s;
}
#svg_1 path:nth-child(82) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.9s; animation-duration: 0.9s;
}
#svg_1 path:nth-child(83) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.5s; animation-duration: 0.5s;
}
#svg_1 path:nth-child(84) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.6s; animation-duration: 0.6s;
}
#svg_1 path:nth-child(85) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.9s; animation-duration: 0.9s;
}
#svg_1 path:nth-child(86) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.9s; animation-duration: 0.9s;
}
#svg_1 path:nth-child(87) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 1s; animation-duration: 1s;
}
#svg_1 path:nth-child(88) { -webkit-animation-name: path-random; animation-name: path-random; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.1s; animation-duration: 0.1s;
}
.arrow { position: relative; width: 7vmin; height: 42vmin; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: bottom; transform-origin: bottom; opacity: 0;
}
.__1 { top: -114.8vmin; left: 40vmin; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-name: shot; animation-name: shot;
}
.__2 { top: -139vmin; left: 52vmin; -webkit-animation-delay: 7s; animation-delay: 7s; -webkit-animation-name: shot; animation-name: shot;
}
.__3 { top: -174vmin; left: 64vmin; -webkit-animation-delay: 4.5s; animation-delay: 4.5s; -webkit-animation-name: shot; animation-name: shot;
}

Archery - Script Codes JS Codes

// Pen based on:
// dribbble.com/shots/2483505-Slings-Arrows
Archery - Script Codes
Archery - Script Codes
Home Page Home
Developer Victor Freire
Username victorfreire
Uploaded September 15, 2022
Rating 4
Size 12,263 Kb
Views 26,312
Do you need developer help for Archery?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Victor Freire (victorfreire) Script Codes
Name
Save for later...
Google Dots Radio Buttons
Wi-Fi Icon Spinner inspired by Material Design
SCSS Grid
Clip-Path Polygons
Gooey Light Rings Loader
Search Box and Button Animated
Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!