Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

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

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

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

+ add another resource

Packages

Add Packages

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

Behavior

Save Automatically?

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

Auto-Updating Preview

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

Format on Save

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

Editor Settings

Code Indentation

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

Visit your global Editor Settings.

HTML

              
                
<svg version="1.1" viewBox="0.0 0.0 802.7742782152231 698.1312335958005" fill="none" stroke="none" stroke-linecap="square" stroke-miterlimit="10" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><clipPath id="p.0"><path d="m0 0l802.7743 0l0 698.1312l-802.7743 0l0 -698.1312z" clip-rule="nonzero"/></clipPath><g clip-path="url(#p.0)"><path fill="#000000" fill-opacity="0.0" d="m0 0l802.7743 0l0 698.1312l-802.7743 0z" fill-rule="evenodd"/><path fill="#000000" d="m293.3309 337.1769l0 0c10.375977 5.3663025 17.426605 12.536804 15.748016 16.015747l0 0c-0.8060913 1.6706543 -3.5585327 2.249176 -7.6518555 1.6083069c-4.0933228 -0.64086914 -9.192169 -2.448639 -14.174927 -5.025635l0 0c-10.375977 -5.366272 -17.426605 -12.536774 -15.748016 -16.015747l0 0c0.8060913 -1.6706543 3.5585327 -2.249176 7.6518555 -1.6083069c4.0933228 0.64086914 9.1922 2.448639 14.174927 5.025635z" fill-rule="evenodd"/><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m293.3309 337.1769l0 0c10.375977 5.3663025 17.426605 12.536804 15.748016 16.015747l0 0c-0.8060913 1.6706543 -3.5585327 2.249176 -7.6518555 1.6083069c-4.0933228 -0.64086914 -9.192169 -2.448639 -14.174927 -5.025635l0 0c-10.375977 -5.366272 -17.426605 -12.536774 -15.748016 -16.015747l0 0c0.8060913 -1.6706543 3.5585327 -2.249176 7.6518555 -1.6083069c4.0933228 0.64086914 9.1922 2.448639 14.174927 5.025635z" fill-rule="evenodd"/><path fill="#990000" d="m296.73627 248.58073c-12.952423 -5.354767 -15.740295 4.473755 -22.590332 7.2257233c-6.8500366 2.7519531 -9.135773 13.255463 -18.509949 9.286102c-9.374176 -3.9693909 -34.778976 -38.82898 -37.73506 -33.10237c-2.95607 5.726593 4.4053802 53.92607 19.998566 67.46193c15.593185 13.535889 61.159714 0.68548584 73.56053 13.753296c12.400848 13.06781 -5.164459 49.746277 0.8444824 64.653534c6.0089417 14.907257 23.77713 26.454071 35.20923 24.79004c11.432098 -1.6640625 28.154205 -20.216095 33.38336 -34.774292c5.2291565 -14.5581665 0.29501343 -40.982513 -2.008484 -52.5748c-2.3034973 -11.592316 -7.30777 -12.418213 -11.8125 -16.979004c-4.5046997 -4.560791 -3.4924316 -2.0957947 -15.215729 -10.385834c-11.723328 -8.290009 -42.171722 -33.999557 -55.124115 -39.354324z" fill-rule="evenodd"/><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m296.73627 248.58073c-12.952423 -5.354767 -15.740295 4.473755 -22.590332 7.2257233c-6.8500366 2.7519531 -9.135773 13.255463 -18.509949 9.286102c-9.374176 -3.9693909 -34.778976 -38.82898 -37.73506 -33.10237c-2.95607 5.726593 4.4053802 53.92607 19.998566 67.46193c15.593185 13.535889 61.159714 0.68548584 73.56053 13.753296c12.400848 13.06781 -5.164459 49.746277 0.8444824 64.653534c6.0089417 14.907257 23.77713 26.454071 35.20923 24.79004c11.432098 -1.6640625 28.154205 -20.216095 33.38336 -34.774292c5.2291565 -14.5581665 0.29501343 -40.982513 -2.008484 -52.5748c-2.3034973 -11.592316 -7.30777 -12.418213 -11.8125 -16.979004c-4.5046997 -4.560791 -3.4924316 -2.0957947 -15.215729 -10.385834c-11.723328 -8.290009 -42.171722 -33.999557 -55.124115 -39.354324z" fill-rule="evenodd"/><g filter="url(#shadowFilter-p.1)"><use xlink:href="#p.1" transform="matrix(1.0 0.0 0.0 1.0 0.0 2.0)"/></g><defs><filter id="shadowFilter-p.1" filterUnits="userSpaceOnUse"><feGaussianBlur in="SourceAlpha" stdDeviation="2.0" result="blur"/><feComponentTransfer in="blur" color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0" intercept="1.0"/><feFuncG type="linear" slope="0" intercept="1.0"/><feFuncB type="linear" slope="0" intercept="0.0"/><feFuncA type="linear" slope="0.5" intercept="0"/></feComponentTransfer></filter></defs><g id="p.1"><path fill="#990000" d="m512.4322 248.58073c12.952393 -5.354767 15.740295 4.473755 22.590332 7.2257233c6.8500366 2.7519531 9.135803 13.255463 18.509949 9.286102c9.3741455 -3.9693909 34.77899 -38.82898 37.735046 -33.10237c2.9561157 5.726593 -4.4053955 53.92607 -19.998535 67.46193c-15.593201 13.535889 -61.15973 0.68548584 -73.56055 13.753296c-12.400848 13.06781 5.164459 49.746277 -0.8444824 64.653534c-6.0089417 14.907257 -23.77713 26.454071 -35.20923 24.79004c-11.432098 -1.6640625 -28.154205 -20.216095 -33.38336 -34.774292c-5.2291565 -14.5581665 -0.29501343 -40.982513 2.008484 -52.5748c2.3034973 -11.592316 7.30777 -12.418213 11.8125 -16.979004c4.5046997 -4.560791 3.4924316 -2.0957947 15.215729 -10.385834c11.723328 -8.290009 42.171722 -33.999557 55.124115 -39.354324z" fill-rule="evenodd"/><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m512.4322 248.58073c12.952393 -5.354767 15.740295 4.473755 22.590332 7.2257233c6.8500366 2.7519531 9.135803 13.255463 18.509949 9.286102c9.3741455 -3.9693909 34.77899 -38.82898 37.735046 -33.10237c2.9561157 5.726593 -4.4053955 53.92607 -19.998535 67.46193c-15.593201 13.535889 -61.15973 0.68548584 -73.56055 13.753296c-12.400848 13.06781 5.164459 49.746277 -0.8444824 64.653534c-6.0089417 14.907257 -23.77713 26.454071 -35.20923 24.79004c-11.432098 -1.6640625 -28.154205 -20.216095 -33.38336 -34.774292c-5.2291565 -14.5581665 -0.29501343 -40.982513 2.008484 -52.5748c2.3034973 -11.592316 7.30777 -12.418213 11.8125 -16.979004c4.5046997 -4.560791 3.4924316 -2.0957947 15.215729 -10.385834c11.723328 -8.290009 42.171722 -33.999557 55.124115 -39.354324z" fill-rule="evenodd"/></g><g filter="url(#shadowFilter-p.2)"><use xlink:href="#p.2" transform="matrix(1.0 0.0 0.0 1.0 0.0 23.99999999999996)"/></g><defs><filter id="shadowFilter-p.2" filterUnits="userSpaceOnUse"><feGaussianBlur in="SourceAlpha" stdDeviation="17.5" result="blur"/><feComponentTransfer in="blur" color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0" intercept="0.0"/><feFuncG type="linear" slope="0" intercept="0.0"/><feFuncB type="linear" slope="0" intercept="0.0"/><feFuncA type="linear" slope="0.5" intercept="0"/></feComponentTransfer></filter></defs><g id="p.2"><defs><radialGradient id="p.3" gradientUnits="userSpaceOnUse" gradientTransform="matrix(10.803714020214413 0.0 0.0 10.803714020214413 0.0 0.0)" spreadMethod="pad" cx="27.799483499009206" cy="25.466484773916175" fx="27.799483499009206" fy="25.466484773916175" r="10.80371379852295"><stop offset="0.0" stop-color="#3177ee"/><stop offset="1.0" stop-color="#113d8a"/></radialGradient></defs><path fill="url(#p.3)" d="m266.1229 228.33997c-16.13124 0.7825928 -25.205322 5.2178497 -30.246384 12.522308c-5.0410614 7.3044586 5.0410614 26.869629 0 31.304474c-5.0410614 4.4348145 -30.498276 -9.652252 -30.246368 -4.6955566c0.25190735 4.9566956 17.138855 31.04419 31.757812 34.4357c14.618942 3.39151 39.06813 -19.564728 55.955917 -14.086609c16.887787 5.478119 30.751862 38.346893 45.37082 46.955383c14.6189575 8.60849 33.016907 11.738831 42.342896 4.695526c9.325989 -7.0433044 15.629089 -31.563873 13.613007 -46.955383c-2.0160828 -15.39151 -20.140991 -31.141296 -25.709534 -45.393692c-5.5685425 -14.252411 -1.6521912 -38.294846 -7.701721 -40.120743c-6.0494995 -1.8258972 -12.73938 25.608932 -28.595459 29.16536c-15.856079 3.556427 -50.40976 -8.60936 -66.540985 -7.826767z" fill-rule="evenodd"/><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m266.1229 228.33997c-16.13124 0.7825928 -25.205322 5.2178497 -30.246384 12.522308c-5.0410614 7.3044586 5.0410614 26.869629 0 31.304474c-5.0410614 4.4348145 -30.498276 -9.652252 -30.246368 -4.6955566c0.25190735 4.9566956 17.138855 31.04419 31.757812 34.4357c14.618942 3.39151 39.06813 -19.564728 55.955917 -14.086609c16.887787 5.478119 30.751862 38.346893 45.37082 46.955383c14.6189575 8.60849 33.016907 11.738831 42.342896 4.695526c9.325989 -7.0433044 15.629089 -31.563873 13.613007 -46.955383c-2.0160828 -15.39151 -20.140991 -31.141296 -25.709534 -45.393692c-5.5685425 -14.252411 -1.6521912 -38.294846 -7.701721 -40.120743c-6.0494995 -1.8258972 -12.73938 25.608932 -28.595459 29.16536c-15.856079 3.556427 -50.40976 -8.60936 -66.540985 -7.826767z" fill-rule="evenodd"/></g><g filter="url(#shadowFilter-p.4)"><use xlink:href="#p.4" transform="matrix(1.0 0.0 0.0 1.0 0.0 24.0)"/></g><defs><filter id="shadowFilter-p.4" filterUnits="userSpaceOnUse"><feGaussianBlur in="SourceAlpha" stdDeviation="17.5" result="blur"/><feComponentTransfer in="blur" color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0" intercept="0.0"/><feFuncG type="linear" slope="0" intercept="0.0"/><feFuncB type="linear" slope="0" intercept="0.0"/><feFuncA type="linear" slope="0.5" intercept="0"/></feComponentTransfer></filter></defs><g id="p.4"><defs><radialGradient id="p.5" gradientUnits="userSpaceOnUse" gradientTransform="matrix(10.867452391867255 0.0 0.0 10.867452391867255 0.0 0.0)" spreadMethod="pad" cx="45.90183772626905" cy="25.102043300131584" fx="45.90183772626905" fy="25.102043300131584" r="10.867452621459961"><stop offset="0.0" stop-color="#3177ee"/><stop offset="1.0" stop-color="#113d8a"/></radialGradient></defs><path fill="url(#p.5)" d="m533.05084 228.3399c16.131226 0.7825928 25.205261 5.2178497 30.246338 12.522308c5.0410767 7.3044586 -5.0410767 26.869629 0 31.304474c5.0410767 4.4348145 30.498291 -9.652252 30.246399 -4.6955566c-0.25195312 4.9566956 -17.138855 31.04419 -31.757812 34.4357c-14.6189575 3.39151 -39.068115 -19.564728 -55.955933 -14.086609c-16.887787 5.478119 -30.751862 38.346893 -45.37082 46.955383c-14.6189575 8.60849 -33.016907 11.738831 -42.342896 4.695526c-9.325989 -7.0433044 -15.629089 -31.563873 -13.613007 -46.955383c2.0160828 -15.39151 22.857422 -30.360443 25.709534 -45.393692c2.8521118 -15.033249 -14.646423 -42.979874 -8.596893 -44.80577c6.04953 -1.8258972 26.321564 29.513123 44.894073 33.850388c18.57251 4.3372803 50.40979 -8.60936 66.541016 -7.826767z" fill-rule="evenodd"/><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m533.05084 228.3399c16.131226 0.7825928 25.205261 5.2178497 30.246338 12.522308c5.0410767 7.3044586 -5.0410767 26.869629 0 31.304474c5.0410767 4.4348145 30.498291 -9.652252 30.246399 -4.6955566c-0.25195312 4.9566956 -17.138855 31.04419 -31.757812 34.4357c-14.6189575 3.39151 -39.068115 -19.564728 -55.955933 -14.086609c-16.887787 5.478119 -30.751862 38.346893 -45.37082 46.955383c-14.6189575 8.60849 -33.016907 11.738831 -42.342896 4.695526c-9.325989 -7.0433044 -15.629089 -31.563873 -13.613007 -46.955383c2.0160828 -15.39151 22.857422 -30.360443 25.709534 -45.393692c2.8521118 -15.033249 -14.646423 -42.979874 -8.596893 -44.80577c6.04953 -1.8258972 26.321564 29.513123 44.894073 33.850388c18.57251 4.3372803 50.40979 -8.60936 66.541016 -7.826767z" fill-rule="evenodd"/></g><path fill="#bb7307" d="m251.7237 343.47177l0 0c0 -21.613037 17.259949 -39.13385 38.551178 -39.13385l0 0c10.224396 0 20.03006 4.1230164 27.259796 11.462036c7.229767 7.33902 11.291382 17.292877 11.291382 27.671814l0 0c0 21.613037 -17.259949 39.13385 -38.551178 39.13385l0 0c-21.29123 0 -38.551178 -17.520813 -38.551178 -39.13385zm19.275574 0l0 0c0 10.967407 8.629974 19.858276 19.275604 19.858276c10.645599 0 19.275574 -8.890869 19.275574 -19.858276c0 -10.967407 -8.629974 -19.858276 -19.275574 -19.858276l0 0c-10.64563 0 -19.275604 8.890869 -19.275604 19.858276z" fill-rule="evenodd"/><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m251.7237 343.47177l0 0c0 -21.613037 17.259949 -39.13385 38.551178 -39.13385l0 0c10.224396 0 20.03006 4.1230164 27.259796 11.462036c7.229767 7.33902 11.291382 17.292877 11.291382 27.671814l0 0c0 21.613037 -17.259949 39.13385 -38.551178 39.13385l0 0c-21.29123 0 -38.551178 -17.520813 -38.551178 -39.13385zm19.275574 0l0 0c0 10.967407 8.629974 19.858276 19.275604 19.858276c10.645599 0 19.275574 -8.890869 19.275574 -19.858276c0 -10.967407 -8.629974 -19.858276 -19.275574 -19.858276l0 0c-10.64563 0 -19.275604 8.890869 -19.275604 19.858276z" fill-rule="evenodd"/><defs><radialGradient id="p.6" gradientUnits="userSpaceOnUse" gradientTransform="matrix(16.210583377887534 0.0 0.0 16.210583377887534 0.0 0.0)" spreadMethod="pad" cx="13.677839546638792" cy="13.167404116717508" fx="13.677839546638792" fy="13.167404116717508" r="16.210582733154297"><stop offset="0.0" stop-color="#696969"/><stop offset="1.0" stop-color="#1d1d1d"/></radialGradient></defs><path fill="url(#p.6)" d="m149.25058 404.37534c-1.9966431 3.5695496 -50.260994 -31.433075 -67.887596 -49.944885c-17.626598 -18.51181 -32.808533 -30.42871 -37.871998 -61.125977c-5.0634613 -30.697296 -0.11242676 -95.69818 7.4912224 -123.057755c7.6036453 -27.359573 25.593307 -30.080048 38.13066 -41.09973c12.5373535 -11.019691 20.592827 -23.313652 37.09346 -25.01838c16.500626 -1.7047272 40.390625 14.040245 61.91034 14.790024c21.519714 0.7497864 47.677704 -4.2244034 67.20796 -10.291336c19.530258 -6.0669327 25.975388 -11.790466 49.973587 -26.110237c23.9982 -14.319771 81.964264 -65.46544 94.015564 -59.808395c12.0513 5.6570415 -19.947418 70.58355 -21.707794 93.750656c-1.760376 23.167099 9.335724 25.369202 11.145538 45.25197c1.8098145 19.882767 5.5004883 57.173233 -0.28656006 74.04462c-5.7870483 16.871399 -19.680725 22.869217 -34.43579 27.183731c-14.755035 4.314514 -35.441254 6.6194153 -54.094513 -1.2966003c-18.653229 -7.9160004 -35.641205 -34.81407 -57.824905 -46.199463c-22.183716 -11.385391 -52.897552 -19.475067 -75.277374 -22.11287c-22.379837 -2.6377869 -44.894073 -4.345581 -59.001602 6.286087c-14.107536 10.631683 -20.313873 41.059937 -25.643608 57.503937c-5.3297424 16.444 -8.194107 28.511383 -6.3348236 41.160126c1.8592758 12.648712 5.2574615 17.049866 17.490501 34.73227c12.23304 17.682404 57.904373 67.79266 55.90773 71.36221z" fill-rule="evenodd"/><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m149.25058 404.37534c-1.9966431 3.5695496 -50.260994 -31.433075 -67.887596 -49.944885c-17.626598 -18.51181 -32.808533 -30.42871 -37.871998 -61.125977c-5.0634613 -30.697296 -0.11242676 -95.69818 7.4912224 -123.057755c7.6036453 -27.359573 25.593307 -30.080048 38.13066 -41.09973c12.5373535 -11.019691 20.592827 -23.313652 37.09346 -25.01838c16.500626 -1.7047272 40.390625 14.040245 61.91034 14.790024c21.519714 0.7497864 47.677704 -4.2244034 67.20796 -10.291336c19.530258 -6.0669327 25.975388 -11.790466 49.973587 -26.110237c23.9982 -14.319771 81.964264 -65.46544 94.015564 -59.808395c12.0513 5.6570415 -19.947418 70.58355 -21.707794 93.750656c-1.760376 23.167099 9.335724 25.369202 11.145538 45.25197c1.8098145 19.882767 5.5004883 57.173233 -0.28656006 74.04462c-5.7870483 16.871399 -19.680725 22.869217 -34.43579 27.183731c-14.755035 4.314514 -35.441254 6.6194153 -54.094513 -1.2966003c-18.653229 -7.9160004 -35.641205 -34.81407 -57.824905 -46.199463c-22.183716 -11.385391 -52.897552 -19.475067 -75.277374 -22.11287c-22.379837 -2.6377869 -44.894073 -4.345581 -59.001602 6.286087c-14.107536 10.631683 -20.313873 41.059937 -25.643608 57.503937c-5.3297424 16.444 -8.194107 28.511383 -6.3348236 41.160126c1.8592758 12.648712 5.2574615 17.049866 17.490501 34.73227c12.23304 17.682404 57.904373 67.79266 55.90773 71.36221z" fill-rule="evenodd"/><path fill="#000000" d="m517.294 349.8468l0 0c-10.515167 5.070587 -20.32965 6.325592 -21.921295 2.8031616l0 0c-0.76431274 -1.6915283 0.50860596 -4.2810974 3.5386963 -7.1989746c3.0301208 -2.9178772 7.5692444 -5.92511 12.618805 -8.360077l0 0c10.515137 -5.070587 20.32965 -6.325592 21.921265 -2.8031616l0 0c0.7642822 1.6915588 -0.50860596 4.2810974 -3.5386963 7.1989746c-3.0301514 2.9179077 -7.569275 5.92511 -12.618774 8.360077z" fill-rule="evenodd"/><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m517.294 349.8468l0 0c-10.515167 5.070587 -20.32965 6.325592 -21.921295 2.8031616l0 0c-0.76431274 -1.6915283 0.50860596 -4.2810974 3.5386963 -7.1989746c3.0301208 -2.9178772 7.5692444 -5.92511 12.618805 -8.360077l0 0c10.515137 -5.070587 20.32965 -6.325592 21.921265 -2.8031616l0 0c0.7642822 1.6915588 -0.50860596 4.2810974 -3.5386963 7.1989746c-3.0301514 2.9179077 -7.569275 5.92511 -12.618774 8.360077z" fill-rule="evenodd"/><path fill="#bb7307" d="m475.8791 343.47177l0 0c0 -21.613037 17.259949 -39.13385 38.551147 -39.13385l0 0c10.224426 0 20.03009 4.1230164 27.259827 11.462036c7.2297363 7.33902 11.291382 17.292877 11.291382 27.671814l0 0c0 21.613037 -17.259949 39.13385 -38.55121 39.13385l0 0c-21.291199 0 -38.551147 -17.520813 -38.551147 -39.13385zm19.275574 0l0 0c0 10.967407 8.629974 19.858276 19.275574 19.858276c10.64563 0 19.275635 -8.890869 19.275635 -19.858276c0 -10.967407 -8.630005 -19.858276 -19.275635 -19.858276l0 0c-10.645599 0 -19.275574 8.890869 -19.275574 19.858276z" fill-rule="evenodd"/><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m475.8791 343.47177l0 0c0 -21.613037 17.259949 -39.13385 38.551147 -39.13385l0 0c10.224426 0 20.03009 4.1230164 27.259827 11.462036c7.2297363 7.33902 11.291382 17.292877 11.291382 27.671814l0 0c0 21.613037 -17.259949 39.13385 -38.55121 39.13385l0 0c-21.291199 0 -38.551147 -17.520813 -38.551147 -39.13385zm19.275574 0l0 0c0 10.967407 8.629974 19.858276 19.275574 19.858276c10.64563 0 19.275635 -8.890869 19.275635 -19.858276c0 -10.967407 -8.630005 -19.858276 -19.275635 -19.858276l0 0c-10.645599 0 -19.275574 8.890869 -19.275574 19.858276z" fill-rule="evenodd"/><defs><linearGradient id="p.7" gradientUnits="userSpaceOnUse" gradientTransform="matrix(13.746635236166311 0.0 0.0 13.746635236166311 0.0 0.0)" spreadMethod="pad" x1="12.09577864802327" y1="26.40696610754868" x2="12.095728677551135" y2="40.15360134362417"><stop offset="0.0" stop-color="#1077d2"/><stop offset="1.0" stop-color="#093153"/></linearGradient></defs><path fill="url(#p.7)" d="m291.8319 551.644c-8.317535 -3.3911133 -11.846741 -30.781738 -21.17273 -46.955383c-9.325958 -16.173676 -30.49826 -34.173676 -34.783188 -50.08661c-4.2849274 -15.912964 7.3094788 -33.651794 9.073654 -45.391083c1.7641907 -11.739288 14.618103 -19.044617 1.5114288 -25.044617c-13.106674 -6.0 -81.91609 -7.5643005 -80.15149 -10.955383c1.7646179 -3.3910828 59.988937 -13.042877 90.73912 -9.391083c30.750183 3.6517944 70.82507 18.519257 93.76196 31.30185c22.93692 12.782593 37.557983 25.828064 43.859406 45.393677c6.301422 19.565643 6.300171 57.91339 -6.0507812 72.00003c-12.350983 14.086609 -51.923767 5.99823 -68.05499 12.519653c-16.131226 6.5214233 -20.414886 30.0 -28.732391 26.608948z" fill-rule="evenodd"/><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m291.8319 551.644c-8.317535 -3.3911133 -11.846741 -30.781738 -21.17273 -46.955383c-9.325958 -16.173676 -30.49826 -34.173676 -34.783188 -50.08661c-4.2849274 -15.912964 7.3094788 -33.651794 9.073654 -45.391083c1.7641907 -11.739288 14.618103 -19.044617 1.5114288 -25.044617c-13.106674 -6.0 -81.91609 -7.5643005 -80.15149 -10.955383c1.7646179 -3.3910828 59.988937 -13.042877 90.73912 -9.391083c30.750183 3.6517944 70.82507 18.519257 93.76196 31.30185c22.93692 12.782593 37.557983 25.828064 43.859406 45.393677c6.301422 19.565643 6.300171 57.91339 -6.0507812 72.00003c-12.350983 14.086609 -51.923767 5.99823 -68.05499 12.519653c-16.131226 6.5214233 -20.414886 30.0 -28.732391 26.608948z" fill-rule="evenodd"/><defs><radialGradient id="p.8" gradientUnits="userSpaceOnUse" gradientTransform="matrix(10.137378616288027 0.0 0.0 10.137378616288027 0.0 0.0)" spreadMethod="pad" cx="33.39348128751073" cy="53.345403015253154" fx="33.39348128751073" fy="53.345403015253154" r="10.137378692626953"><stop offset="0.0" stop-color="#db0000"/><stop offset="1.0" stop-color="#540303"/></radialGradient></defs><path fill="url(#p.8)" d="m391.47546 457.73108c-16.88736 2.60849 -93.259 66.00043 -108.88641 89.217834c-15.627441 23.217468 14.618103 37.304077 15.121918 50.08667c0.5038147 12.782593 -19.156647 24.261108 -12.09906 26.608887c7.057556 2.3477783 36.800537 -11.218262 54.44449 -12.522278c17.64392 -1.3040161 43.353455 9.9151 51.419067 4.69812c8.065613 -5.21698 5.544464 -26.086609 -3.0253906 -36.0c-8.569855 -9.913391 -47.637543 -15.3932495 -48.393677 -23.480286c-0.75613403 -8.087036 35.286987 -8.607178 43.856842 -25.041992c8.569855 -16.434814 24.449585 -76.175415 7.5622253 -73.566956z" fill-rule="evenodd"/><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m391.47546 457.73108c-16.88736 2.60849 -93.259 66.00043 -108.88641 89.217834c-15.627441 23.217468 14.618103 37.304077 15.121918 50.08667c0.5038147 12.782593 -19.156647 24.261108 -12.09906 26.608887c7.057556 2.3477783 36.800537 -11.218262 54.44449 -12.522278c17.64392 -1.3040161 43.353455 9.9151 51.419067 4.69812c8.065613 -5.21698 5.544464 -26.086609 -3.0253906 -36.0c-8.569855 -9.913391 -47.637543 -15.3932495 -48.393677 -23.480286c-0.75613403 -8.087036 35.286987 -8.607178 43.856842 -25.041992c8.569855 -16.434814 24.449585 -76.175415 7.5622253 -73.566956z" fill-rule="evenodd"/><defs><linearGradient id="p.9" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-13.746635236167673 0.0 0.0 13.746635236167673 0.0 0.0)" spreadMethod="pad" x1="-46.48323724151711" y1="26.40696610754606" x2="-46.48328795781719" y2="40.15360134362018"><stop offset="0.0" stop-color="#1077d2"/><stop offset="1.0" stop-color="#093153"/></linearGradient></defs><path fill="url(#p.9)" d="m513.43243 551.644c8.317505 -3.3911133 11.846741 -30.781738 21.17273 -46.955383c9.325989 -16.173676 30.498291 -34.173676 34.783203 -50.08661c4.284912 -15.912964 -7.3095093 -33.651794 -9.073669 -45.391083c-1.7641602 -11.739288 -14.618103 -19.044617 -1.5114136 -25.044617c13.106689 -6.0 81.91608 -7.5643005 80.15149 -10.955383c-1.7645874 -3.3910828 -59.988953 -13.042877 -90.739136 -9.391083c-30.750183 3.6517944 -70.82507 18.519257 -93.76196 31.30185c-22.93689 12.782593 -37.557953 25.828064 -43.859406 45.393677c-6.301422 19.565643 -6.300171 57.91339 6.050812 72.00003c12.350952 14.086609 51.923737 5.99823 68.05496 12.519653c16.131226 6.5214233 20.414886 30.0 28.732391 26.608948z" fill-rule="evenodd"/><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m513.43243 551.644c8.317505 -3.3911133 11.846741 -30.781738 21.17273 -46.955383c9.325989 -16.173676 30.498291 -34.173676 34.783203 -50.08661c4.284912 -15.912964 -7.3095093 -33.651794 -9.073669 -45.391083c-1.7641602 -11.739288 -14.618103 -19.044617 -1.5114136 -25.044617c13.106689 -6.0 81.91608 -7.5643005 80.15149 -10.955383c-1.7645874 -3.3910828 -59.988953 -13.042877 -90.739136 -9.391083c-30.750183 3.6517944 -70.82507 18.519257 -93.76196 31.30185c-22.93689 12.782593 -37.557953 25.828064 -43.859406 45.393677c-6.301422 19.565643 -6.300171 57.91339 6.050812 72.00003c12.350952 14.086609 51.923737 5.99823 68.05496 12.519653c16.131226 6.5214233 20.414886 30.0 28.732391 26.608948z" fill-rule="evenodd"/><defs><radialGradient id="p.10" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-10.137378616288027 0.0 0.0 10.137378616288027 0.0 0.0)" spreadMethod="pad" cx="-46.0416845920256" cy="53.345403015253154" fx="-46.0416845920256" fy="53.345403015253154" r="10.137378692626953"><stop offset="0.0" stop-color="#db0000"/><stop offset="1.0" stop-color="#540303"/></radialGradient></defs><path fill="url(#p.10)" d="m413.78888 457.73108c16.88736 2.60849 93.259 66.00043 108.88641 89.217834c15.627441 23.217468 -14.618103 37.304077 -15.121887 50.08667c-0.5038147 12.782593 19.156616 24.261108 12.09906 26.608887c-7.057617 2.3477783 -36.800568 -11.218262 -54.44449 -12.522278c-17.643951 -1.3040161 -43.353485 9.9151 -51.419098 4.69812c-8.065613 -5.21698 -5.5444336 -26.086609 3.0253906 -36.0c8.569855 -9.913391 47.637543 -15.3932495 48.393707 -23.480286c0.75613403 -8.087036 -35.287018 -8.607178 -43.856873 -25.041992c-8.569855 -16.434814 -24.449585 -76.175415 -7.5622253 -73.566956z" fill-rule="evenodd"/><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m413.78888 457.73108c16.88736 2.60849 93.259 66.00043 108.88641 89.217834c15.627441 23.217468 -14.618103 37.304077 -15.121887 50.08667c-0.5038147 12.782593 19.156616 24.261108 12.09906 26.608887c-7.057617 2.3477783 -36.800568 -11.218262 -54.44449 -12.522278c-17.643951 -1.3040161 -43.353485 9.9151 -51.419098 4.69812c-8.065613 -5.21698 -5.5444336 -26.086609 3.0253906 -36.0c8.569855 -9.913391 47.637543 -15.3932495 48.393707 -23.480286c0.75613403 -8.087036 -35.287018 -8.607178 -43.856873 -25.041992c-8.569855 -16.434814 -24.449585 -76.175415 -7.5622253 -73.566956z" fill-rule="evenodd"/><path fill="#000000" d="m402.22873 645.2861c-36.04315 0 -94.013885 -19.305786 -102.83563 -10.958008c-8.821747 8.347778 32.009705 52.43567 49.90512 61.044617c17.895416 8.608887 38.059235 -9.130371 57.467346 -9.391113c19.408112 -0.26068115 40.833588 16.43573 58.981323 7.826782c18.147736 -8.608887 60.491455 -51.39325 49.90509 -59.480286c-10.586334 -8.087036 -77.3801 10.958008 -113.42325 10.958008z" fill-rule="evenodd"/><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m402.22873 645.2861c-36.04315 0 -94.013885 -19.305786 -102.83563 -10.958008c-8.821747 8.347778 32.009705 52.43567 49.90512 61.044617c17.895416 8.608887 38.059235 -9.130371 57.467346 -9.391113c19.408112 -0.26068115 40.833588 16.43573 58.981323 7.826782c18.147736 -8.608887 60.491455 -51.39325 49.90509 -59.480286c-10.586334 -8.087036 -77.3801 10.958008 -113.42325 10.958008z" fill-rule="evenodd"/><defs><radialGradient id="p.11" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-16.210583377887534 0.0 0.0 16.210583377887534 0.0 0.0)" spreadMethod="pad" cx="-35.84377974793406" cy="13.167404116717508" fx="-35.84377974793406" fy="13.167404116717508" r="16.210582733154297"><stop offset="0.0" stop-color="#696969"/><stop offset="1.0" stop-color="#1d1d1d"/></radialGradient></defs><path fill="url(#p.11)" d="m653.52374 404.37534c1.9966431 3.5695496 50.260986 -31.433075 67.887634 -49.944885c17.626587 -18.51181 32.808533 -30.42871 37.87195 -61.125977c5.0634766 -30.697296 0.11242676 -95.69818 -7.491211 -123.057755c-7.6036377 -27.359573 -25.593323 -30.080048 -38.130676 -41.09973c-12.5373535 -11.019691 -20.592773 -23.313652 -37.093445 -25.01838c-16.50061 -1.7047272 -40.390625 14.040245 -61.91034 14.790024c-21.519714 0.7497864 -47.677673 -4.2244034 -67.20795 -10.291336c-19.530273 -6.0669327 -25.975403 -11.790466 -49.973602 -26.110237c-23.998169 -14.319771 -81.964264 -65.46544 -94.015564 -59.808395c-12.0513 5.6570415 19.947418 70.58355 21.707794 93.750656c1.7604065 23.167099 -9.335693 25.369202 -11.145508 45.25197c-1.809845 19.882767 -5.500519 57.173233 0.28656006 74.04462c5.7870483 16.871399 19.680725 22.869217 34.43576 27.183731c14.755066 4.314514 35.441284 6.6194153 54.094513 -1.2966003c18.65326 -7.9160004 35.641235 -34.81407 57.82495 -46.199463c22.183716 -11.385391 52.897522 -19.475067 75.27734 -22.11287c22.379822 -2.6377869 44.894043 -4.345581 59.001587 6.286087c14.107544 10.631683 20.313904 41.059937 25.643616 57.503937c5.329773 16.444 8.194092 28.511383 6.334839 41.160126c-1.859314 12.648712 -5.2574463 17.049866 -17.490479 34.73227c-12.233093 17.682404 -57.90442 67.79266 -55.907776 71.36221z" fill-rule="evenodd"/><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m653.52374 404.37534c1.9966431 3.5695496 50.260986 -31.433075 67.887634 -49.944885c17.626587 -18.51181 32.808533 -30.42871 37.87195 -61.125977c5.0634766 -30.697296 0.11242676 -95.69818 -7.491211 -123.057755c-7.6036377 -27.359573 -25.593323 -30.080048 -38.130676 -41.09973c-12.5373535 -11.019691 -20.592773 -23.313652 -37.093445 -25.01838c-16.50061 -1.7047272 -40.390625 14.040245 -61.91034 14.790024c-21.519714 0.7497864 -47.677673 -4.2244034 -67.20795 -10.291336c-19.530273 -6.0669327 -25.975403 -11.790466 -49.973602 -26.110237c-23.998169 -14.319771 -81.964264 -65.46544 -94.015564 -59.808395c-12.0513 5.6570415 19.947418 70.58355 21.707794 93.750656c1.7604065 23.167099 -9.335693 25.369202 -11.145508 45.25197c-1.809845 19.882767 -5.500519 57.173233 0.28656006 74.04462c5.7870483 16.871399 19.680725 22.869217 34.43576 27.183731c14.755066 4.314514 35.441284 6.6194153 54.094513 -1.2966003c18.65326 -7.9160004 35.641235 -34.81407 57.82495 -46.199463c22.183716 -11.385391 52.897522 -19.475067 75.27734 -22.11287c22.379822 -2.6377869 44.894043 -4.345581 59.001587 6.286087c14.107544 10.631683 20.313904 41.059937 25.643616 57.503937c5.329773 16.444 8.194092 28.511383 6.334839 41.160126c-1.859314 12.648712 -5.2574463 17.049866 -17.490479 34.73227c-12.233093 17.682404 -57.90442 67.79266 -55.907776 71.36221z" fill-rule="evenodd"/><path fill="#000000" d="m401.38715 95.94226c19.146973 -131.29135 93.82019 0 0 168.80313c-93.82022 -168.80313 -19.147003 -300.09448 0 -168.80313z" fill-rule="evenodd"/><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m401.38715 95.94226c19.146973 -131.29135 93.82019 0 0 168.80313c-93.82022 -168.80313 -19.147003 -300.09448 0 -168.80313z" fill-rule="evenodd"/><g filter="url(#shadowFilter-p.12)"><use xlink:href="#p.12" transform="matrix(1.0 0.0 0.0 1.0 0.0 40.0)"/></g><defs><filter id="shadowFilter-p.12" filterUnits="userSpaceOnUse"><feGaussianBlur in="SourceAlpha" stdDeviation="8.5" result="blur"/><feComponentTransfer in="blur" color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0" intercept="1.0"/><feFuncG type="linear" slope="0" intercept="0.6"/><feFuncB type="linear" slope="0" intercept="0.0"/><feFuncA type="linear" slope="0.72" intercept="0"/></feComponentTransfer></filter></defs><g id="p.12"><path fill="#000000" d="m368.01706 61.406826l0 0c0 -21.613033 14.940308 -39.133858 33.370087 -39.133858l0 0c8.850281 0 17.338104 4.1230183 23.596191 11.462042c6.2581177 7.33902 9.773895 17.29287 9.773895 27.671818l0 0c0 21.613033 -14.940308 39.133854 -33.370087 39.133854l0 0c-18.42978 0 -33.370087 -17.52082 -33.370087 -39.133854z" fill-rule="evenodd"/><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m368.01706 61.406826l0 0c0 -21.613033 14.940308 -39.133858 33.370087 -39.133858l0 0c8.850281 0 17.338104 4.1230183 23.596191 11.462042c6.2581177 7.33902 9.773895 17.29287 9.773895 27.671818l0 0c0 21.613033 -14.940308 39.133854 -33.370087 39.133854l0 0c-18.42978 0 -33.370087 -17.52082 -33.370087 -39.133854z" fill-rule="evenodd"/></g><g filter="url(#shadowFilter-p.13)"><use xlink:href="#p.13" transform="matrix(1.0 0.0 0.0 1.0 -4.120304461942246 6.857338320209982)"/></g><defs><filter id="shadowFilter-p.13" filterUnits="userSpaceOnUse"><feGaussianBlur in="SourceAlpha" stdDeviation="2.0" result="blur"/><feComponentTransfer in="blur" color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0" intercept="1.0"/><feFuncG type="linear" slope="0" intercept="1.0"/><feFuncB type="linear" slope="0" intercept="0.0"/><feFuncA type="linear" slope="0.67" intercept="0"/></feComponentTransfer></filter></defs><g id="p.13"><path fill="#ffff00" d="m286.1483 343.47507l0 0c0 -2.5396423 1.8543396 -4.598419 4.141754 -4.598419l0 0c1.0984497 0 2.1519165 0.48446655 2.9286194 1.3468323c0.7767334 0.8623657 1.2131042 2.032013 1.2131042 3.251587l0 0c0 2.5396423 -1.8543091 4.598419 -4.1417236 4.598419l0 0c-2.2874146 0 -4.141754 -2.0587769 -4.141754 -4.598419z" fill-rule="evenodd"/><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m286.1483 343.47507l0 0c0 -2.5396423 1.8543396 -4.598419 4.141754 -4.598419l0 0c1.0984497 0 2.1519165 0.48446655 2.9286194 1.3468323c0.7767334 0.8623657 1.2131042 2.032013 1.2131042 3.251587l0 0c0 2.5396423 -1.8543091 4.598419 -4.1417236 4.598419l0 0c-2.2874146 0 -4.141754 -2.0587769 -4.141754 -4.598419z" fill-rule="evenodd"/></g><g filter="url(#shadowFilter-p.14)"><use xlink:href="#p.14" transform="matrix(1.0 0.0 0.0 1.0 6.304085826771663 4.925291601049862)"/></g><defs><filter id="shadowFilter-p.14" filterUnits="userSpaceOnUse"><feGaussianBlur in="SourceAlpha" stdDeviation="2.0" result="blur"/><feComponentTransfer in="blur" color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0" intercept="1.0"/><feFuncG type="linear" slope="0" intercept="1.0"/><feFuncB type="linear" slope="0" intercept="0.0"/><feFuncA type="linear" slope="0.67" intercept="0"/></feComponentTransfer></filter></defs><g id="p.14"><path fill="#ffff00" d="m510.26904 343.46982l0 0c0 -2.5396423 1.8543091 -4.598419 4.1417236 -4.598419l0 0c1.0984497 0 2.1519165 0.48446655 2.92865 1.3468323c0.7767334 0.8623657 1.2130737 2.032013 1.2130737 3.251587l0 0c0 2.5396423 -1.8543091 4.598419 -4.1417236 4.598419l0 0c-2.2874146 0 -4.1417236 -2.0587769 -4.1417236 -4.598419z" fill-rule="evenodd"/><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m510.26904 343.46982l0 0c0 -2.5396423 1.8543091 -4.598419 4.1417236 -4.598419l0 0c1.0984497 0 2.1519165 0.48446655 2.92865 1.3468323c0.7767334 0.8623657 1.2130737 2.032013 1.2130737 3.251587l0 0c0 2.5396423 -1.8543091 4.598419 -4.1417236 4.598419l0 0c-2.2874146 0 -4.1417236 -2.0587769 -4.1417236 -4.598419z" fill-rule="evenodd"/></g></g></svg>
              
            
!

CSS

              
                
              
            
!

JS

              
                
              
            
!
999px

Console