Pen Settings

HTML

About HTML Preprocessors

HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug.

Learn more · Versions

Adding Classes

In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-up elements like the <html> tag. If you want to add classes there that can affect the whole document, this is the place to do it.

About the <head>

In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. If you need things in the <head> of the document, put that code here.

!
Insecure Resource

The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.

CSS

About CSS Preprocessors

CSS preprocessors help make authoring CSS easier. All of them offer things like variables and mixins to provide convenient abstractions.

Learn more · Versions

CSS Base

About CSS Base

It's a common practice to apply CSS to a page that styles elements such that they are consistent across all browsers. We offer two of the most popular choices: normalize.css and a reset. Or, choose Neither and nothing will be applied.

Vendor Prefixing

About Vendor Prefixing

To get the best cross-browser support, it is a common practice to apply vendor prefixes to CSS properties and values that require them to work. For instance -webkit- or -moz-.

We offer two popular choices: Autoprefixer (which processes your CSS server-side) and -prefix-free (which applies prefixes via a script, client-side).

Add External Stylesheets/Pens

Any URLs added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.

Powered by Algolia
About External Resources

You can apply CSS to your Pen from any stylesheet on the web. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself.

You can also link to another Pen here (use the .css URL Extension) and we'll pull the CSS from that Pen and include it. If it's using a matching preprocessor, use the appropriate URL Extension and we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.

Learn more

+ add another resource

JavaScript

About JavaScript Preprocessors

JavaScript preprocessors can help make authoring JavaScript easier and more convenient.

Learn more · Versions

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.

Powered by Algolia
About External Resources

You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you have them, before the JavaScript in the Pen itself.

If the script you link to has the file extension of a preprocessor, we'll attempt to process it before applying.

You can also link to another Pen here, and we'll pull the JavaScript from that Pen and include it. If it's using a matching preprocessor, we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.

Learn more

+ 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.

Powered by Algolia
About Packages

Using packages here is powered by esm.sh, which makes packages from npm not only available on a CDN, but prepares them for native JavaScript ESM usage.

All packages are different, so refer to their docs for how they work.

If you're using React / ReactDOM, make sure to turn on Babel for the JSX processing.

Behavior

Auto Save

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 

              
                <div class="wrap">

<svg id="svgg1" class="svgg" viewBox="0 0 870 872" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g id="Lines" stroke="none" stroke-width="2" fill="none" fill-rule="evenodd">
        <g stroke="#FFFFFF">
            <path class="line" d="M78.1902045,645.651222 C-3.3786415,473.111699 71.0498986,368.029959 124.278794,236.358865 C177.503434,104.679266 230.732329,15.815629 272.272059,46.9506444 C313.816044,78.0856598 346.679323,123.44447 381.538313,102.735985 C440.150097,67.9142645 467.221984,-14.4519262 508.548951,2.19565439 C536.114446,13.302546 591.87947,155.791378 635.772351,159.818264 C682.937518,164.138556 731.187774,87.8148206 798.046228,232.463799 C864.904682,377.112777 820.113943,480.897579 725.996371,689.113526 C711.715759,720.248542 675.358922,834.663983 619.542836,828.574753 C568.092634,822.957523 541.637758,755.912209 498.808689,766.30047 C458.677446,776.038135 411.916528,883.160958 366.555585,871.046282 C321.318046,858.965624 282.93571,723.84595 243.353394,713.151527 C194.026561,699.82921 159.976068,802.627489 78.1902045,645.651222 Z" id="Stroke-1" opacity="0.049999997"></path>
            <path class="line" d="M258.997861,61.0268336 C298.642136,88.5040092 332.653332,128.806698 368.766296,106.841945 C401.318168,87.0898053 425.263004,54.3762529 446.399809,31.2563543 C464.209525,11.7165576 480.789664,-1.04949956 500.543728,5.92808924 C530.419463,16.481533 588.337203,152.848165 636.103491,159.354352 C678.534522,164.072612 718.612764,111.165247 772.535444,195.932546 C779.529991,207.055069 786.852141,220.538845 794.484877,236.770339 C844.284859,342.9503 837.643443,429.624438 790.923784,549.377359 C774.777614,590.971093 753.394042,637.164175 728.334504,689.761519 C712.779721,721.154298 675.700964,831.683042 619.999866,827.138903 C568.978816,822.79012 541.698382,759.720022 498.973784,769.827546 C459.937916,779.247078 413.873465,880.95085 368.927971,869.029917 C324.348371,857.198169 286.142149,728.178603 246.961625,717.455285 C197.910451,704.00973 163.73758,800.88907 85.3339861,650.813578 C31.8240013,538.084962 45.396145,452.14553 75.1059505,367.335762 C88.7419131,328.409055 106.372936,290.059922 121.697971,249.103217 C170.298158,120.627248 219.196167,33.4392397 258.997861,61.0268336 Z" id="Stroke-3" opacity="0.100000001"></path>
            <path class="line" d="M246.762908,71.2500396 C284.499935,95.1457931 319.626491,130.472908 356.968121,107.202074 C390.334523,86.4989397 415.724961,53.7735331 437.476046,30.9533223 C455.711074,11.7125857 472.921471,-0.683788181 493.443849,5.68444502 C525.636815,15.6789151 585.647872,146.261705 637.249302,155.265656 C680.258288,160.877183 717.697705,114.560827 769.741299,196.854725 C776.616105,207.984254 783.950081,221.460421 791.662447,237.62332 C841.465459,342.567382 840.266514,431.089225 795.101976,548.578451 C779.383883,589.840181 757.483993,635.922723 731.430309,687.999396 C714.61956,719.717278 676.831515,826.812426 621.280366,823.602802 C570.71207,820.682257 542.634634,761.268087 500.033799,771.113767 C462.118205,780.245252 416.77085,876.763521 372.269559,865.009072 C328.36774,853.399162 290.354361,730.187878 251.601206,719.406944 C202.848335,705.803242 168.572094,796.986308 93.5954752,653.47575 C42.2789008,545.504864 52.4359262,459.844051 78.4981135,374.774148 C90.2834942,336.31393 106.337461,298.572158 120.227374,258.41998 C163.721041,132.696263 208.72827,47.1587328 246.762908,71.2500396 Z" id="Stroke-5" opacity="0.149999991"></path>
            <path class="line" d="M233.867427,85.3271836 C269.741066,105.603592 305.99738,135.852631 344.596515,111.330744 C378.79914,89.7382365 405.705433,57.1159745 428.040887,34.6021984 C446.749434,15.7480254 464.590585,3.67812807 485.875809,9.45197975 C520.431346,18.8344887 582.556478,143.358639 638.040076,154.838414 C681.652251,161.325506 716.492668,121.715186 766.691101,201.339148 C773.460194,212.453812 780.803299,225.890754 788.597109,241.947156 C838.455387,345.409484 842.439458,435.473079 799.044132,550.517074 C783.656352,591.320374 761.299638,637.209758 734.244528,688.639493 C716.165268,720.616442 677.646921,823.917442 622.193086,822.164059 C572.041424,820.580495 543.132467,765.053873 500.625798,774.623183 C463.795471,783.441043 419.128815,874.544781 375.036171,862.988587 C331.78116,851.623439 293.934619,734.50765 255.573594,723.694415 C207.080189,709.964535 172.677722,795.247721 101.062254,658.623955 C51.8927908,555.675331 58.6746391,470.561964 81.0908801,385.350952 C91.0574334,347.485523 105.594825,310.439472 117.984985,271.160298 C156.647899,148.580578 197.577098,64.8087828 233.867427,85.3271836 Z" id="Stroke-7" opacity="0.200000003"></path>
            <path class="line" d="M220.272508,97.6980821 C254.312697,114.444291 291.705426,139.704007 331.587032,113.840134 C366.644045,91.2693419 395.038523,58.6150855 418.012779,36.3591356 C437.170755,17.7962013 455.694813,6.01939586 477.737335,11.2440769 C514.708868,20.0086069 578.94744,138.942429 638.3444,152.935895 C682.59537,160.330435 714.840163,127.284753 763.230753,204.514729 C769.889032,215.65334 777.249303,229.102214 785.128622,245.103863 C835.059338,347.444643 844.41922,439.438171 802.589056,552.368716 C787.579209,592.877012 764.698552,638.716355 736.627416,689.678268 C717.265223,722.017682 678.004773,821.869506 622.61129,821.575936 C572.863517,821.316404 543.099092,769.503566 500.664791,778.821197 C464.905787,787.351723 420.897324,873.363247 377.19093,861.960849 C334.556667,850.805219 296.853361,739.385067 258.869258,728.497478 C210.610558,714.597614 176.05983,794.265491 107.775236,664.065418 C60.7290657,565.775043 64.1709496,480.984596 82.9162405,395.270896 C91.0891192,357.894005 104.099355,321.393566 114.990854,282.838143 C148.852354,162.998086 185.726035,80.7008503 220.272508,97.6980821 Z" id="Stroke-9" opacity="0.25"></path>
            <path class="line" d="M207.833289,109.670536 C240.042961,122.830234 278.509126,142.953835 319.633557,115.879062 C355.513762,92.4411351 385.3714,59.9047267 408.959785,38.011505 C428.558645,19.8272726 447.757702,8.37354019 470.533721,13.0458482 C509.88881,21.1258432 576.183826,133.935983 639.437786,150.380301 C684.275282,158.642775 713.903246,132.314892 760.437779,206.791736 C766.983492,217.90173 774.388356,231.277856 782.312114,247.170493 C832.491661,347.801229 847.007917,441.395919 806.77241,551.676817 C792.166836,591.703346 768.7741,637.267898 739.707561,687.53022 C719.083674,720.079359 679.11612,816.003838 623.832704,817.183585 C574.525068,818.236021 543.940128,770.388362 501.616288,779.414701 C466.952506,787.622006 423.646171,868.129141 380.361101,856.934274 C338.394532,846.04071 300.872583,740.831027 263.291088,729.933219 C215.314712,715.920538 180.646676,789.608056 115.755225,666.430569 C70.8751966,573.268736 71.0198063,489.26904 86.0251835,403.389388 C92.4347933,366.702646 103.875968,330.898592 113.258582,293.244288 C142.295348,176.725158 175.087711,96.29441 207.833289,109.670536 Z" id="Stroke-11" opacity="0.300000012"></path>
            <path class="line" d="M194.716063,121.113937 C225.10732,130.763344 264.564126,145.83496 306.896928,117.422582 C343.571197,93.0077545 374.863061,60.4277172 399.047772,38.8026696 C419.0608,20.9072516 438.920896,9.70560457 462.400414,13.869011 C504.117235,21.2687323 572.393483,128.522164 639.446263,147.493519 C684.833484,156.658116 711.821974,136.929778 756.453025,209.000512 C762.88897,220.129863 770.293493,233.513152 778.28851,249.35451 C828.480387,348.838234 848.327738,444.396704 809.716314,552.538953 C795.527497,592.272054 771.644405,637.78034 741.609993,687.566856 C719.740523,720.482858 679.111228,812.928341 623.983001,815.59054 C575.171772,817.946543 543.777952,773.850158 501.602331,782.627758 C468.067445,790.550563 425.500994,865.938414 382.679654,854.89837 C341.408889,844.219807 304.101646,744.727577 266.960082,733.755576 C219.308597,719.572777 184.550243,787.620444 123.105019,670.891967 C80.4323649,582.410012 77.3439607,498.86971 88.5420809,412.356761 C93.2192927,376.217203 103.045261,340.919682 110.908584,303.984866 C135.118784,190.254552 163.832022,111.30718 194.716063,121.113937 Z" id="Stroke-13" opacity="0.349999994"></path>
            <path class="line" d="M181.49262,135.191348 C210.205915,141.302092 250.718553,151.26443 294.371442,121.606728 C331.939564,96.2974629 364.750503,63.798838 389.604439,42.515275 C410.088405,24.972897 430.674493,14.0508451 454.924206,17.7028531 C499.121746,24.369891 569.573143,125.708867 640.607486,147.136812 C686.673007,157.179834 711.092924,144.117535 753.962878,213.522674 C760.29444,224.635819 767.728069,237.978388 775.812725,253.711748 C826.146094,351.695973 851.408517,448.869112 814.29569,554.484334 C800.483692,593.781639 776.0425,639.070785 744.959124,688.211526 C721.781691,721.381101 680.37974,809.993254 625.242384,814.137858 C576.785507,817.789866 544.506453,777.609285 502.355608,786.106573 C469.859545,793.712092 427.908689,863.703251 385.425948,852.861883 C344.738851,842.432427 307.536667,749.013213 270.73446,738.014723 C223.269018,723.703948 188.330537,785.873015 130.155052,676.019764 C89.5658226,592.541655 83.3108517,509.806687 90.6593787,422.918622 C93.6549566,387.477158 101.86301,352.795822 108.220103,316.708887 C127.69136,206.193179 152.438918,129.004167 181.49262,135.191348 Z" id="Stroke-15" opacity="0.400000006"></path>
            <path class="line" d="M166.973107,148.709054 C194.032942,151.304873 235.463128,156.177352 280.374199,125.176471 C318.778824,98.8863626 353.06426,66.3492682 378.545356,45.3359054 C399.468962,28.0758406 420.750018,17.3819198 445.728982,20.5564781 C492.350707,26.4800506 564.862043,122.291283 639.777658,146.257921 C686.454703,157.207168 708.263424,150.768687 749.293606,217.757824 C755.514942,228.894311 762.966078,242.239371 771.127858,257.924923 C821.528343,354.75746 852.175447,453.896447 816.621913,557.354704 C803.213274,596.360068 778.24282,641.586884 746.157405,690.256352 C721.706106,723.789219 679.590807,808.876742 624.534958,814.536478 C576.517475,819.477044 543.389496,783.08452 501.333772,791.331563 C469.924959,798.65092 428.656477,863.499571 386.587987,852.814161 C346.545049,842.596849 309.51065,754.926274 273.097533,743.849363 C225.897079,729.372356 190.828656,785.871834 136.023873,682.50294 C97.5852056,603.734745 88.2489455,521.557943 91.6447228,433.942688 C92.9979274,399.086379 99.5384158,364.889663 104.372505,329.51419 C119.08754,221.843047 139.862208,146.113236 166.973107,148.709054 Z" id="Stroke-17" opacity="0.5"></path>
            <path class="line" d="M155.770819,161.952559 C180.878697,157.566593 223.466421,160.786939 269.600287,128.511164 C308.811947,101.30201 344.528488,68.800769 370.622824,48.1046253 C391.963457,31.1776046 413.924878,20.7253075 439.615276,23.4224001 C488.619221,28.5698479 563.122226,118.624661 641.851688,145.080842 C689.095318,156.911464 708.280203,157.128422 747.428084,221.535332 C753.538164,232.664029 760.996118,245.987836 769.232182,261.579073 C819.652033,357.032325 855.670465,457.901033 821.688727,558.944159 C808.703213,597.56278 783.225413,642.613584 750.1621,690.6933 C724.463198,724.509054 681.67138,805.847239 626.748694,813.028141 C579.203174,819.239112 545.259703,786.742125 503.331035,794.714288 C473.040006,801.733535 432.493228,861.261004 390.866449,850.761912 C351.501718,840.777565 314.666909,759.077783 278.682493,747.966102 C231.783273,733.344798 196.615235,784.03227 145.221683,687.413397 C108.969394,613.545393 96.6556907,532.160413 96.0093913,443.994416 C95.7585252,409.825572 100.588762,376.188489 103.88829,341.606998 C113.86341,237.058503 131.058374,166.27046 155.770819,161.952559 Z" id="Stroke-19" opacity="0.550000012"></path>
            <path class="line" d="M142.809746,172.198893 C166.786047,167.584852 209.768212,162.40522 257.155315,128.856681 C297.195184,100.730172 334.377797,68.2617865 361.100807,47.8919679 C382.874638,31.2984329 405.537111,21.0752504 431.949734,23.303598 C483.376115,27.6497263 559.922549,111.982477 642.532152,140.916975 C690.374205,153.636417 706.952251,160.500068 744.262419,222.319703 C750.257558,233.444431 757.728095,246.742223 766.044755,262.242847 C816.510212,356.309734 857.948948,458.90728 825.50292,557.528671 C812.925885,595.763544 786.921442,640.640933 752.855451,688.120897 C725.885833,722.22227 682.389192,799.801936 627.544307,808.502698 C580.442079,815.978719 545.657522,787.384427 503.827614,795.081581 C474.625764,801.79214 434.764473,856.012429 393.551087,845.699943 C354.8378,835.953048 318.173916,760.223251 282.585755,749.064503 C235.951234,734.308079 200.660704,779.181216 152.63582,689.303112 C118.535814,620.347661 103.343879,539.778437 98.5477683,451.044275 C96.7407231,417.56803 99.8360853,384.491527 101.592108,350.696339 C106.86868,249.293766 119.832635,176.621567 142.809746,172.198893 Z" id="Stroke-21" opacity="0.600000024"></path>
            <path class="line" d="M130.011151,184.641525 C152.543983,176.252709 196.281933,166.199749 244.96902,131.342111 C285.881323,102.264287 324.555238,69.7900775 351.935075,49.7224631 C374.161512,33.4342849 397.545442,23.4281425 424.708249,25.2029453 C478.595549,28.7270142 557.26258,107.456756 643.819293,138.90524 C692.310628,152.52483 706.294176,166.050785 741.789237,225.355586 C747.678839,236.489601 755.16425,249.777213 763.573103,265.205655 C814.128351,358.001879 861.032388,462.451364 830.090703,558.763145 C817.91574,596.659654 791.352957,641.412775 756.257911,688.357798 C727.997187,722.781312 683.748578,796.680355 628.946348,806.929096 C582.242319,815.666914 546.585549,790.947359 504.813637,798.38706 C476.676322,804.801035 437.470471,853.767717 396.630511,843.621122 C358.539599,834.104434 322.006198,764.257219 286.783488,753.042338 C240.3816,738.128887 204.929093,777.242646 160.237913,694.009928 C128.262143,629.878684 110.282688,550.029583 101.227001,460.621232 C97.9034612,427.79802 99.2269193,395.247201 99.431183,362.198415 C100.052485,263.830927 109.137961,192.413203 130.011151,184.641525 Z" id="Stroke-23" opacity="0.649999976"></path>
            <path class="line" d="M117.161711,197.698686 C138.189092,185.423227 182.642123,170.666333 232.54654,134.583537 C274.261122,104.6236 314.368353,72.2289665 342.360921,52.5176987 C365.004157,36.5753239 389.067645,26.7940481 416.94115,28.1197466 C473.202682,30.8008869 553.867883,103.748299 644.232468,137.638593 C693.286434,152.1193 704.652701,172.268218 738.275249,228.912088 C744.054058,240.02756 751.546525,253.271799 760.029765,268.589565 C810.584777,359.888555 862.90022,465.927442 833.495905,559.686622 C821.751188,597.150353 794.672854,641.66748 758.601009,687.956454 C729.090387,722.624321 684.161104,792.6399 629.494166,804.42672 C583.255189,814.386455 546.787885,793.621427 505.145592,800.7768 C478.122537,806.882661 439.626909,850.477748 399.234777,840.53076 C361.819221,831.259368 325.483737,767.464375 290.683315,756.221431 C244.580411,741.192599 209.031593,774.454035 167.742236,698.060657 C137.946714,638.914106 117.323297,559.967058 103.903193,470.125488 C99.1066537,438.032535 98.6304016,406.092548 97.2739336,373.867876 C93.2683132,278.787247 98.3922755,208.656944 117.161711,197.698686 Z" id="Stroke-25" opacity="0.699999988"></path>
            <path class="line" d="M103.511707,212.396245 C122.946606,196.06481 168.263515,176.672294 219.427905,139.228348 C261.980552,108.285471 303.555074,75.8397277 332.184338,56.4131528 C355.259558,40.7586457 380.027359,31.1709519 408.631106,32.0564938 C467.314293,33.8786665 550.046571,101.337373 644.299449,137.785085 C693.958379,153.184147 702.714715,180.027135 734.503745,234.215486 C740.172611,245.352878 747.674397,258.606205 756.239361,273.864772 C806.833887,364.002718 864.619751,472.01754 836.721954,563.564688 C825.396979,600.731903 797.767103,645.175036 760.696204,690.980541 C729.906562,726.006276 684.262193,792.392115 629.674369,805.764649 C583.864145,816.982932 546.555094,800.098033 505.006088,806.999299 C479.068792,812.810667 441.262173,851.195502 401.273913,841.411967 C364.500704,832.35645 328.33138,774.379001 293.922679,763.071313 C248.082686,747.868092 212.398171,775.396523 174.476729,705.570695 C146.834095,651.199275 123.669567,572.833076 105.75714,482.256618 C99.531168,450.768792 97.2261976,419.34057 94.2918256,387.818685 C85.7098508,295.684013 86.7432601,226.484025 103.511707,212.396245 Z" id="Stroke-27" opacity="0.5"></path>
            <path class="line" d="M89.8612714,225.19882 C107.587111,204.850719 153.951913,180.9712 206.439645,142.36329 C249.879236,110.584769 292.961159,78.2544648 322.268619,59.2094237 C345.798043,43.9207592 371.294639,34.5616517 400.670226,35.0158125 C461.839915,35.95809 546.734893,97.6008648 644.982798,136.425244 C695.307492,152.664675 701.468743,186.064592 731.448959,237.533317 C737.00984,248.632667 744.533635,261.824551 753.194302,276.951925 C803.876664,365.483564 867.222164,474.927822 840.784562,563.803265 C829.875698,600.48842 801.671046,644.631149 763.545375,689.7204 C731.448959,724.941205 685.020288,787.352233 630.467451,802.254649 C585.026624,814.665547 546.837084,801.753799 505.334859,808.366719 C480.455666,813.854849 443.288033,846.84305 403.663564,837.267473 C367.496549,828.477128 331.453014,776.605176 297.397942,765.280868 C251.765507,749.983715 215.91358,771.643364 181.317748,708.731485 C155.795605,659.393496 130.179786,581.956962 107.633949,491.150275 C99.9994469,460.407411 95.847947,429.656057 91.3089739,398.998083 C78.1774605,310.262708 74.9584514,242.308372 89.8612714,225.19882 Z" id="Stroke-29" opacity="0.649999976"></path>
            <path class="line" d="M78.608635,235.96889 C94.4566589,211.515327 141.907132,183.030816 195.60747,143.074264 C239.845792,110.312187 284.352149,77.9370473 314.274069,59.1854887 C338.214158,44.1842419 364.39637,35.8076953 394.471452,35.0338215 C457.982674,33.4010327 544.893663,91.2374725 646.937919,132.622715 C697.830285,149.779753 701.370031,189.885128 729.483788,238.885799 C734.933806,250.004921 742.460022,263.203296 751.194517,278.268324 C801.865649,365.622524 870.656709,477.030593 845.725321,563.661943 C835.254989,600.04677 806.520075,644.102303 767.421192,688.693594 C734.082906,724.270531 686.968539,783.008406 632.561953,799.519132 C587.579092,813.168226 548.590826,804.166627 507.220038,810.523448 C483.454384,815.72371 447.001802,843.481119 407.817828,834.067072 C372.331018,825.490678 336.482575,779.466445 302.854983,768.075192 C257.523253,752.601967 221.576956,768.517406 190.378685,712.198949 C167.029972,667.65443 139.128941,590.709259 111.878849,499.294348 C102.88483,469.126024 96.8732167,438.923684 90.7297142,408.984971 C73.120326,323.204032 65.4962565,256.200163 78.608635,235.96889 Z" id="Stroke-31" opacity="0.699999988"></path>
            <path class="line" d="M65.3540169,249.201911 C79.232071,220.751309 127.858392,187.682157 182.762779,146.467874 C227.793133,112.803877 273.711852,80.469785 304.243571,62.0593221 C328.590736,47.3793893 355.437226,38.4099715 386.228229,38.0105754 C452.107543,37.1607963 540.973845,87.684409 646.804102,131.528758 C698.24854,149.56107 699.183661,196.277672 725.426573,242.684106 C730.761016,253.794966 738.284494,266.962293 747.104391,281.93115 C797.741223,367.8863 871.985625,480.974894 848.543827,565.13701 C838.516774,601.13365 809.25597,644.986498 769.190262,688.971061 C734.612017,724.818989 686.810303,779.714715 632.55625,797.806511 C588.040213,812.652151 548.267793,807.600214 507.028932,813.684632 C484.373487,818.575111 448.643342,841.026273 409.908057,831.797672 C375.100282,823.465589 339.455149,783.411254 306.254083,771.981726 C261.23223,756.379783 225.187544,766.492153 197.388931,716.920293 C176.216928,677.28235 146.135768,600.950948 114.086602,509.238545 C103.76626,479.695977 95.894237,450.136413 88.1242269,420.99749 C66.0978636,338.369225 53.9625361,272.553839 65.3540169,249.201911 Z" id="Stroke-33" opacity="0.75"></path>
            <path class="line" d="M50.798178,262.7047 C62.6813072,230.289403 112.599807,192.544516 168.791612,150.0353 C214.68669,115.435466 262.091615,83.1009209 293.279513,65.0168659 C318.070766,50.6431235 345.622273,41.8667255 377.171684,41.0507118 C445.493298,39.2784319 536.483873,84.2484402 646.251834,130.591222 C698.335156,149.516791 696.655186,202.893441 721.07642,246.749931 C726.299213,257.859618 733.835686,271.01784 742.745906,285.901591 C793.425709,370.554518 873.247674,485.438206 851.2507,567.218085 C841.664239,602.859186 811.820317,646.554173 770.726976,689.977155 C734.86068,726.132514 686.29041,777.231126 632.123074,796.930208 C587.988775,812.986979 547.376033,811.886211 506.210389,817.696059 C484.630218,822.290386 449.563503,839.456425 411.217657,830.403773 C377.039838,822.303136 341.539308,788.175061 308.713971,776.699867 C263.928949,760.944852 227.739419,765.271424 203.292666,722.392451 C184.260095,687.622615 152.059962,611.733335 115.070851,519.719284 C103.421642,490.742295 93.6735632,461.812057 84.2529722,433.459829 C57.815774,353.864487 41.0628584,289.263397 50.798178,262.7047 Z" id="Stroke-35" opacity="0.800000012"></path>
            <path class="line" d="M39.7188895,276.179108 C49.5721458,239.872954 100.773357,197.396072 158.217374,153.614498 C204.940606,118.08606 253.764618,85.7067337 285.616534,68.0105119 C310.808891,53.909632 339.075872,45.3632578 371.361553,44.130812 C442.069405,41.4321806 535.128882,80.8406977 648.753896,129.666801 C701.435009,149.479429 697.148396,209.49954 719.721156,250.790724 C724.841277,261.899736 732.355608,275.057157 741.375356,289.829508 C791.913163,373.24484 877.420036,489.795964 856.87151,569.161224 C847.73269,604.438923 817.322402,647.961259 775.238749,690.803625 C738.10086,727.254272 688.7878,774.533443 634.750109,795.846256 C591.029208,813.087748 549.608959,815.947872 508.545928,821.493878 C488.056938,825.78619 453.683234,837.660168 415.750111,828.790808 C382.226926,820.920154 346.900642,792.731143 314.474625,781.20565 C269.962742,765.315599 233.649856,763.845163 212.574009,727.683504 C195.69547,697.794568 161.47486,622.271139 119.484763,530.079943 C106.539872,501.657193 94.9132849,473.374687 83.8395346,445.831648 C53.0465137,369.262765 31.6304589,305.987297 39.7188895,276.179108 Z" id="Stroke-37" opacity="0.849999964"></path>
            <path class="line" d="M27.9831101,288.550907 C35.8123379,248.422915 88.3319888,201.211264 147.063962,156.173974 C194.647795,119.740696 244.963348,87.4098248 277.467408,70.0446688 C303.112384,56.2765505 332.076272,47.9103589 365.120719,46.2668482 C438.268682,42.6315893 533.457624,76.465827 651.027946,127.750157 C704.339029,148.432062 697.445905,215.051578 718.184848,253.752646 C723.197256,264.853775 730.724378,277.980627 739.834365,292.65756 C790.447769,374.667472 881.534877,492.923802 862.400074,569.820569 C853.719843,604.712259 822.709293,648.033843 779.601736,690.272493 C741.17044,726.990307 691.080402,770.413814 637.135321,793.329534 C593.793738,811.747896 551.541438,818.568253 510.548623,823.838529 C491.145755,827.822026 457.43327,834.408809 419.891272,825.724108 C387.000006,818.092612 351.819541,795.856379 319.775023,784.292349 C275.501591,768.269181 239.040367,761.019897 221.32674,731.581095 C206.595877,706.58869 170.398464,631.382149 123.308213,539.179923 C109.062422,511.291202 95.5570043,483.69551 82.8004692,456.995893 C47.6625548,383.445602 21.5282523,321.633461 27.9831101,288.550907 Z" id="Stroke-39" opacity="0.900000036"></path>
            <path class="line" d="M14.4956175,300.599163 C20.3002917,256.586613 74.1126854,204.474325 134.108504,158.075245 C182.537531,120.656495 234.324246,88.2873188 267.462808,71.2157585 C293.545541,57.7431366 323.198744,49.5370464 356.992672,47.4823333 C432.538549,42.8921979 529.826421,71.2370288 651.290504,125.101992 C705.2178,146.708385 695.710731,220.090995 714.609967,256.293083 C719.512449,267.417461 727.049163,280.545504 736.241315,295.162469 C786.908801,375.968422 883.677486,496.23933 865.833645,570.82584 C857.67561,605.4284 826.022262,648.636932 781.904185,690.373557 C742.199192,727.451982 691.289135,767.010527 637.523554,791.701117 C594.528962,811.252796 551.513092,822.134693 510.612268,827.145981 C492.287542,830.838509 459.263882,832.135998 422.129287,823.619362 C389.880152,816.208781 354.864859,799.877428 323.207256,788.25107 C279.195569,772.051593 242.601439,758.99587 228.259979,736.215355 C215.680348,716.063852 177.579726,640.881772 125.350425,548.560067 C109.817389,521.100082 94.4418119,494.142076 79.9982165,468.234824 C40.5485613,397.481225 9.68250423,337.065003 14.4956175,300.599163 Z" id="Stroke-41" opacity="0.949999988"></path>
            <path class="line" d="M0.195566699,313.1947 C7.04216715,227.004882 180.832631,111.006619 256.587775,73.4431302 C342.917067,30.6373347 469.708959,42.0955805 650.588568,123.383225 C705.114571,145.866046 692.99579,225.856932 710.050591,259.479124 C741.032628,331.353575 887.560091,486.39916 868.254294,571.751399 C847.914487,661.686936 658.596836,812.502111 509.737529,829.793645 C456.943389,840.176219 262.242923,781.265105 234.333133,740.406573 C223.907917,725.147336 183.95594,650.054372 126.553429,557.91647 C64.15107,457.751419 -4.13196137,367.671325 0.195566699,313.1947 Z" id="Stroke-43"></path>
        </g>
    </g>
</svg>
  
</div>  

<div class="wrap">

<svg id="svgg2" class="svgg" viewBox="0 0 870 872" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g id="Lines" stroke="none" stroke-width="2" fill="none" fill-rule="evenodd">
        <g stroke="#FFFFFF">
            <path class="line" d="M78.1902045,645.651222 C-3.3786415,473.111699 71.0498986,368.029959 124.278794,236.358865 C177.503434,104.679266 230.732329,15.815629 272.272059,46.9506444 C313.816044,78.0856598 346.679323,123.44447 381.538313,102.735985 C440.150097,67.9142645 467.221984,-14.4519262 508.548951,2.19565439 C536.114446,13.302546 591.87947,155.791378 635.772351,159.818264 C682.937518,164.138556 731.187774,87.8148206 798.046228,232.463799 C864.904682,377.112777 820.113943,480.897579 725.996371,689.113526 C711.715759,720.248542 675.358922,834.663983 619.542836,828.574753 C568.092634,822.957523 541.637758,755.912209 498.808689,766.30047 C458.677446,776.038135 411.916528,883.160958 366.555585,871.046282 C321.318046,858.965624 282.93571,723.84595 243.353394,713.151527 C194.026561,699.82921 159.976068,802.627489 78.1902045,645.651222 Z" id="Stroke-1" opacity="0.049999997"></path>
            <path class="line" d="M258.997861,61.0268336 C298.642136,88.5040092 332.653332,128.806698 368.766296,106.841945 C401.318168,87.0898053 425.263004,54.3762529 446.399809,31.2563543 C464.209525,11.7165576 480.789664,-1.04949956 500.543728,5.92808924 C530.419463,16.481533 588.337203,152.848165 636.103491,159.354352 C678.534522,164.072612 718.612764,111.165247 772.535444,195.932546 C779.529991,207.055069 786.852141,220.538845 794.484877,236.770339 C844.284859,342.9503 837.643443,429.624438 790.923784,549.377359 C774.777614,590.971093 753.394042,637.164175 728.334504,689.761519 C712.779721,721.154298 675.700964,831.683042 619.999866,827.138903 C568.978816,822.79012 541.698382,759.720022 498.973784,769.827546 C459.937916,779.247078 413.873465,880.95085 368.927971,869.029917 C324.348371,857.198169 286.142149,728.178603 246.961625,717.455285 C197.910451,704.00973 163.73758,800.88907 85.3339861,650.813578 C31.8240013,538.084962 45.396145,452.14553 75.1059505,367.335762 C88.7419131,328.409055 106.372936,290.059922 121.697971,249.103217 C170.298158,120.627248 219.196167,33.4392397 258.997861,61.0268336 Z" id="Stroke-3" opacity="0.100000001"></path>
            <path class="line" d="M246.762908,71.2500396 C284.499935,95.1457931 319.626491,130.472908 356.968121,107.202074 C390.334523,86.4989397 415.724961,53.7735331 437.476046,30.9533223 C455.711074,11.7125857 472.921471,-0.683788181 493.443849,5.68444502 C525.636815,15.6789151 585.647872,146.261705 637.249302,155.265656 C680.258288,160.877183 717.697705,114.560827 769.741299,196.854725 C776.616105,207.984254 783.950081,221.460421 791.662447,237.62332 C841.465459,342.567382 840.266514,431.089225 795.101976,548.578451 C779.383883,589.840181 757.483993,635.922723 731.430309,687.999396 C714.61956,719.717278 676.831515,826.812426 621.280366,823.602802 C570.71207,820.682257 542.634634,761.268087 500.033799,771.113767 C462.118205,780.245252 416.77085,876.763521 372.269559,865.009072 C328.36774,853.399162 290.354361,730.187878 251.601206,719.406944 C202.848335,705.803242 168.572094,796.986308 93.5954752,653.47575 C42.2789008,545.504864 52.4359262,459.844051 78.4981135,374.774148 C90.2834942,336.31393 106.337461,298.572158 120.227374,258.41998 C163.721041,132.696263 208.72827,47.1587328 246.762908,71.2500396 Z" id="Stroke-5" opacity="0.149999991"></path>
            <path class="line" d="M233.867427,85.3271836 C269.741066,105.603592 305.99738,135.852631 344.596515,111.330744 C378.79914,89.7382365 405.705433,57.1159745 428.040887,34.6021984 C446.749434,15.7480254 464.590585,3.67812807 485.875809,9.45197975 C520.431346,18.8344887 582.556478,143.358639 638.040076,154.838414 C681.652251,161.325506 716.492668,121.715186 766.691101,201.339148 C773.460194,212.453812 780.803299,225.890754 788.597109,241.947156 C838.455387,345.409484 842.439458,435.473079 799.044132,550.517074 C783.656352,591.320374 761.299638,637.209758 734.244528,688.639493 C716.165268,720.616442 677.646921,823.917442 622.193086,822.164059 C572.041424,820.580495 543.132467,765.053873 500.625798,774.623183 C463.795471,783.441043 419.128815,874.544781 375.036171,862.988587 C331.78116,851.623439 293.934619,734.50765 255.573594,723.694415 C207.080189,709.964535 172.677722,795.247721 101.062254,658.623955 C51.8927908,555.675331 58.6746391,470.561964 81.0908801,385.350952 C91.0574334,347.485523 105.594825,310.439472 117.984985,271.160298 C156.647899,148.580578 197.577098,64.8087828 233.867427,85.3271836 Z" id="Stroke-7" opacity="0.200000003"></path>
            <path class="line" d="M220.272508,97.6980821 C254.312697,114.444291 291.705426,139.704007 331.587032,113.840134 C366.644045,91.2693419 395.038523,58.6150855 418.012779,36.3591356 C437.170755,17.7962013 455.694813,6.01939586 477.737335,11.2440769 C514.708868,20.0086069 578.94744,138.942429 638.3444,152.935895 C682.59537,160.330435 714.840163,127.284753 763.230753,204.514729 C769.889032,215.65334 777.249303,229.102214 785.128622,245.103863 C835.059338,347.444643 844.41922,439.438171 802.589056,552.368716 C787.579209,592.877012 764.698552,638.716355 736.627416,689.678268 C717.265223,722.017682 678.004773,821.869506 622.61129,821.575936 C572.863517,821.316404 543.099092,769.503566 500.664791,778.821197 C464.905787,787.351723 420.897324,873.363247 377.19093,861.960849 C334.556667,850.805219 296.853361,739.385067 258.869258,728.497478 C210.610558,714.597614 176.05983,794.265491 107.775236,664.065418 C60.7290657,565.775043 64.1709496,480.984596 82.9162405,395.270896 C91.0891192,357.894005 104.099355,321.393566 114.990854,282.838143 C148.852354,162.998086 185.726035,80.7008503 220.272508,97.6980821 Z" id="Stroke-9" opacity="0.25"></path>
            <path class="line" d="M207.833289,109.670536 C240.042961,122.830234 278.509126,142.953835 319.633557,115.879062 C355.513762,92.4411351 385.3714,59.9047267 408.959785,38.011505 C428.558645,19.8272726 447.757702,8.37354019 470.533721,13.0458482 C509.88881,21.1258432 576.183826,133.935983 639.437786,150.380301 C684.275282,158.642775 713.903246,132.314892 760.437779,206.791736 C766.983492,217.90173 774.388356,231.277856 782.312114,247.170493 C832.491661,347.801229 847.007917,441.395919 806.77241,551.676817 C792.166836,591.703346 768.7741,637.267898 739.707561,687.53022 C719.083674,720.079359 679.11612,816.003838 623.832704,817.183585 C574.525068,818.236021 543.940128,770.388362 501.616288,779.414701 C466.952506,787.622006 423.646171,868.129141 380.361101,856.934274 C338.394532,846.04071 300.872583,740.831027 263.291088,729.933219 C215.314712,715.920538 180.646676,789.608056 115.755225,666.430569 C70.8751966,573.268736 71.0198063,489.26904 86.0251835,403.389388 C92.4347933,366.702646 103.875968,330.898592 113.258582,293.244288 C142.295348,176.725158 175.087711,96.29441 207.833289,109.670536 Z" id="Stroke-11" opacity="0.300000012"></path>
            <path class="line" d="M194.716063,121.113937 C225.10732,130.763344 264.564126,145.83496 306.896928,117.422582 C343.571197,93.0077545 374.863061,60.4277172 399.047772,38.8026696 C419.0608,20.9072516 438.920896,9.70560457 462.400414,13.869011 C504.117235,21.2687323 572.393483,128.522164 639.446263,147.493519 C684.833484,156.658116 711.821974,136.929778 756.453025,209.000512 C762.88897,220.129863 770.293493,233.513152 778.28851,249.35451 C828.480387,348.838234 848.327738,444.396704 809.716314,552.538953 C795.527497,592.272054 771.644405,637.78034 741.609993,687.566856 C719.740523,720.482858 679.111228,812.928341 623.983001,815.59054 C575.171772,817.946543 543.777952,773.850158 501.602331,782.627758 C468.067445,790.550563 425.500994,865.938414 382.679654,854.89837 C341.408889,844.219807 304.101646,744.727577 266.960082,733.755576 C219.308597,719.572777 184.550243,787.620444 123.105019,670.891967 C80.4323649,582.410012 77.3439607,498.86971 88.5420809,412.356761 C93.2192927,376.217203 103.045261,340.919682 110.908584,303.984866 C135.118784,190.254552 163.832022,111.30718 194.716063,121.113937 Z" id="Stroke-13" opacity="0.349999994"></path>
            <path class="line" d="M181.49262,135.191348 C210.205915,141.302092 250.718553,151.26443 294.371442,121.606728 C331.939564,96.2974629 364.750503,63.798838 389.604439,42.515275 C410.088405,24.972897 430.674493,14.0508451 454.924206,17.7028531 C499.121746,24.369891 569.573143,125.708867 640.607486,147.136812 C686.673007,157.179834 711.092924,144.117535 753.962878,213.522674 C760.29444,224.635819 767.728069,237.978388 775.812725,253.711748 C826.146094,351.695973 851.408517,448.869112 814.29569,554.484334 C800.483692,593.781639 776.0425,639.070785 744.959124,688.211526 C721.781691,721.381101 680.37974,809.993254 625.242384,814.137858 C576.785507,817.789866 544.506453,777.609285 502.355608,786.106573 C469.859545,793.712092 427.908689,863.703251 385.425948,852.861883 C344.738851,842.432427 307.536667,749.013213 270.73446,738.014723 C223.269018,723.703948 188.330537,785.873015 130.155052,676.019764 C89.5658226,592.541655 83.3108517,509.806687 90.6593787,422.918622 C93.6549566,387.477158 101.86301,352.795822 108.220103,316.708887 C127.69136,206.193179 152.438918,129.004167 181.49262,135.191348 Z" id="Stroke-15" opacity="0.400000006"></path>
            <path class="line" d="M166.973107,148.709054 C194.032942,151.304873 235.463128,156.177352 280.374199,125.176471 C318.778824,98.8863626 353.06426,66.3492682 378.545356,45.3359054 C399.468962,28.0758406 420.750018,17.3819198 445.728982,20.5564781 C492.350707,26.4800506 564.862043,122.291283 639.777658,146.257921 C686.454703,157.207168 708.263424,150.768687 749.293606,217.757824 C755.514942,228.894311 762.966078,242.239371 771.127858,257.924923 C821.528343,354.75746 852.175447,453.896447 816.621913,557.354704 C803.213274,596.360068 778.24282,641.586884 746.157405,690.256352 C721.706106,723.789219 679.590807,808.876742 624.534958,814.536478 C576.517475,819.477044 543.389496,783.08452 501.333772,791.331563 C469.924959,798.65092 428.656477,863.499571 386.587987,852.814161 C346.545049,842.596849 309.51065,754.926274 273.097533,743.849363 C225.897079,729.372356 190.828656,785.871834 136.023873,682.50294 C97.5852056,603.734745 88.2489455,521.557943 91.6447228,433.942688 C92.9979274,399.086379 99.5384158,364.889663 104.372505,329.51419 C119.08754,221.843047 139.862208,146.113236 166.973107,148.709054 Z" id="Stroke-17" opacity="0.5"></path>
            <path class="line" d="M155.770819,161.952559 C180.878697,157.566593 223.466421,160.786939 269.600287,128.511164 C308.811947,101.30201 344.528488,68.800769 370.622824,48.1046253 C391.963457,31.1776046 413.924878,20.7253075 439.615276,23.4224001 C488.619221,28.5698479 563.122226,118.624661 641.851688,145.080842 C689.095318,156.911464 708.280203,157.128422 747.428084,221.535332 C753.538164,232.664029 760.996118,245.987836 769.232182,261.579073 C819.652033,357.032325 855.670465,457.901033 821.688727,558.944159 C808.703213,597.56278 783.225413,642.613584 750.1621,690.6933 C724.463198,724.509054 681.67138,805.847239 626.748694,813.028141 C579.203174,819.239112 545.259703,786.742125 503.331035,794.714288 C473.040006,801.733535 432.493228,861.261004 390.866449,850.761912 C351.501718,840.777565 314.666909,759.077783 278.682493,747.966102 C231.783273,733.344798 196.615235,784.03227 145.221683,687.413397 C108.969394,613.545393 96.6556907,532.160413 96.0093913,443.994416 C95.7585252,409.825572 100.588762,376.188489 103.88829,341.606998 C113.86341,237.058503 131.058374,166.27046 155.770819,161.952559 Z" id="Stroke-19" opacity="0.550000012"></path>
            <path class="line" d="M142.809746,172.198893 C166.786047,167.584852 209.768212,162.40522 257.155315,128.856681 C297.195184,100.730172 334.377797,68.2617865 361.100807,47.8919679 C382.874638,31.2984329 405.537111,21.0752504 431.949734,23.303598 C483.376115,27.6497263 559.922549,111.982477 642.532152,140.916975 C690.374205,153.636417 706.952251,160.500068 744.262419,222.319703 C750.257558,233.444431 757.728095,246.742223 766.044755,262.242847 C816.510212,356.309734 857.948948,458.90728 825.50292,557.528671 C812.925885,595.763544 786.921442,640.640933 752.855451,688.120897 C725.885833,722.22227 682.389192,799.801936 627.544307,808.502698 C580.442079,815.978719 545.657522,787.384427 503.827614,795.081581 C474.625764,801.79214 434.764473,856.012429 393.551087,845.699943 C354.8378,835.953048 318.173916,760.223251 282.585755,749.064503 C235.951234,734.308079 200.660704,779.181216 152.63582,689.303112 C118.535814,620.347661 103.343879,539.778437 98.5477683,451.044275 C96.7407231,417.56803 99.8360853,384.491527 101.592108,350.696339 C106.86868,249.293766 119.832635,176.621567 142.809746,172.198893 Z" id="Stroke-21" opacity="0.600000024"></path>
            <path class="line" d="M130.011151,184.641525 C152.543983,176.252709 196.281933,166.199749 244.96902,131.342111 C285.881323,102.264287 324.555238,69.7900775 351.935075,49.7224631 C374.161512,33.4342849 397.545442,23.4281425 424.708249,25.2029453 C478.595549,28.7270142 557.26258,107.456756 643.819293,138.90524 C692.310628,152.52483 706.294176,166.050785 741.789237,225.355586 C747.678839,236.489601 755.16425,249.777213 763.573103,265.205655 C814.128351,358.001879 861.032388,462.451364 830.090703,558.763145 C817.91574,596.659654 791.352957,641.412775 756.257911,688.357798 C727.997187,722.781312 683.748578,796.680355 628.946348,806.929096 C582.242319,815.666914 546.585549,790.947359 504.813637,798.38706 C476.676322,804.801035 437.470471,853.767717 396.630511,843.621122 C358.539599,834.104434 322.006198,764.257219 286.783488,753.042338 C240.3816,738.128887 204.929093,777.242646 160.237913,694.009928 C128.262143,629.878684 110.282688,550.029583 101.227001,460.621232 C97.9034612,427.79802 99.2269193,395.247201 99.431183,362.198415 C100.052485,263.830927 109.137961,192.413203 130.011151,184.641525 Z" id="Stroke-23" opacity="0.649999976"></path>
            <path class="line" d="M117.161711,197.698686 C138.189092,185.423227 182.642123,170.666333 232.54654,134.583537 C274.261122,104.6236 314.368353,72.2289665 342.360921,52.5176987 C365.004157,36.5753239 389.067645,26.7940481 416.94115,28.1197466 C473.202682,30.8008869 553.867883,103.748299 644.232468,137.638593 C693.286434,152.1193 704.652701,172.268218 738.275249,228.912088 C744.054058,240.02756 751.546525,253.271799 760.029765,268.589565 C810.584777,359.888555 862.90022,465.927442 833.495905,559.686622 C821.751188,597.150353 794.672854,641.66748 758.601009,687.956454 C729.090387,722.624321 684.161104,792.6399 629.494166,804.42672 C583.255189,814.386455 546.787885,793.621427 505.145592,800.7768 C478.122537,806.882661 439.626909,850.477748 399.234777,840.53076 C361.819221,831.259368 325.483737,767.464375 290.683315,756.221431 C244.580411,741.192599 209.031593,774.454035 167.742236,698.060657 C137.946714,638.914106 117.323297,559.967058 103.903193,470.125488 C99.1066537,438.032535 98.6304016,406.092548 97.2739336,373.867876 C93.2683132,278.787247 98.3922755,208.656944 117.161711,197.698686 Z" id="Stroke-25" opacity="0.699999988"></path>
            <path class="line" d="M103.511707,212.396245 C122.946606,196.06481 168.263515,176.672294 219.427905,139.228348 C261.980552,108.285471 303.555074,75.8397277 332.184338,56.4131528 C355.259558,40.7586457 380.027359,31.1709519 408.631106,32.0564938 C467.314293,33.8786665 550.046571,101.337373 644.299449,137.785085 C693.958379,153.184147 702.714715,180.027135 734.503745,234.215486 C740.172611,245.352878 747.674397,258.606205 756.239361,273.864772 C806.833887,364.002718 864.619751,472.01754 836.721954,563.564688 C825.396979,600.731903 797.767103,645.175036 760.696204,690.980541 C729.906562,726.006276 684.262193,792.392115 629.674369,805.764649 C583.864145,816.982932 546.555094,800.098033 505.006088,806.999299 C479.068792,812.810667 441.262173,851.195502 401.273913,841.411967 C364.500704,832.35645 328.33138,774.379001 293.922679,763.071313 C248.082686,747.868092 212.398171,775.396523 174.476729,705.570695 C146.834095,651.199275 123.669567,572.833076 105.75714,482.256618 C99.531168,450.768792 97.2261976,419.34057 94.2918256,387.818685 C85.7098508,295.684013 86.7432601,226.484025 103.511707,212.396245 Z" id="Stroke-27" opacity="0.5"></path>
            <path class="line" d="M89.8612714,225.19882 C107.587111,204.850719 153.951913,180.9712 206.439645,142.36329 C249.879236,110.584769 292.961159,78.2544648 322.268619,59.2094237 C345.798043,43.9207592 371.294639,34.5616517 400.670226,35.0158125 C461.839915,35.95809 546.734893,97.6008648 644.982798,136.425244 C695.307492,152.664675 701.468743,186.064592 731.448959,237.533317 C737.00984,248.632667 744.533635,261.824551 753.194302,276.951925 C803.876664,365.483564 867.222164,474.927822 840.784562,563.803265 C829.875698,600.48842 801.671046,644.631149 763.545375,689.7204 C731.448959,724.941205 685.020288,787.352233 630.467451,802.254649 C585.026624,814.665547 546.837084,801.753799 505.334859,808.366719 C480.455666,813.854849 443.288033,846.84305 403.663564,837.267473 C367.496549,828.477128 331.453014,776.605176 297.397942,765.280868 C251.765507,749.983715 215.91358,771.643364 181.317748,708.731485 C155.795605,659.393496 130.179786,581.956962 107.633949,491.150275 C99.9994469,460.407411 95.847947,429.656057 91.3089739,398.998083 C78.1774605,310.262708 74.9584514,242.308372 89.8612714,225.19882 Z" id="Stroke-29" opacity="0.649999976"></path>
            <path class="line" d="M78.608635,235.96889 C94.4566589,211.515327 141.907132,183.030816 195.60747,143.074264 C239.845792,110.312187 284.352149,77.9370473 314.274069,59.1854887 C338.214158,44.1842419 364.39637,35.8076953 394.471452,35.0338215 C457.982674,33.4010327 544.893663,91.2374725 646.937919,132.622715 C697.830285,149.779753 701.370031,189.885128 729.483788,238.885799 C734.933806,250.004921 742.460022,263.203296 751.194517,278.268324 C801.865649,365.622524 870.656709,477.030593 845.725321,563.661943 C835.254989,600.04677 806.520075,644.102303 767.421192,688.693594 C734.082906,724.270531 686.968539,783.008406 632.561953,799.519132 C587.579092,813.168226 548.590826,804.166627 507.220038,810.523448 C483.454384,815.72371 447.001802,843.481119 407.817828,834.067072 C372.331018,825.490678 336.482575,779.466445 302.854983,768.075192 C257.523253,752.601967 221.576956,768.517406 190.378685,712.198949 C167.029972,667.65443 139.128941,590.709259 111.878849,499.294348 C102.88483,469.126024 96.8732167,438.923684 90.7297142,408.984971 C73.120326,323.204032 65.4962565,256.200163 78.608635,235.96889 Z" id="Stroke-31" opacity="0.699999988"></path>
            <path class="line" d="M65.3540169,249.201911 C79.232071,220.751309 127.858392,187.682157 182.762779,146.467874 C227.793133,112.803877 273.711852,80.469785 304.243571,62.0593221 C328.590736,47.3793893 355.437226,38.4099715 386.228229,38.0105754 C452.107543,37.1607963 540.973845,87.684409 646.804102,131.528758 C698.24854,149.56107 699.183661,196.277672 725.426573,242.684106 C730.761016,253.794966 738.284494,266.962293 747.104391,281.93115 C797.741223,367.8863 871.985625,480.974894 848.543827,565.13701 C838.516774,601.13365 809.25597,644.986498 769.190262,688.971061 C734.612017,724.818989 686.810303,779.714715 632.55625,797.806511 C588.040213,812.652151 548.267793,807.600214 507.028932,813.684632 C484.373487,818.575111 448.643342,841.026273 409.908057,831.797672 C375.100282,823.465589 339.455149,783.411254 306.254083,771.981726 C261.23223,756.379783 225.187544,766.492153 197.388931,716.920293 C176.216928,677.28235 146.135768,600.950948 114.086602,509.238545 C103.76626,479.695977 95.894237,450.136413 88.1242269,420.99749 C66.0978636,338.369225 53.9625361,272.553839 65.3540169,249.201911 Z" id="Stroke-33" opacity="0.75"></path>
            <path class="line" d="M50.798178,262.7047 C62.6813072,230.289403 112.599807,192.544516 168.791612,150.0353 C214.68669,115.435466 262.091615,83.1009209 293.279513,65.0168659 C318.070766,50.6431235 345.622273,41.8667255 377.171684,41.0507118 C445.493298,39.2784319 536.483873,84.2484402 646.251834,130.591222 C698.335156,149.516791 696.655186,202.893441 721.07642,246.749931 C726.299213,257.859618 733.835686,271.01784 742.745906,285.901591 C793.425709,370.554518 873.247674,485.438206 851.2507,567.218085 C841.664239,602.859186 811.820317,646.554173 770.726976,689.977155 C734.86068,726.132514 686.29041,777.231126 632.123074,796.930208 C587.988775,812.986979 547.376033,811.886211 506.210389,817.696059 C484.630218,822.290386 449.563503,839.456425 411.217657,830.403773 C377.039838,822.303136 341.539308,788.175061 308.713971,776.699867 C263.928949,760.944852 227.739419,765.271424 203.292666,722.392451 C184.260095,687.622615 152.059962,611.733335 115.070851,519.719284 C103.421642,490.742295 93.6735632,461.812057 84.2529722,433.459829 C57.815774,353.864487 41.0628584,289.263397 50.798178,262.7047 Z" id="Stroke-35" opacity="0.800000012"></path>
            <path class="line" d="M39.7188895,276.179108 C49.5721458,239.872954 100.773357,197.396072 158.217374,153.614498 C204.940606,118.08606 253.764618,85.7067337 285.616534,68.0105119 C310.808891,53.909632 339.075872,45.3632578 371.361553,44.130812 C442.069405,41.4321806 535.128882,80.8406977 648.753896,129.666801 C701.435009,149.479429 697.148396,209.49954 719.721156,250.790724 C724.841277,261.899736 732.355608,275.057157 741.375356,289.829508 C791.913163,373.24484 877.420036,489.795964 856.87151,569.161224 C847.73269,604.438923 817.322402,647.961259 775.238749,690.803625 C738.10086,727.254272 688.7878,774.533443 634.750109,795.846256 C591.029208,813.087748 549.608959,815.947872 508.545928,821.493878 C488.056938,825.78619 453.683234,837.660168 415.750111,828.790808 C382.226926,820.920154 346.900642,792.731143 314.474625,781.20565 C269.962742,765.315599 233.649856,763.845163 212.574009,727.683504 C195.69547,697.794568 161.47486,622.271139 119.484763,530.079943 C106.539872,501.657193 94.9132849,473.374687 83.8395346,445.831648 C53.0465137,369.262765 31.6304589,305.987297 39.7188895,276.179108 Z" id="Stroke-37" opacity="0.849999964"></path>
            <path class="line" d="M27.9831101,288.550907 C35.8123379,248.422915 88.3319888,201.211264 147.063962,156.173974 C194.647795,119.740696 244.963348,87.4098248 277.467408,70.0446688 C303.112384,56.2765505 332.076272,47.9103589 365.120719,46.2668482 C438.268682,42.6315893 533.457624,76.465827 651.027946,127.750157 C704.339029,148.432062 697.445905,215.051578 718.184848,253.752646 C723.197256,264.853775 730.724378,277.980627 739.834365,292.65756 C790.447769,374.667472 881.534877,492.923802 862.400074,569.820569 C853.719843,604.712259 822.709293,648.033843 779.601736,690.272493 C741.17044,726.990307 691.080402,770.413814 637.135321,793.329534 C593.793738,811.747896 551.541438,818.568253 510.548623,823.838529 C491.145755,827.822026 457.43327,834.408809 419.891272,825.724108 C387.000006,818.092612 351.819541,795.856379 319.775023,784.292349 C275.501591,768.269181 239.040367,761.019897 221.32674,731.581095 C206.595877,706.58869 170.398464,631.382149 123.308213,539.179923 C109.062422,511.291202 95.5570043,483.69551 82.8004692,456.995893 C47.6625548,383.445602 21.5282523,321.633461 27.9831101,288.550907 Z" id="Stroke-39" opacity="0.900000036"></path>
            <path class="line" d="M14.4956175,300.599163 C20.3002917,256.586613 74.1126854,204.474325 134.108504,158.075245 C182.537531,120.656495 234.324246,88.2873188 267.462808,71.2157585 C293.545541,57.7431366 323.198744,49.5370464 356.992672,47.4823333 C432.538549,42.8921979 529.826421,71.2370288 651.290504,125.101992 C705.2178,146.708385 695.710731,220.090995 714.609967,256.293083 C719.512449,267.417461 727.049163,280.545504 736.241315,295.162469 C786.908801,375.968422 883.677486,496.23933 865.833645,570.82584 C857.67561,605.4284 826.022262,648.636932 781.904185,690.373557 C742.199192,727.451982 691.289135,767.010527 637.523554,791.701117 C594.528962,811.252796 551.513092,822.134693 510.612268,827.145981 C492.287542,830.838509 459.263882,832.135998 422.129287,823.619362 C389.880152,816.208781 354.864859,799.877428 323.207256,788.25107 C279.195569,772.051593 242.601439,758.99587 228.259979,736.215355 C215.680348,716.063852 177.579726,640.881772 125.350425,548.560067 C109.817389,521.100082 94.4418119,494.142076 79.9982165,468.234824 C40.5485613,397.481225 9.68250423,337.065003 14.4956175,300.599163 Z" id="Stroke-41" opacity="0.949999988"></path>
            <path class="line" d="M0.195566699,313.1947 C7.04216715,227.004882 180.832631,111.006619 256.587775,73.4431302 C342.917067,30.6373347 469.708959,42.0955805 650.588568,123.383225 C705.114571,145.866046 692.99579,225.856932 710.050591,259.479124 C741.032628,331.353575 887.560091,486.39916 868.254294,571.751399 C847.914487,661.686936 658.596836,812.502111 509.737529,829.793645 C456.943389,840.176219 262.242923,781.265105 234.333133,740.406573 C223.907917,725.147336 183.95594,650.054372 126.553429,557.91647 C64.15107,457.751419 -4.13196137,367.671325 0.195566699,313.1947 Z" id="Stroke-43"></path>
        </g>
    </g>
</svg>
  
</div>
!

CSS 

              
                body{
  background: gray;
}

.wrap{
/*   border: 2px solid red; */
  text-align: center;
  display: inline-block;
  padding: 15vmin;
  
}

.svgg{ 
  width: 70vmin; 
  height: 70vmin;
  margin: auto;
  transform:translateX(25vmin);
}

.line{
    opacity: 0;
}
!

JS 

              
                /* a Pen by Diaco m.lotfollahi  : https://diacodesign.com */

var rotate = new TimelineMax({repeat:-1})
.to('.wrap', 500, {rotation:360, transformOrigin:"center center"});

/* a Pen by Diaco m.lotfollahi  : https://diacodesign.com */




          // I added ids to two SVG to, well, identify them
          // svgg1 and svgg2

          var tl = new TimelineMax({repeat:-1}) 
          // target all .line in the first SVG
            .staggerTo('#svgg1 .line', 10, {opacity:1, repeat:1, yoyo:true },0.1, )
          // target all .line in the second SVG, and its position (last parameter) to 0
          // so it starts at the same time as the first staggerTo i this timeline
            .staggerTo('#svgg2 .line', 10, {opacity:1, repeat:1, yoyo:true },0.1, 0);




var Tweens = tl.getChildren()[0].getChildren();

var StaggerGaps = function( STweens , amount ){ // amount = gaps duration
	for(var i=0; i<STweens.length; i++){ STweens[i].startTime(amount*i) }
};

// just need to call like this : StaggerGaps( Tweens , 0.5 );

function setGap(X){
  tl.pause(0); 
  StaggerGaps(Tweens,X.value); 
  tl.restart();  
};

/* a Pen by Diaco m.lotfollahi  : https://diacodesign.com */
!
999px

Console