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.
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.
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.
The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.
CSS preprocessors help make authoring CSS easier. All of them offer things like variables and mixins to provide convenient abstractions.
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.
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).
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.
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.
JavaScript preprocessors can help make authoring JavaScript easier and more convenient.
Babel includes JSX processing.
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.
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.
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.
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.
If active, Pens will autosave every 30 seconds after being saved once.
If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.
If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.
Visit your global Editor Settings.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080" id="animation">
<defs>
<style>
rect, path, polygon, use, g, ellipse {
transform-box: fill-box;
transform-origin: 50% 50%; }
</style>
<linearGradient id="grad" x1="50%" x2="50%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#4FBACC"/>
<stop offset="100%" stop-color="#75C9D7"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<!-- bg -->
<path fill="#4FBACC" d="M0 0h1920v1080H0z"/>
<!-- grad -->
<path fill="url(#grad)" d="M0 0h1920v827H0z"/>
<!-- trees -->
<path fill="#349DB2" d="M284 140c-5.5 12.4.9 85.4 19 219 10.2 75 32.8 174.2 49 277 8.4 53.5 19.8 138.8 34 256-8.7-4-17.4-6.7-26-8-13-2-9 2-26 0s-28.1-10.4-59-13a839.4 839.4 0 0 0-95 0c19.5-9.7 22.5-15.4 9-17-10.5-1.3-36 7.9-71 11-6.6.6-16.6-1-30-5 29.4-31.3 48.7-85.6 58-163 14-116 14-338 7-377S76.3 178.5 41 104A2182.4 2182.4 0 0 1-30-66h41C34-3.7 55.3 44.3 75 78c19.7 33.7 54 80.7 103 141-3.7-82.7-7.4-144.7-11-186a747.5 747.5 0 0 0-14-99h104V54c25.5-11.5 44.2-26.5 56-45 11.8-18.5 18.8-43.5 21-75h34c-4.8 41.9-12.2 74.9-22 99-9.8 24.1-30.5 59.8-62 107Z"/>
<path fill="#39AEC6" d="M1271 844c12 1.5 22-49.8 30-154 5.6-72.8 1.7-167.7 5-288 1.4-52 17.9-114.6 12-171-5.9-56.4-9-50.6-39-87-14-17-38.5-11.3-62-17-16-3.9-49.3-13.5-53-16-3.7-2.5 24 1.4 34 3 11.9 2 21.2 6.4 30 7 24.3 1.6 24.2 1.5 26-4 1.8-5.5-9.5-16.3-17-23-28.5-25.3-56.2-43.1-69-57-16.2-17.6-23.5-29.9-22-37h22c7.3 17.3 15 29.6 23 37 16.6 15.1 44.6 24.8 59 38 14.4 13.2 25.8 34.8 51 58 5.5 5 17.2 12 35 21 3.9-34.8 6.2-61.1 7-79 .8-17.9.8-42.9 0-75h110a10237.5 10237.5 0 0 0-19 367c-3.2 123.5-3 304 0 353 2 32.7 12.7 71 32 115-17.2-.7-30.2-.7-39 0s-18.4 4.7-29 12a160.5 160.5 0 0 0-40-6c-14.2-.4-43.2.6-87 3Z"/>
<path fill="#39AEC6" d="M642 318c21.9-40.2 39.5-67.6 53-82 52.6-56.3 100.3-80 108-80 16 0 69.8 32.3 77 32 7.2-.3-21.4-24.9-35-34a151 151 0 0 0-41-17c14.7-60 26.3-94.3 35-103 13-13 61-15 66-27s-32.6-4.6-48 0c-15.4 4.6-23 7-30 18s-23.2 82.8-59 119c-23.9 24.1-62.9 47.5-117 70l-9-7c.6-48 5-82.6 13-104 8-21.4 25-43.4 51-66 13.3 1.6 20 1.6 20 0s-6.7-5.6-20-12l9-25h-9l-11 34c-16.6 13.6-29 25-37 34s-13.4 17.7-16 26c-3.3-3.3-5-12-5-26s1.7-36.7 5-68h-63c-3.2 17.6-5.2 36-6 55-1.2 28.5 6 89 0 89-3 0-18.3-15.7-39-50a450.8 450.8 0 0 1-21-43c3.4-18 4-28.4 2-31-2-2.6-8.4.8-19 10L476 0h-7c6.3 15.4 12 27.7 17 37s14 24 27 44c-14.5-8-26.8-16.6-37-26a812.5 812.5 0 0 1-51-55h-6c13.2 21 23.9 35.4 32 43 26.3 24.6 57.4 35.6 71 56 12 18 18.6 10.8 30 45 7.6 22.8 11 56.1 10 100-6.6 177-16 309-28 396-18 130.6-61 218-58 227 2 6 30.7 2.3 86-11a71.5 71.5 0 0 0 33 11c8.9 0 15.6-3.7 20-11 18 7.3 28 10 30 8 3-3-14-29.3-16-49-1.4-13.1 0-34.5 4-64-4.2-32.5-5.6-86.1-4-161 .8-40 10.6-84.9 13-134 1.4-28.4 1.4-74.4 0-138Z"/>
<path fill="#39AEC6" d="M1811 307c22.5-54.9 40.5-89.6 54-104 52.6-56.3 99.3-58 107-58 16 0 69.8 32.3 77 32 7.2-.3-21.4-24.9-35-34a151 151 0 0 0-41-17c14.7-60 26.3-94.3 35-103 13-13 61-15 66-27s-32.6-4.6-48 0c-15.4 4.6-23 7-30 18s-23.2 82.8-59 119c-23.9 24.1-62.9 47.5-117 70l-9-7c.6-48 5-82.6 13-104 8-21.4 25-43.4 51-66 13.3 1.6 20 1.6 20 0s-6.7-5.6-20-12l9-25h-9l-11 34c-16.6 13.6-29 25-37 34s-13.4 17.7-16 26c-3.3-3.3-5-12-5-26s1.7-36.7 5-68h-63c-3.2 17.6-5.2 36-6 55-1.2 28.5 6 89 0 89-3 0-18.3-15.7-39-50a450.8 450.8 0 0 1-21-43c3.4-18 4-28.4 2-31-2-2.6-8.4.8-19 10l-20-30h-7c6.3 15.4 12 27.7 17 37s14 24 27 44c-14.5-8-26.8-16.6-37-26a812.5 812.5 0 0 1-51-55h-6c13.2 21 23.9 35.4 32 43 26.3 24.6 57.4 35.6 71 56 12 18 18.6 10.8 30 45 7.6 22.8 11 56.1 10 100-6.6 177-16 309-28 396-18 130.6-61 218-58 227 2 6 30.7 2.3 86-11a71.5 71.5 0 0 0 33 11c8.9 0 15.6-3.7 20-11 18 7.3 28 10 30 8 3-3-14-29.3-16-49-1.4-13.1 0-34.5 4-64-4.2-32.5-5.6-86.1-4-161 .8-40 10.6-84.9 13-134 1.4-28.4 1.4-74.4 0-138Z"/>
<path fill="#39AEC6" d="M512 393c-1.7 118.9 1.3 214.9 9 288 6.3 60 9.1 122 27 189 4 14.8 27 42 22 46s-41.2-3.9-62-5c-13.9-.7-24.2-.7-31 0-4.1 6.7-9.8 9.7-17 9-7.2-.7-22.9-5.7-47-15a87.3 87.3 0 0 1-33 6c-7.3-.8-11.3-4.5-12-11-13.7 5.5-25 9.2-34 11-13.5 2.7-45 9-41 4s50.7-42 67-72c10.9-20 15.9-46.4 15-79a6471.6 6471.6 0 0 0 15-325c1.3-115.3-32-215.3-64-254-12.2-14.7-28.8-49.3-44-68-26-32-76-98.3-80-117-2.2-10.2 60.5 49.4 188 179-2.1-21.4-3.5-42-4-62s-.5-49.6 0-89L348 0h139c-3.7 21.4-3.7 54.4 0 99s12 112.6 25 204l50-59v89a41.3 41.3 0 0 0-27 15c-7.1 8.5-14.8 23.5-23 45Z"/>
<path fill="#349DB2" d="M1608 206c-5.5 12.4.9 85.4 19 219 10.2 75 32.8 174.2 49 277 8.4 53.5 19.8 138.8 34 256-8.7-4-17.4-6.7-26-8-13-2-9 2-26 0s-28.1-10.4-59-13a839.4 839.4 0 0 0-95 0c19.5-9.7 22.5-15.4 9-17-10.5-1.3-36 7.9-71 11-6.6.6-16.6-1-30-5 29.4-31.3 48.7-85.6 58-163 14-116 14-338 7-377s-76.7-141.5-112-216a2182.4 2182.4 0 0 1-71-170h41c23 62.3 44.3 110.3 64 144 19.7 33.7 54 80.7 103 141-3.7-82.7-7.4-144.7-11-186a747.5 747.5 0 0 0-14-99h104v120c25.5-11.5 44.2-26.5 56-45 11.8-18.5 18.8-43.5 21-75h34c-4.8 41.9-12.2 74.9-22 99-9.8 24.1-30.5 59.8-62 107Z"/>
<!-- /trees -->
<!-- dots -->
<path fill="#39AEC6" d="M632 920c16.6 0 30-4.5 30-10s-13.4-10-30-10-30 4.5-30 10 13.4 10 30 10Zm-475 0c16.6 0 30-4.5 30-10s-13.4-10-30-10-30 4.5-30 10 13.4 10 30 10Zm1192-10c16.6 0 30-4.5 30-10s-13.4-10-30-10-30 4.5-30 10 13.4 10 30 10Zm441 10c16.6 0 30-4.5 30-10s-13.4-10-30-10-30 4.5-30 10 13.4 10 30 10ZM589 954c11.6 0 21-3.1 21-7s-9.4-7-21-7-21 3.1-21 7 9.4 7 21 7Zm717-70c11.6 0 21-3.1 21-7s-9.4-7-21-7-21 3.1-21 7 9.4 7 21 7Zm439 7c11.6 0 21-3.1 21-7s-9.4-7-21-7-21 3.1-21 7 9.4 7 21 7Zm-466 38c11.6 0 21-3.1 21-7s-9.4-7-21-7-21 3.1-21 7 9.4 7 21 7ZM239 906c11.6 0 21-3.1 21-7s-9.4-7-21-7-21 3.1-21 7 9.4 7 21 7Z"/>
<!-- leaves -->
<g transform="translate(0,-50)">
<path fill="#C4E8EE" d="M1861.7 21.6c1.4 5.9 14.3-1.5 14.3 7.6 0 9-15.9-.3-19.1 4.1-3.3 4.5 17.4 6.6 4.8 15.4-5.9 4.2-9.4-2.7-18-9-.3-.2-2 3.2-5.4 10.3h-2.2c4.3-7.5 6.1-11.2 5.6-11.3-11.5-1.2-16.7-4.4-15.5-9.5 1.8-8.4 13 1.8 16.4-3.5 3.4-5.3-11.3-11.7-3.2-17 8-5.5 3.4 10.5 12.6 8.2 9.2-2.3 4.6-21.5 17.5-15.9 13 5.7-9.1 14.7-7.8 20.6Z">
<animateTransform attributeName="transform" type="translate" from="0,-50" to="0,880" dur="5s" begin="1.7s" repeatCount="indefinite" />
<animateTransform attributeName="transform" type="translate" values="0,0; -10,0; 0,0; 10,0; 0,0" keyTimes="0;0.25;0.5;0.75;1" dur="5s" begin="1.7s" repeatCount="indefinite" additive="sum" />
<animateTransform attributeName="transform" type="rotate" values="0; 2; 0; -2; 0" keyTimes="0;0.25;0.5;0.75;1" dur="2s" begin="1.7s" repeatCount="indefinite" additive="sum" />
<animate
attributeName="opacity"
values="1;1;0"
keyTimes="0;0.9;1"
dur="5s"
begin="1.7s"
repeatCount="indefinite" />
</path>
<path fill="#C4E8EE" d="M1711.7 21.6c1.4 5.9 14.3-1.5 14.3 7.6 0 9-15.9-.3-19.1 4.1-3.3 4.5 17.4 6.6 4.8 15.4-5.9 4.2-9.4-2.7-18-9-.3-.2-2 3.2-5.4 10.3h-2.2c4.3-7.5 6.1-11.2 5.6-11.3-11.5-1.2-16.7-4.4-15.5-9.5 1.8-8.4 13 1.8 16.4-3.5 3.4-5.3-11.3-11.7-3.2-17 8-5.5 3.4 10.5 12.6 8.2 9.2-2.3 4.6-21.5 17.5-15.9 13 5.7-9.1 14.7-7.8 20.6Z">
<animateTransform attributeName="transform" type="translate" from="0,-50" to="0,880" dur="10s" begin="3.1s" repeatCount="indefinite" />
<animateTransform attributeName="transform" type="translate" values="0,0; -10,0; 0,0; 10,0; 0,0" keyTimes="0;0.25;0.5;0.75;1" dur="5s" begin="3.1s" repeatCount="indefinite" additive="sum" />
<animateTransform attributeName="transform" type="rotate" values="0; 2; 0; -2; 0" keyTimes="0;0.25;0.5;0.75;1" dur="2s" begin="3.1s" repeatCount="indefinite" additive="sum" />
<animate
attributeName="opacity"
values="1;1;0"
keyTimes="0;0.9;1"
dur="10s"
begin="3.1s"
repeatCount="indefinite" />
</path>
<path fill="#C4E8EE" d="M1561.7 21.6c1.4 5.9 14.3-1.5 14.3 7.6 0 9-15.9-.3-19.1 4.1-3.3 4.5 17.4 6.6 4.8 15.4-5.9 4.2-9.4-2.7-18-9-.3-.2-2 3.2-5.4 10.3h-2.2c4.3-7.5 6.1-11.2 5.6-11.3-11.5-1.2-16.7-4.4-15.5-9.5 1.8-8.4 13 1.8 16.4-3.5 3.4-5.3-11.3-11.7-3.2-17 8-5.5 3.4 10.5 12.6 8.2 9.2-2.3 4.6-21.5 17.5-15.9 13 5.7-9.1 14.7-7.8 20.6Z">
<animateTransform attributeName="transform" type="translate" from="0,-50" to="0,880" dur="15s" begin="2.8s" repeatCount="indefinite" />
<animateTransform attributeName="transform" type="translate" values="0,0; -10,0; 0,0; 10,0; 0,0" keyTimes="0;0.25;0.5;0.75;1" dur="5s" begin="2.8s" repeatCount="indefinite" additive="sum" />
<animateTransform attributeName="transform" type="rotate" values="0; 2; 0; -2; 0" keyTimes="0;0.25;0.5;0.75;1" dur="2s" begin="2.8s" repeatCount="indefinite" additive="sum" />
<animate
attributeName="opacity"
values="1;1;0"
keyTimes="0;0.9;1"
dur="15s"
begin="2.8s"
repeatCount="indefinite" />
</path>
<path fill="#C4E8EE" d="M1411.7 21.6c1.4 5.9 14.3-1.5 14.3 7.6 0 9-15.9-.3-19.1 4.1-3.3 4.5 17.4 6.6 4.8 15.4-5.9 4.2-9.4-2.7-18-9-.3-.2-2 3.2-5.4 10.3h-2.2c4.3-7.5 6.1-11.2 5.6-11.3-11.5-1.2-16.7-4.4-15.5-9.5 1.8-8.4 13 1.8 16.4-3.5 3.4-5.3-11.3-11.7-3.2-17 8-5.5 3.4 10.5 12.6 8.2 9.2-2.3 4.6-21.5 17.5-15.9 13 5.7-9.1 14.7-7.8 20.6Z">
<animateTransform attributeName="transform" type="translate" from="0,-50" to="0,880" dur="10s" begin="2.5s" repeatCount="indefinite" />
<animateTransform attributeName="transform" type="translate" values="0,0; -10,0; 0,0; 10,0; 0,0" keyTimes="0;0.25;0.5;0.75;1" dur="5s" begin="2.5s" repeatCount="indefinite" additive="sum" />
<animateTransform attributeName="transform" type="rotate" values="0; 2; 0; -2; 0" keyTimes="0;0.25;0.5;0.75;1" dur="2s" begin="2.5s" repeatCount="indefinite" additive="sum" />
<animate
attributeName="opacity"
values="1;1;0"
keyTimes="0;0.9;1"
dur="10s"
begin="2.5s"
repeatCount="indefinite" />
</path>
<path fill="#C4E8EE" d="M1261.7 21.6c1.4 5.9 14.3-1.5 14.3 7.6 0 9-15.9-.3-19.1 4.1-3.3 4.5 17.4 6.6 4.8 15.4-5.9 4.2-9.4-2.7-18-9-.3-.2-2 3.2-5.4 10.3h-2.2c4.3-7.5 6.1-11.2 5.6-11.3-11.5-1.2-16.7-4.4-15.5-9.5 1.8-8.4 13 1.8 16.4-3.5 3.4-5.3-11.3-11.7-3.2-17 8-5.5 3.4 10.5 12.6 8.2 9.2-2.3 4.6-21.5 17.5-15.9 13 5.7-9.1 14.7-7.8 20.6Z">
<animateTransform attributeName="transform" type="translate" from="0,-50" to="0,880" dur="15s" begin="2.4s" repeatCount="indefinite" />
<animateTransform attributeName="transform" type="translate" values="0,0; -10,0; 0,0; 10,0; 0,0" keyTimes="0;0.25;0.5;0.75;1" dur="5s" begin="2.4s" repeatCount="indefinite" additive="sum" />
<animateTransform attributeName="transform" type="rotate" values="0; 2; 0; -2; 0" keyTimes="0;0.25;0.5;0.75;1" dur="2s" begin="2.4s" repeatCount="indefinite" additive="sum" />
<animate
attributeName="opacity"
values="1;1;0"
keyTimes="0;0.9;1"
dur="15s"
begin="2.4s"
repeatCount="indefinite" />
</path>
<path fill="#C4E8EE" d="M1111.7 21.6c1.4 5.9 14.3-1.5 14.3 7.6 0 9-15.9-.3-19.1 4.1-3.3 4.5 17.4 6.6 4.8 15.4-5.9 4.2-9.4-2.7-18-9-.3-.2-2 3.2-5.4 10.3h-2.2c4.3-7.5 6.1-11.2 5.6-11.3-11.5-1.2-16.7-4.4-15.5-9.5 1.8-8.4 13 1.8 16.4-3.5 3.4-5.3-11.3-11.7-3.2-17 8-5.5 3.4 10.5 12.6 8.2 9.2-2.3 4.6-21.5 17.5-15.9 13 5.7-9.1 14.7-7.8 20.6Z">
<animateTransform attributeName="transform" type="translate" from="0,-50" to="0,880" dur="5s" begin="2.1s" repeatCount="indefinite" />
<animateTransform attributeName="transform" type="translate" values="0,0; -10,0; 0,0; 10,0; 0,0" keyTimes="0;0.25;0.5;0.75;1" dur="5s" begin="2.1s" repeatCount="indefinite" additive="sum" />
<animateTransform attributeName="transform" type="rotate" values="0; 2; 0; -2; 0" keyTimes="0;0.25;0.5;0.75;1" dur="2s" begin="2.1s" repeatCount="indefinite" additive="sum" />
<animate
attributeName="opacity"
values="1;1;0"
keyTimes="0;0.9;1"
dur="5s"
begin="2.1s"
repeatCount="indefinite" />
</path>
<path fill="#C4E8EE" d="M961.7 21.6c1.4 5.9 14.3-1.5 14.3 7.6 0 9-15.9-.3-19.1 4.1-3.3 4.5 17.4 6.6 4.8 15.4-5.9 4.2-9.4-2.7-18-9-.3-.2-2 3.2-5.4 10.3H936c4.3-7.5 6.1-11.2 5.6-11.3-11.5-1.2-16.7-4.4-15.5-9.5 1.8-8.4 13 1.8 16.4-3.5 3.4-5.3-11.3-11.7-3.2-17 8-5.5 3.4 10.5 12.6 8.2 9.2-2.3 4.6-21.5 17.5-15.9 13 5.7-9.1 14.7-7.8 20.6Z">
<animateTransform attributeName="transform" type="translate" from="0,-50" to="0,880" dur="10s" begin="2.4s" repeatCount="indefinite" />
<animateTransform attributeName="transform" type="translate" values="0,0; -10,0; 0,0; 10,0; 0,0" keyTimes="0;0.25;0.5;0.75;1" dur="5s" begin="2.4s" repeatCount="indefinite" additive="sum" />
<animateTransform attributeName="transform" type="rotate" values="0; 2; 0; -2; 0" keyTimes="0;0.25;0.5;0.75;1" dur="2s" begin="2.4s" repeatCount="indefinite" additive="sum" />
<animate
attributeName="opacity"
values="1;1;0"
keyTimes="0;0.9;1"
dur="10s"
begin="2.4s"
repeatCount="indefinite" />
</path>
<path fill="#C4E8EE" d="M811.7 21.6c1.4 5.9 14.3-1.5 14.3 7.6 0 9-15.9-.3-19.1 4.1-3.3 4.5 17.4 6.6 4.8 15.4-5.9 4.2-9.4-2.7-18-9-.3-.2-2 3.2-5.4 10.3H786c4.3-7.5 6.1-11.2 5.6-11.3-11.5-1.2-16.7-4.4-15.5-9.5 1.8-8.4 13 1.8 16.4-3.5 3.4-5.3-11.3-11.7-3.2-17 8-5.5 3.4 10.5 12.6 8.2 9.2-2.3 4.6-21.5 17.5-15.9 13 5.7-9.1 14.7-7.8 20.6Z">
<animateTransform attributeName="transform" type="translate" from="0,-50" to="0,880" dur="5s" begin="2s" repeatCount="indefinite" />
<animateTransform attributeName="transform" type="translate" values="0,0; -10,0; 0,0; 10,0; 0,0" keyTimes="0;0.25;0.5;0.75;1" dur="5s" begin="2s" repeatCount="indefinite" additive="sum" />
<animateTransform attributeName="transform" type="rotate" values="0; 2; 0; -2; 0" keyTimes="0;0.25;0.5;0.75;1" dur="2s" begin="2s" repeatCount="indefinite" additive="sum" />
<animate
attributeName="opacity"
values="1;1;0"
keyTimes="0;0.9;1"
dur="5s"
begin="2s"
repeatCount="indefinite" />
</path>
<path fill="#C4E8EE" d="M661.7 21.6c1.4 5.9 14.3-1.5 14.3 7.6 0 9-15.9-.3-19.1 4.1-3.3 4.5 17.4 6.6 4.8 15.4-5.9 4.2-9.4-2.7-18-9-.3-.2-2 3.2-5.4 10.3H636c4.3-7.5 6.1-11.2 5.6-11.3-11.5-1.2-16.7-4.4-15.5-9.5 1.8-8.4 13 1.8 16.4-3.5 3.4-5.3-11.3-11.7-3.2-17 8-5.5 3.4 10.5 12.6 8.2 9.2-2.3 4.6-21.5 17.5-15.9 13 5.7-9.1 14.7-7.8 20.6Z">
<animateTransform attributeName="transform" type="translate" from="0,-50" to="0,880" dur="15s" begin="2.1s" repeatCount="indefinite" />
<animateTransform attributeName="transform" type="translate" values="0,0; -10,0; 0,0; 10,0; 0,0" keyTimes="0;0.25;0.5;0.75;1" dur="5s" begin="2.1s" repeatCount="indefinite" additive="sum" />
<animateTransform attributeName="transform" type="rotate" values="0; 2; 0; -2; 0" keyTimes="0;0.25;0.5;0.75;1" dur="2s" begin="2.1s" repeatCount="indefinite" additive="sum" />
<animate
attributeName="opacity"
values="1;1;0"
keyTimes="0;0.9;1"
dur="15s"
begin="2.1s"
repeatCount="indefinite" />
</path>
<path fill="#C4E8EE" d="M511.7 21.6c1.4 5.9 14.3-1.5 14.3 7.6 0 9-15.9-.3-19.1 4.1-3.3 4.5 17.4 6.6 4.8 15.4-5.9 4.2-9.4-2.7-18-9-.3-.2-2 3.2-5.4 10.3H486c4.3-7.5 6.1-11.2 5.6-11.3-11.5-1.2-16.7-4.4-15.5-9.5 1.8-8.4 13 1.8 16.4-3.5 3.4-5.3-11.3-11.7-3.2-17 8-5.5 3.4 10.5 12.6 8.2 9.2-2.3 4.6-21.5 17.5-15.9 13 5.7-9.1 14.7-7.8 20.6Z">
<animateTransform attributeName="transform" type="translate" from="0,-50" to="0,880" dur="5s" begin="0.6s" repeatCount="indefinite" />
<animateTransform attributeName="transform" type="translate" values="0,0; -10,0; 0,0; 10,0; 0,0" keyTimes="0;0.25;0.5;0.75;1" dur="5s" begin="0.6s" repeatCount="indefinite" additive="sum" />
<animateTransform attributeName="transform" type="rotate" values="0; 2; 0; -2; 0" keyTimes="0;0.25;0.5;0.75;1" dur="2s" begin="0.6s" repeatCount="indefinite" additive="sum" />
<animate
attributeName="opacity"
values="1;1;0"
keyTimes="0;0.9;1"
dur="5s"
begin="0.6s"
repeatCount="indefinite" />
</path>
<path fill="#C4E8EE" d="M361.7 21.6c1.4 5.9 14.3-1.5 14.3 7.6 0 9-15.9-.3-19.1 4.1-3.3 4.5 17.4 6.6 4.8 15.4-5.9 4.2-9.4-2.7-18-9-.3-.2-2 3.2-5.4 10.3H336c4.3-7.5 6.1-11.2 5.6-11.3-11.5-1.2-16.7-4.4-15.5-9.5 1.8-8.4 13 1.8 16.4-3.5 3.4-5.3-11.3-11.7-3.2-17 8-5.5 3.4 10.5 12.6 8.2 9.2-2.3 4.6-21.5 17.5-15.9 13 5.7-9.1 14.7-7.8 20.6Z">
<animateTransform attributeName="transform" type="translate" from="0,-50" to="0,880" dur="10s" begin="1.7s" repeatCount="indefinite" />
<animateTransform attributeName="transform" type="translate" values="0,0; -10,0; 0,0; 10,0; 0,0" keyTimes="0;0.25;0.5;0.75;1" dur="5s" begin="1.7s" repeatCount="indefinite" additive="sum" />
<animateTransform attributeName="transform" type="rotate" values="0; 2; 0; -2; 0" keyTimes="0;0.25;0.5;0.75;1" dur="2s" begin="1.7s" repeatCount="indefinite" additive="sum" />
<animate
attributeName="opacity"
values="1;1;0"
keyTimes="0;0.9;1"
dur="10s"
begin="1.7s"
repeatCount="indefinite" />
</path>
<path fill="#C4E8EE" d="M211.7 21.6c1.4 5.9 14.3-1.5 14.3 7.6 0 9-15.9-.3-19.1 4.1-3.3 4.5 17.4 6.6 4.8 15.4-5.9 4.2-9.4-2.7-18-9-.3-.2-2 3.2-5.4 10.3H186c4.3-7.5 6.1-11.2 5.6-11.3-11.5-1.2-16.7-4.4-15.5-9.5 1.8-8.4 13 1.8 16.4-3.5 3.4-5.3-11.3-11.7-3.2-17 8-5.5 3.4 10.5 12.6 8.2 9.2-2.3 4.6-21.5 17.5-15.9 13 5.7-9.1 14.7-7.8 20.6Z">
<animateTransform attributeName="transform" type="translate" from="0,-50" to="0,880" dur="15s" begin="2.5s" repeatCount="indefinite" />
<animateTransform attributeName="transform" type="translate" values="0,0; -10,0; 0,0; 10,0; 0,0" keyTimes="0;0.25;0.5;0.75;1" dur="5s" begin="2.5s" repeatCount="indefinite" additive="sum" />
<animateTransform attributeName="transform" type="rotate" values="0; 2; 0; -2; 0" keyTimes="0;0.25;0.5;0.75;1" dur="2s" begin="2.5s" repeatCount="indefinite" additive="sum" />
<animate
attributeName="opacity"
values="1;1;0"
keyTimes="0;0.9;1"
dur="15s"
begin="2.5s"
repeatCount="indefinite" />
</path>
<path fill="#C4E8EE" d="M61.7 21.6C63.1 27.5 76 20 76 29.2c0 9-15.9-.3-19.1 4.1-3.3 4.5 17.4 6.6 4.8 15.4-5.9 4.2-9.4-2.7-18-9-.3-.2-2 3.2-5.4 10.3H36c4.3-7.5 6.1-11.2 5.6-11.3-11.5-1.2-16.7-4.4-15.5-9.5 1.8-8.4 13 1.8 16.4-3.5 3.4-5.3-11.3-11.7-3.2-17 8-5.5 3.4 10.5 12.6 8.2C61.2 14.6 56.6-4.6 69.5 1c13 5.7-9.1 14.7-7.8 20.6Z">
<animateTransform attributeName="transform" type="translate" from="0,-50" to="0,880" dur="10s" begin="0.1s" repeatCount="indefinite" />
<animateTransform attributeName="transform" type="translate" values="0,0; -10,0; 0,0; 10,0; 0,0" keyTimes="0;0.25;0.5;0.75;1" dur="5s" begin="0.1s" repeatCount="indefinite" additive="sum" />
<animateTransform attributeName="transform" type="rotate" values="0; 2; 0; -2; 0" keyTimes="0;0.25;0.5;0.75;1" dur="2s" begin="0.1s" repeatCount="indefinite" additive="sum" />
<animate
attributeName="opacity"
values="1;1;0"
keyTimes="0;0.9;1"
dur="10s"
begin="0.1s"
repeatCount="indefinite" />
</path>
</g>
<!-- text -->
<g fill-rule="nonzero">
<path fill="#000515" d="M1045.2 156.4c3.4 1.3 6.2 3.1 8.3 5.4a11 11 0 0 1 3.2 7.3c.1 2.7-1.6 5-5.1 7.1a9.3 9.3 0 0 0-3.6 5.6l-2.3 8.2a28 28 0 0 1-3.7 7.9c-1.6 2.4-4.1 3.8-7.6 4.2-1.8 1-4.4 1.7-7.7 2l-6.5 1c-1 .2-1.6.6-1.8 1.2l-9 27a1645.7 1645.7 0 0 1-22.7 64c-4 10-7.2 17.7-9.8 22.9a43.3 43.3 0 0 1-6.8 10.8c-2 2-4 3.3-6 4-2 .7-4 1-6 .8-2 0-4.1-.2-6.2-.4-11.8-1.8-15.4-10.3-11-25.4a5908.7 5908.7 0 0 0 14.7-60.8 223 223 0 0 1 6.4-20.7l5.8-16.1c-5.3.7-10 .1-14.3-1.7-6.1-2.7-8.6-8.4-7.5-17.2a19 19 0 0 1 6.5-11.4c2-1.8 4.3-3.8 7-5.9a108 108 0 0 1 32.5-13.8c16.8-5 31.2-7.4 43.2-7.2 3.2-.5 6.6-.1 10 1.2Zm182.5 0c3.4 1.3 6.2 3.1 8.3 5.4a11 11 0 0 1 3.2 7.3c.1 2.7-1.6 5-5.1 7.1a9.3 9.3 0 0 0-3.6 5.6l-2.3 8.2a28 28 0 0 1-3.7 7.9c-1.6 2.4-4.1 3.8-7.6 4.2-1.8 1-4.4 1.7-7.7 2l-6.5 1c-1 .2-1.6.6-1.8 1.2l-9 27a1645.7 1645.7 0 0 1-22.7 64c-4 10-7.2 17.7-9.8 22.9a43.3 43.3 0 0 1-6.8 10.8c-2 2-4 3.3-6 4-2 .7-4 1-6 .8-2 0-4.2-.2-6.3-.4-11.7-1.8-15.4-10.3-10.9-25.4a5908.7 5908.7 0 0 0 14.7-60.8 223 223 0 0 1 6.4-20.7l5.8-16.1c-5.3.7-10 .1-14.3-1.7-6.1-2.7-8.7-8.4-7.5-17.2a19 19 0 0 1 6.5-11.4c2-1.8 4.2-3.8 6.9-5.9a108 108 0 0 1 32.6-13.8c16.8-5 31.2-7.4 43.2-7.2 3.2-.5 6.6-.1 10 1.2Zm72.1 3c8.3 2.1 12 7.6 11 16.4-2 8.7-5 17.4-8.8 26-3.8 8.7-8.2 17.8-13.1 27.4a1769 1769 0 0 1-16 30.2 535 535 0 0 0-17 34.7c-.1.5.2 1 .9 1.4 1.8-.1 4.3-.7 7.6-1.7s6.8-1.8 10.3-2.6c3.6-.7 7.1-1.1 10.6-1.1s6.5.9 8.9 2.7c-.2 2.5.4 4.5 1.8 6l4.2 4.3c3.5 3.6 3.8 8.5.9 14.5a22.6 22.6 0 0 1-15.1 12c-3 .8-5.8 1.2-8.4 1.3l-8.1.3c-2.6.2-6.2.2-10.6.2h-.7a797 797 0 0 1-21.4-.4c-2.2.2-4.5.2-6.7.2s-4.3-.4-6.3-1.2c-4.3-1.9-7.3-6-8.8-12.6a19 19 0 0 0-2.4-6.5c-1-1.3-1.7-2.5-2.2-3.6-1.4-2.3-1.3-6 .3-11.1l6.2-19.3a621 621 0 0 1 8.6-24.2 489.7 489.7 0 0 1 20.4-48.3 19721.5 19721.5 0 0 0 10.9-24l2-4.6c1.5-5.3 6.9-9.8 16.2-13.4a39.5 39.5 0 0 1 24.8-3Zm-176.4-32.6a12 12 0 0 1 7.2 6.7c1.6 3.5 1.2 8.1-1.2 14a3441.7 3441.7 0 0 1-24.9 75.4 6862 6862 0 0 1-9.5 28.7c-3 8.7-5.7 17-8.2 25-1.4 9.3-6 15.8-13.6 19.6a37.3 37.3 0 0 1-16 3.1c-6.2 0-10.8-.6-13.9-2-3-1.3-5-3.2-6-5.7-.9-2.6-.9-5.6 0-9.2 1-3.5 2.5-8.4 4.8-14.7 2.2-6.2 5-14.6 8.5-25.3 3.4-10.6 7-21.4 10.8-32.3a475.2 475.2 0 0 1 22.3-56.7c2-4 4.2-6.6 6.3-7.9 2-1.3 4-2.3 6-3 2-.6 3.8-1.3 5.5-2.1 1.7-.9 3.2-3 4.5-6.3 1.3-3.4 3.8-5.7 7.4-7 3.5-1.2 6.9-1.3 10-.3Zm408.5 20.8c3.9.7 7.3 2 10 4l8.5 6c4.9 5 6 10 3.5 15a13.4 13.4 0 0 1-11.3 7.8c.3 3.7-.4 6.5-2.1 8.3-3.2 3.2-8.8 5.3-16.8 6.3-11.5-.8-19.3-.2-23.3 2-4.8 2.4-6.5 7.9-5.3 16.3.3 1.8 1.5 3.7 3.5 5.7s4.4 4 7.1 6.3c2.8 2.2 5.6 4.7 8.6 7.5s5.7 6 8 9.7c7.8 12.9 7.1 28-2 45.1a63 63 0 0 1-34.4 29c-8.4 3.4-18.4 5-29.8 5-7.2.3-13.7-.5-19.7-2.6-6-2-10.8-4.8-14.5-8.3-3.7-3.5-6-7.6-7-12.3-1-4.6-.1-9.4 2.5-14.3 3.7-6 11-7.7 21.9-5.3 8.2 1.7 14 2.6 17 2.7a18 18 0 0 0 8.2-1.2c10.2-3.4 16-7 17.2-11 .8-2.9-1-6.3-5.5-10.2a77.8 77.8 0 0 0-6-5 41.2 41.2 0 0 1-5.7-5.1 60.5 60.5 0 0 1-16.5-18c-4-6.8-5.7-14.1-5-22.1.7-8 2-14.6 4-19.9a58.6 58.6 0 0 1 27.5-31.4 112 112 0 0 1 23-9.4 86.4 86.4 0 0 1 34.4-.6Zm-108.4-19.8c5.9.1 9.8 2.1 11.7 6a17 17 0 0 1 .6 12.9 32.4 32.4 0 0 1-8.6 13.4 28.3 28.3 0 0 1-16 7.8 154 154 0 0 0-15.2 4.8c-3.5 1.7-6 4-7.6 6.7l-5.4 8.8a29.7 29.7 0 0 0-3.6 9l-.8 4.7c2.6 1.3 5.9 1.6 9.7 1.2l10.7-1.5c3.3-.5 6-.5 8-.1s2.5 2.5 1.3 6.2a50 50 0 0 1-6.5 12.5c-3.2 4.6-7.6 8-13.4 10a135.8 135.8 0 0 0-9.4 2.1l-.5.1-.6.2-8.4.6a102.5 102.5 0 0 0-12 26c-.5 2.5-.1 3.8 1.1 3.8 8.1.8 14.2 1.3 18.2 1.3s10-.6 18.2-1.7c2.5.8 4 1.9 4.4 3.1.4 1.3.5 2.6.4 4a12 12 0 0 0 .2 3.8c.3 1.3 1.6 2.3 4 3.2 1.2.4 1.6 1.6 1.1 3.6s-1.6 4.3-3.4 6.6c-4.6 6-10.1 10.3-16.4 12.6-10 2.6-18 4-23.7 4.5-9.6.7-20 .3-31.1-1-12.3-2.3-18.3-7.4-17.9-15.4 0-29.4 6.5-59 19.4-88.6 4.2-9.7 9-19.9 14.2-30.5 1.2-2.2 1.8-4.8 2-7.6l.6-8.1c0-2.7.5-5 1.2-7.2a7 7 0 0 1 4.4-4.4c29.1-11.6 52.2-16 69.1-13.4Z"/>
<path fill="#E9DAA8" d="M1035.2 146.4c3.4 1.3 6.2 3.1 8.3 5.4a11 11 0 0 1 3.2 7.3c.1 2.7-1.6 5-5.1 7.1a9.3 9.3 0 0 0-3.6 5.6l-2.3 8.2a28 28 0 0 1-3.7 7.9c-1.6 2.4-4.1 3.8-7.6 4.2-1.8 1-4.4 1.7-7.7 2l-6.5 1c-1 .2-1.6.6-1.8 1.2l-9 27a1645.7 1645.7 0 0 1-22.7 64c-4 10-7.2 17.7-9.8 22.9a43.3 43.3 0 0 1-6.8 10.8c-2 2-4 3.3-6 4-2 .7-4 1-6 .8-2 0-4.1-.2-6.2-.4-11.8-1.8-15.4-10.3-11-25.4a5908.7 5908.7 0 0 0 14.7-60.8 223 223 0 0 1 6.4-20.7l5.8-16.1c-5.3.7-10 .1-14.3-1.7-6.1-2.7-8.6-8.4-7.5-17.2a19 19 0 0 1 6.5-11.4c2-1.8 4.3-3.8 7-5.9a108 108 0 0 1 32.5-13.8c16.8-5 31.2-7.4 43.2-7.2 3.2-.5 6.6-.1 10 1.2Zm182.5 0c3.4 1.3 6.2 3.1 8.3 5.4a11 11 0 0 1 3.2 7.3c.1 2.7-1.6 5-5.1 7.1a9.3 9.3 0 0 0-3.6 5.6l-2.3 8.2a28 28 0 0 1-3.7 7.9c-1.6 2.4-4.1 3.8-7.6 4.2-1.8 1-4.4 1.7-7.7 2l-6.5 1c-1 .2-1.6.6-1.8 1.2l-9 27a1645.7 1645.7 0 0 1-22.7 64c-4 10-7.2 17.7-9.8 22.9a43.3 43.3 0 0 1-6.8 10.8c-2 2-4 3.3-6 4-2 .7-4 1-6 .8-2 0-4.2-.2-6.3-.4-11.7-1.8-15.4-10.3-10.9-25.4a5908.7 5908.7 0 0 0 14.7-60.8 223 223 0 0 1 6.4-20.7l5.8-16.1c-5.3.7-10 .1-14.3-1.7-6.1-2.7-8.7-8.4-7.5-17.2a19 19 0 0 1 6.5-11.4c2-1.8 4.2-3.8 6.9-5.9a108 108 0 0 1 32.6-13.8c16.8-5 31.2-7.4 43.2-7.2 3.2-.5 6.6-.1 10 1.2Zm72.1 3c8.3 2.1 12 7.6 11 16.4-2 8.7-5 17.4-8.8 26-3.8 8.7-8.2 17.8-13.1 27.4a1769 1769 0 0 1-16 30.2 535 535 0 0 0-17 34.7c-.1.5.2 1 .9 1.4 1.8-.1 4.3-.7 7.6-1.7s6.8-1.8 10.3-2.6c3.6-.7 7.1-1.1 10.6-1.1s6.5.9 8.9 2.7c-.2 2.5.4 4.5 1.8 6l4.2 4.3c3.5 3.6 3.8 8.5.9 14.5a22.6 22.6 0 0 1-15.1 12c-3 .8-5.8 1.2-8.4 1.3l-8.1.3c-2.6.2-6.2.2-10.6.2h-.7a797 797 0 0 1-21.4-.4c-2.2.2-4.5.2-6.7.2s-4.3-.4-6.3-1.2c-4.3-1.9-7.3-6-8.8-12.6a19 19 0 0 0-2.4-6.5c-1-1.3-1.7-2.5-2.2-3.6-1.4-2.3-1.3-6 .3-11.1l6.2-19.3a621 621 0 0 1 8.6-24.2 489.7 489.7 0 0 1 20.4-48.3 19721.5 19721.5 0 0 0 10.9-24l2-4.6c1.5-5.3 6.9-9.8 16.2-13.4a39.5 39.5 0 0 1 24.8-3Zm-176.4-32.6a12 12 0 0 1 7.2 6.7c1.6 3.5 1.2 8.1-1.2 14a3441.7 3441.7 0 0 1-24.9 75.4 6862 6862 0 0 1-9.5 28.7c-3 8.7-5.7 17-8.2 25-1.4 9.3-6 15.8-13.6 19.6a37.3 37.3 0 0 1-16 3.1c-6.2 0-10.8-.6-13.9-2-3-1.3-5-3.2-6-5.7-.9-2.6-.9-5.6 0-9.2 1-3.5 2.5-8.4 4.8-14.7 2.2-6.2 5-14.6 8.5-25.3 3.4-10.6 7-21.4 10.8-32.3a475.2 475.2 0 0 1 22.3-56.7c2-4 4.2-6.6 6.3-7.9 2-1.3 4-2.3 6-3 2-.6 3.8-1.3 5.5-2.1 1.7-.9 3.2-3 4.5-6.3 1.3-3.4 3.8-5.7 7.4-7 3.5-1.2 6.9-1.3 10-.3Zm408.5 20.8c3.9.7 7.3 2 10 4l8.5 6c4.9 5 6 10 3.5 15a13.4 13.4 0 0 1-11.3 7.8c.3 3.7-.4 6.5-2.1 8.3-3.2 3.2-8.8 5.3-16.8 6.3-11.5-.8-19.3-.2-23.3 2-4.8 2.4-6.5 7.9-5.3 16.3.3 1.8 1.5 3.7 3.5 5.7s4.4 4 7.1 6.3c2.8 2.2 5.6 4.7 8.6 7.5s5.7 6 8 9.7c7.8 12.9 7.1 28-2 45.1a63 63 0 0 1-34.4 29c-8.4 3.4-18.4 5-29.8 5-7.2.3-13.7-.5-19.7-2.6-6-2-10.8-4.8-14.5-8.3-3.7-3.5-6-7.6-7-12.3-1-4.6-.1-9.4 2.5-14.3 3.7-6 11-7.7 21.9-5.3 8.2 1.7 14 2.6 17 2.7a18 18 0 0 0 8.2-1.2c10.2-3.4 16-7 17.2-11 .8-2.9-1-6.3-5.5-10.2a77.8 77.8 0 0 0-6-5 41.2 41.2 0 0 1-5.7-5.1 60.5 60.5 0 0 1-16.5-18c-4-6.8-5.7-14.1-5-22.1.7-8 2-14.6 4-19.9a58.6 58.6 0 0 1 27.5-31.4 112 112 0 0 1 23-9.4 86.4 86.4 0 0 1 34.4-.6Zm-108.4-19.8c5.9.1 9.8 2.1 11.7 6a17 17 0 0 1 .6 12.9 32.4 32.4 0 0 1-8.6 13.4 28.3 28.3 0 0 1-16 7.8 154 154 0 0 0-15.2 4.8c-3.5 1.7-6 4-7.6 6.7l-5.4 8.8a29.7 29.7 0 0 0-3.6 9l-.8 4.7c2.6 1.3 5.9 1.6 9.7 1.2l10.7-1.5c3.3-.5 6-.5 8-.1s2.5 2.5 1.3 6.2a50 50 0 0 1-6.5 12.5c-3.2 4.6-7.6 8-13.4 10a135.8 135.8 0 0 0-9.4 2.1l-.5.1-.6.2-8.4.6a102.5 102.5 0 0 0-12 26c-.5 2.5-.1 3.8 1.1 3.8 8.1.8 14.2 1.3 18.2 1.3s10-.6 18.2-1.7c2.5.8 4 1.9 4.4 3.1.4 1.3.5 2.6.4 4a12 12 0 0 0 .2 3.8c.3 1.3 1.6 2.3 4 3.2 1.2.4 1.6 1.6 1.1 3.6s-1.6 4.3-3.4 6.6c-4.6 6-10.1 10.3-16.4 12.6-10 2.6-18 4-23.7 4.5-9.6.7-20 .3-31.1-1-12.3-2.3-18.3-7.4-17.9-15.4 0-29.4 6.5-59 19.4-88.6 4.2-9.7 9-19.9 14.2-30.5 1.2-2.2 1.8-4.8 2-7.6l.6-8.1c0-2.7.5-5 1.2-7.2a7 7 0 0 1 4.4-4.4c29.1-11.6 52.2-16 69.1-13.4Z"/>
<path fill="#000515" d="M486.1 156.4c3.4 1.3 6.2 3.1 8.3 5.4a11 11 0 0 1 3.3 7.3c0 2.7-1.7 5-5.2 7.1a9.3 9.3 0 0 0-3.5 5.6l-2.4 8.2a28 28 0 0 1-3.6 7.9c-1.6 2.4-4.2 3.8-7.7 4.2-1.8 1-4.4 1.7-7.7 2l-6.5 1c-1 .2-1.6.6-1.8 1.2l-9 27a1645.7 1645.7 0 0 1-22.7 64c-3.9 10-7.1 17.7-9.7 22.9A43.3 43.3 0 0 1 411 331c-2 2-4 3.3-6 4-2 .7-4 1-6 .8-2 0-4.1-.2-6.2-.4-11.8-1.8-15.4-10.3-11-25.4a5908.7 5908.7 0 0 0 14.8-60.8 223 223 0 0 1 6.4-20.7l5.7-16.1c-5.3.7-10 .1-14.2-1.7-6.2-2.7-8.7-8.4-7.6-17.2a19 19 0 0 1 6.5-11.4c2-1.8 4.3-3.8 7-5.9a108 108 0 0 1 32.5-13.8c16.8-5 31.2-7.4 43.2-7.2 3.3-.5 6.6-.1 10 1.2Zm232.8.1c7.6 1.4 14 5.7 19.3 12.8.3 1 .9 2.5 1.8 4.4 1 2 1.8 4.2 2.6 6.5 6.2 14.3 6.7 33 1.5 56.3a173.4 173.4 0 0 1-34.2 73.3 73.2 73.2 0 0 1-17 15.3 52.3 52.3 0 0 1-36.2 10.3c-8.6-.4-16-2.6-21.8-6.5-23.4-11.6-31-35.8-22.9-72.6a170.4 170.4 0 0 1 36.3-75.9 56.1 56.1 0 0 1 29.4-18.9 35.6 35.6 0 0 1 21 .9c5.2-5.5 12-7.4 20.2-5.9ZM696.2 204a383.3 383.3 0 0 0-31.5 47.4c-8 15-12.6 28.5-13.8 40.6l-.2 1.2.4 2.3c.8 4.4 2.2 7.7 4.2 10s3.5 3.7 4.8 4.3a82 82 0 0 1 4.2-3.1c1.4-1 2.7-2.2 3.8-3.6a127 127 0 0 0 22.2-46.2c5.4-19 7.3-36.7 6-53Zm195.2-60.4c3 .6 5 1.8 6.2 3.6 1.2 1.8 1.2 3.7 0 5.7a7.7 7.7 0 0 0-1.2 5.6l1 6.1c.3 6.5-.8 12.2-3.4 17.2-2.7 5-5.4 11-8.2 18.4-2.8 7.4-5.7 15.2-8.5 23.5l-8.7 25.2c-3 8.5-5.9 16.3-8.7 23.3-6.1 16-11.2 25-15 26.6a46.2 46.2 0 0 1-11.8 5.7c-3.3.6-7.8.6-13.7 0-3.6-.3-6.8-5-9.4-14-1.6-5-3-11.8-4.2-20.4a165.6 165.6 0 0 0-4.7-25 321.2 321.2 0 0 1-11.8 34.4c-2.3 4.8-4 8-5.3 9.5-1.2 1.5-2.6 3.5-4.3 6-1.8 5.1-6.1 8.8-13 11.2a23.7 23.7 0 0 1-16 1c-5.1-1.6-6.7-4.9-4.6-9.6 1.6-16.8 7.6-43.4 18-79.6 2.9-9.4 5.2-16.6 7-21.7 1.7-5.2 3.4-9.7 5-13.8a101.7 101.7 0 0 1 13-22.2 34 34 0 0 1 8.3-7.4c2.9-1.8 6-2.7 9.2-2.7 3.2 0 6.6 1.2 10 3.7 5.7 14 9.1 23.4 10.4 28.2 1.7 7 3.2 16.8 4.6 29.6l4.3-10.2 4.7-10.8c4.4-9.3 7-16.3 8.2-21 3-9.8 9.5-17.2 19.1-22a35.6 35.6 0 0 1 23.5-4Zm-296.7-17c7.6 1.3 14 5.6 19.3 12.7.3 1 1 2.5 1.8 4.4 1 2 1.8 4.2 2.6 6.5 6.2 14.3 6.7 33 1.5 56.3a173.4 173.4 0 0 1-34.2 73.3 73.2 73.2 0 0 1-17 15.3 52.3 52.3 0 0 1-36.1 10.3c-8.7-.4-16-2.6-21.9-6.5-23.4-11.6-31-35.8-22.9-72.6a170.4 170.4 0 0 1 36.4-75.9 56.1 56.1 0 0 1 29.4-18.9 35.6 35.6 0 0 1 21 .9c5.1-5.5 11.9-7.4 20.1-5.9ZM572 174a383.3 383.3 0 0 0-31.5 47.4c-8 15-12.6 28.5-13.8 40.6l-.2 1.2.4 2.3c.8 4.4 2.2 7.7 4.2 10s3.6 3.7 4.8 4.3a82 82 0 0 1 4.2-3.1c1.4-1 2.7-2.2 3.8-3.6a127 127 0 0 0 22.3-46.2c5.3-19 7.2-36.7 5.8-53Z"/>
<path fill="#E9DAA8" d="M476.1 146.4c3.4 1.3 6.2 3.1 8.3 5.4a11 11 0 0 1 3.3 7.3c0 2.7-1.7 5-5.2 7.1a9.3 9.3 0 0 0-3.5 5.6l-2.4 8.2a28 28 0 0 1-3.6 7.9c-1.6 2.4-4.2 3.8-7.7 4.2-1.8 1-4.4 1.7-7.7 2l-6.5 1c-1 .2-1.6.6-1.8 1.2l-9 27a1645.7 1645.7 0 0 1-22.7 64c-3.9 10-7.1 17.7-9.7 22.9A43.3 43.3 0 0 1 401 321c-2 2-4 3.3-6 4-2 .7-4 1-6 .8-2 0-4.1-.2-6.2-.4-11.8-1.8-15.4-10.3-11-25.4a5908.7 5908.7 0 0 0 14.8-60.8 223 223 0 0 1 6.4-20.7l5.7-16.1c-5.3.7-10 .1-14.2-1.7-6.2-2.7-8.7-8.4-7.6-17.2a19 19 0 0 1 6.5-11.4c2-1.8 4.3-3.8 7-5.9a108 108 0 0 1 32.5-13.8c16.8-5 31.2-7.4 43.2-7.2 3.3-.5 6.6-.1 10 1.2Zm232.8.1c7.6 1.4 14 5.7 19.3 12.8.3 1 .9 2.5 1.8 4.4 1 2 1.8 4.2 2.6 6.5 6.2 14.3 6.7 33 1.5 56.3a173.4 173.4 0 0 1-34.2 73.3 73.2 73.2 0 0 1-17 15.3 52.3 52.3 0 0 1-36.2 10.3c-8.6-.4-16-2.6-21.8-6.5-23.4-11.6-31-35.8-22.9-72.6a170.4 170.4 0 0 1 36.3-75.9 56.1 56.1 0 0 1 29.4-18.9 35.6 35.6 0 0 1 21 .9c5.2-5.5 12-7.4 20.2-5.9ZM686.2 194a383.3 383.3 0 0 0-31.5 47.4c-8 15-12.6 28.5-13.8 40.6l-.2 1.2.4 2.3c.8 4.4 2.2 7.7 4.2 10s3.5 3.7 4.8 4.3a82 82 0 0 1 4.2-3.1c1.4-1 2.7-2.2 3.8-3.6a127 127 0 0 0 22.2-46.2c5.4-19 7.3-36.7 6-53Zm195.2-60.4c3 .6 5 1.8 6.2 3.6 1.2 1.8 1.2 3.7 0 5.7a7.7 7.7 0 0 0-1.2 5.6l1 6.1c.3 6.5-.8 12.2-3.4 17.2-2.7 5-5.4 11-8.2 18.4-2.8 7.4-5.7 15.2-8.5 23.5l-8.7 25.2c-3 8.5-5.9 16.3-8.7 23.3-6.1 16-11.2 25-15 26.6a46.2 46.2 0 0 1-11.8 5.7c-3.3.6-7.8.6-13.7 0-3.6-.3-6.8-5-9.4-14-1.6-5-3-11.8-4.2-20.4a165.6 165.6 0 0 0-4.7-25 321.2 321.2 0 0 1-11.8 34.4c-2.3 4.8-4 8-5.3 9.5-1.2 1.5-2.6 3.5-4.3 6-1.8 5.1-6.1 8.8-13 11.2a23.7 23.7 0 0 1-16 1c-5.1-1.6-6.7-4.9-4.6-9.6 1.6-16.8 7.6-43.4 18-79.6 2.9-9.4 5.2-16.6 7-21.7 1.7-5.2 3.4-9.7 5-13.8a101.7 101.7 0 0 1 13-22.2 34 34 0 0 1 8.3-7.4c2.9-1.8 6-2.7 9.2-2.7 3.2 0 6.6 1.2 10 3.7 5.7 14 9.1 23.4 10.4 28.2 1.7 7 3.2 16.8 4.6 29.6l4.3-10.2 4.7-10.8c4.4-9.3 7-16.3 8.2-21 3-9.8 9.5-17.2 19.1-22a35.6 35.6 0 0 1 23.5-4Zm-296.7-17c7.6 1.3 14 5.6 19.3 12.7.3 1 1 2.5 1.8 4.4 1 2 1.8 4.2 2.6 6.5 6.2 14.3 6.7 33 1.5 56.3a173.4 173.4 0 0 1-34.2 73.3 73.2 73.2 0 0 1-17 15.3 52.3 52.3 0 0 1-36.1 10.3c-8.7-.4-16-2.6-21.9-6.5-23.4-11.6-31-35.8-22.9-72.6a170.4 170.4 0 0 1 36.4-75.9 56.1 56.1 0 0 1 29.4-18.9 35.6 35.6 0 0 1 21 .9c5.1-5.5 11.9-7.4 20.1-5.9ZM562 164a383.3 383.3 0 0 0-31.5 47.4c-8 15-12.6 28.5-13.8 40.6l-.2 1.2.4 2.3c.8 4.4 2.2 7.7 4.2 10s3.6 3.7 4.8 4.3a82 82 0 0 1 4.2-3.1c1.4-1 2.7-2.2 3.8-3.6a127 127 0 0 0 22.3-46.2c5.3-19 7.2-36.7 5.8-53Z"/>
<path fill="#000515" d="M909.8 51.8c.9.2 1.5.5 1.9 1 .4.4.5 1 .5 2-.1 2-1.6 5.1-4.7 9.5a190.4 190.4 0 0 1-7.3 12.7c-2 3.5-3.5 7-4.7 10.3l.4.2c.3.2.5.5.7.9.5 1 .4 1.7-.2 2.4a8.7 8.7 0 0 1-5.7 2.6c-2 .2-3.9-.2-5.4-1.1-1.5-.9-2-2-1.5-3.2h-.1c.7-1.8 1.5-3.6 2.4-5.2l2.8-5 2.1-3.8c-.5 0-1-.3-1.3-1.2a79 79 0 0 1-1-14.2c-.1-1.4.4-2.7 1.6-4a5.7 5.7 0 0 1 3.5-2c1.4 0 2.2.8 2.6 2.4a93.9 93.9 0 0 0 2 6.8l1.8-2.5 2.1-3.3c1.6-2.3 3-4 4.3-4.9 1.2-.5 2.3-.6 3.2-.4Zm-40 .5c1.6.2 3 .6 4.4 1.2a28 28 0 0 1 7.2 5.3c2.8 2.8 4 6.4 3.5 11a27.3 27.3 0 0 1-2.3 8.4 27.2 27.2 0 0 1-5.6 7.5c-1.2 1.1-2.4 2-3.7 2.8a11.7 11.7 0 0 1-8.2 1.7 4 4 0 0 1-2.6 2.4c-1 .3-2.2.3-3.3 0-1.1-.3-2-1-3-1.9-.8-1-1.2-2.2-1.2-3.8a38 38 0 0 1 1.3-9.9c.6-2.6 1.3-5 2.2-7.3 2.1-5.1 3.3-8.7 3.6-10.8.5-2.8 1.2-4.5 2.3-5.2 1.9-1 3.7-1.6 5.3-1.4Zm-48 .1c.8.2 1.4.5 2 .9 1.1.9 1.3 2 .5 3.4 1 .6 1.7 1.4 2 2.5L824.6 70a168.6 168.6 0 0 1-2.5 14.2l-.6 3.6-.3 1v.7l-.2.3-.1 1c-1 1-2.2 1.5-3.7 1.5-1.6 0-3-.4-3.9-1.3-.6-.4-.7-1.3-.3-2.8.2-.6.3-1.3.3-2.2l.2-2.3c-1 .3-1.8.7-2.6 1.3a187.6 187.6 0 0 0-2.2 1.4l-.9.1c-.6 0-1 .2-1.2.3-1.9 3.4-3.5 5.2-5 5.6-1 .3-1.8.4-2.8.2-1-.1-1.6-.7-2.2-1.6-1-1-.8-3.6.8-8a89.5 89.5 0 0 1 8-16.4c3.2-5.1 6.6-9.4 10.3-12.9l2-.9c.6-.3 1.3-.5 2-.5s1.4 0 2.2.2Zm35.3 1.2c.7.1 1.2.4 1.5.8.2.4.2.9 0 1.3-.3.5-.4.9-.3 1.3l.2 1.4c0 1.5-.2 2.8-.8 4a193 193 0 0 0-5.8 15.3l-2 5.3c-1.4 3.7-2.5 5.7-3.4 6-1.2.8-2.1 1.2-2.7 1.4h-3.1c-.9 0-1.6-1.2-2.2-3.2-.3-1.2-.7-2.7-1-4.7 0-1-.2-1.8-.3-2.5l-.1-.5-.6-2.7a73.4 73.4 0 0 1-2.7 7.9 14.4 14.4 0 0 1-2.2 3.5c-.4 1.2-1.4 2-3 2.6-1.3.5-2.5.5-3.6.2-1.2-.4-1.6-1.1-1-2.2a110.5 110.5 0 0 1 8.1-29c.5-.9 1-1.7 1.6-2.4.6-.7 1.3-1.3 2-1.7a4 4 0 0 1 2-.6 4 4 0 0 1 2.4.9l2.3 6.4c.4 1.6.7 3.8 1 6.8a50 50 0 0 1 2.1-4.8c1-2.2 1.6-3.8 1.9-4.8.7-2.3 2.2-4 4.4-5 1.9-1 3.7-1.3 5.3-1Zm14 9.7c-.5 1-.9 2.1-1 3.3l-1 3.2-1.2 4.3-1 4.5-.3 1.9-.4 1.8-.2 1.8c1.7-.8 3-1.7 4-2.5l2.8-2.5c1.4-1.3 2.4-3 3-4.9 1.5-4.1.6-7.3-2.6-9.4l-2.2-1.5Zm-55.3 3.3-1.8 2.7a99.2 99.2 0 0 1-3.8 9.6l3.8-.2a186.2 186.2 0 0 1 1.8-12.1ZM1046.2 51c.8.1 1.4.3 2 .6 1.2.8 1.5 2 .8 3.6h-.1l-.4.9-.4.4-1.5 3-2 3.8a67 67 0 0 0-2.1 4 29 29 0 0 0 3.9-2.6 58.6 58.6 0 0 1 6.9-4.6h.9c.3 0 .6 0 .9.2l1.2.5c.8.3 1.2 1.2 1.2 2.8 0 1.6-.2 2.7-1 3.5a21.6 21.6 0 0 1-13.2 8.7c1.7.2 3.3 1.3 4.8 3.3 1.3 1.7 2.2 3.4 2.7 5.2l1.4 3.9c.3.8.4 1.5.4 2 0 .4-.3.8-.8 1-.5.3-1.4.5-2.6.7-.5.1-1.6-.5-3.3-2a135 135 0 0 1-4.9-4c-1.9-1.4-3.2-2.2-4-2.3h-.4l-.8 2-1.4 3.4c-.5 1.2-1 2.2-1.7 3.1a5 5 0 0 1-3.4.9c-1.5-.2-2.5-.8-3-1.9-.3-1 .2-3.9 1.6-8.7a907.6 907.6 0 0 0 5.8-22c.6-2 1.2-3.8 2-5.3.6-1.4 1.4-2 2.5-1.5a4 4 0 0 1 .9-1.4l.7-.4a153.8 153.8 0 0 0 2.2-.7 15 15 0 0 1 4.2 0Zm44.7 0c.7.6 1.2 1.7 1.3 3.1v1.2l-.2.3-.5 1a32 32 0 0 0-.6 1.7l-3.2 4.2-.6 1c-.3.2-.5.4-.6.7l-.7.9-1.3 1c-.6.3-1.1.4-1.6.4s-1-.2-1.2-.7c-.3-.4-.4-1.1-.3-2v-.2c.4-1.7.6-3.3.7-4.8a6.5 6.5 0 0 1-4.5 2.7l-3.4 1c-.8.4-1.4 1-1.7 1.6l-1.3 2c-.4.6-.6 1.3-.8 2l-.2 1.1a4 4 0 0 0 2.2.3l2.5-.4h1.8c.5.1.6.6.3 1.4-.3.9-.8 1.8-1.5 2.9-.7 1-1.7 1.8-3 2.3a31 31 0 0 0-2.4.5l-2 .2a23.4 23.4 0 0 0-2.7 6c-.1.5 0 .8.3.8l4.1.3 4.2-.4c.5.2.9.4 1 .7v.9l.1.9c0 .3.4.5 1 .7.2 0 .3.4.2.8-.1.5-.4 1-.8 1.5a8.5 8.5 0 0 1-3.7 3l-5.5 1c-2.1 0-4.5 0-7-.3-2.9-.5-4.3-1.7-4.2-3.5 0-6.7 1.5-13.5 4.5-20.3l3.2-7c.3-.4.4-1 .5-1.7a84.2 84.2 0 0 0 .4-3.5c.1-.4.5-.8 1-1a32 32 0 0 1 15.8-3c1.2 0 2 .4 2.5 1.1a7 7 0 0 1 2.2-2.3c1-.7 2-1 3-1.1 1 0 1.9.3 2.7 1Zm-94.7 1.4c.7.2 1.3.5 1.8.9 1.2.9 1.4 2 .6 3.4 1 .6 1.7 1.4 2 2.5L999 70a168.6 168.6 0 0 1-2.5 14.2l-.6 3.6-.3 1-.1.7v.3l-.3 1c-.9 1-2 1.5-3.6 1.5s-3-.4-3.9-1.3c-.6-.4-.7-1.3-.3-2.8.2-.6.3-1.3.3-2.2l.2-2.3c-1 .3-1.8.7-2.6 1.3a187.6 187.6 0 0 0-2.2 1.4l-.9.1c-.6 0-1 .2-1.2.3-1.9 3.4-3.5 5.2-5 5.6-1 .3-1.9.4-2.8.2-1-.1-1.7-.7-2.2-1.6-1-1-.8-3.6.8-8a89.5 89.5 0 0 1 8-16.4c3.1-5.1 6.5-9.4 10.3-12.9l2-.9c.6-.3 1.3-.5 2-.5s1.4 0 2.2.2Zm-49.6.2c3.4.5 5.6 2 6.7 4.4 1 2.5.9 5.4-.5 8.9a5.5 5.5 0 0 1-2.8 2.9c-1.1.6-2.4 1-3.7 1-1.4 0-2.2-.5-2.6-1.3-.4-.9-.4-2 0-3.2 0-1-.4-1.4-1-1.4-.3 0-.6 0-1 .2l-1 .3a9.8 9.8 0 0 0-2.7 2 35.6 35.6 0 0 0-3.8 5.6c-.4 1-.8 2-1 3-1 3.4-.6 5.7 1 6.9.7.5 1.4.7 2.1.7.8 0 1.4-.2 1.8-.5l1.4-.8a5 5 0 0 1 1.6-.6c.6 0 1.3 0 2.2.3.9.3 1.3.6 1.4 1v2.8c0 .3.4.6 1 .7.6.7.2 1.7-1.1 2.8l-1 .8a18.2 18.2 0 0 1-8.8 2.9c-2 .1-4-.2-6.3-1-3.3-1.3-5.1-4.1-5.5-8.5-.6-4 0-8.2 1.5-12.5 1.3-3.6 3.3-7 6-10.1a18 18 0 0 1 7-5.6c2.8-1.4 5.8-2 9-1.7Zm170.1-.4c1 .2 1.7.5 2.3 1l2 1.3c1 1.1 1.3 2.3.8 3.4-.3.5-.6 1-1 1.3a3 3 0 0 1-1.6.5c0 .9-.1 1.5-.5 2-.7.7-2 1.1-3.8 1.4-2.7-.2-4.4 0-5.4.4-1 .6-1.5 1.8-1.2 3.7 0 .5.4.9.8 1.3l1.7 1.5 2 1.7c.6.6 1.2 1.4 1.7 2.2 1.8 3 1.7 6.4-.4 10.3-1.5 3-4.2 5.2-7.9 6.7-2 .7-4.2 1.1-6.8 1.1-1.6 0-3.1-.1-4.5-.6a9 9 0 0 1-3.3-1.9 5.3 5.3 0 0 1-1.6-2.8c-.2-1 0-2.2.6-3.3.8-1.3 2.5-1.7 5-1.2 1.8.4 3.2.6 3.9.6.7 0 1.3 0 1.8-.3 2.4-.7 3.7-1.6 4-2.4.1-.7-.3-1.5-1.3-2.4l-1.4-1.2c-.5-.3-1-.7-1.3-1.1a13.8 13.8 0 0 1-3.7-4.1 8.3 8.3 0 0 1-1.2-5c.2-1.9.5-3.4 1-4.6a13.4 13.4 0 0 1 6.2-7.2c2.2-1.1 4-1.8 5.3-2.1 2.5-.6 5.2-.7 7.8-.2Zm-147.3.4c1.9.5 2.7 1.8 2.5 3.8-.4 2-1.1 4-2 6a120 120 0 0 1-6.6 13l-4 8c0 .1.1.3.3.3l1.7-.3a31.5 31.5 0 0 1 4.8-.9c.8 0 1.5.2 2 .6 0 .6.1 1 .5 1.4l1 1c.7.8.8 2 .1 3.3a5.2 5.2 0 0 1-3.5 2.7c-.6.2-1.3.3-1.9.3a74.2 74.2 0 0 0-4.4.2 182.2 182.2 0 0 1-7.9-.4c-1-.4-1.6-1.4-2-2.9-.1-.7-.3-1.2-.5-1.4a6 6 0 0 1-.5-.9c-.4-.5-.3-1.3 0-2.5a269.1 269.1 0 0 1 3.4-10 112 112 0 0 1 6-14.2 76.8 76.8 0 0 1 1.7-3.3c.3-1.2 1.5-2.3 3.7-3 2-1 4-1.2 5.6-.8Zm56.4-.3c1.2.6 2.1 1.3 2.8 2.4.6 1 1 2.2 1.2 3.6.2 1.4.1 2.8-.1 4.4a20 20 0 0 1-4 8.9c-2.2 3-4.8 4.9-7.9 5.7l.5.8 1.5 2.1a150.1 150.1 0 0 1 3.4 4.8c.5.8.9 1.5 1 2.3.6 1.5.2 2.7-1.1 3.4-1 .6-2 .8-2.5.4a5 5 0 0 1-.8-.6 3 3 0 0 0-1-.6c-2 .6-3.4.1-4.4-1.4l-1.4-2.6-.8-2c-.5-1.2-1.2-2.3-2-3.1l-1.1 3.3-1.9 5.3h.3c-.3 1.2-1.3 2-3 2.3-1.6.3-3 .1-4.5-.5-1.5-.7-2.2-1.6-2-2.8-.2-1.9.8-6 2.9-12.1 3.2-9.4 6.4-16 9.6-20 .8-1 1.5-1.7 2.1-2l2-.8a42.7 42.7 0 0 1 7.2-1.7c1.5-.2 2.8 0 4 .5Zm-35.7 14.3-1.8 2.7a99.2 99.2 0 0 1-3.8 9.6l3.8-.2a186.2 186.2 0 0 1 1.8-12.1Zm27.5-5.5-.4.3a145.2 145.2 0 0 0-2.8 6.5 21 21 0 0 1-.2 1.5l.7-.7.8-.4a106 106 0 0 1 2.9-1.8c.7-.7 1.3-2 1.9-3.6 0-.3 0-.6.2-1l.2-1c.1-.6-.2-1.1-.9-1.4-.6 0-1.4.5-2.4 1.6Z"/>
</g>
<!-- ranger -->
<g>
<animatetransform
id="ranger"
attributename="transform"
type="translate"
from="1000"
to="0"
dur="2s"
fill="freeze" />
<path fill="#C4A872" d="m1030 469-12-12c-6.4.6-11.7 2-16 4-4.3 2-10.3 6-18 12-20 15.3-30 25-30 29s8.3 6.3 25 7c19.4 18.2 35 31.2 47 39a74 74 0 0 0 33 13l37-9 10-12c-4.6-20-10.2-34-17-42-6.8-8-21.1-17.7-43-29-3.8.7-6.8 1-9 1s-4.6-.3-7-1Z"/>
<path fill="#A5876D" d="m1059 561 37-9c8.3 54.2 13 96.8 14 128 1 31.2-2 76.8-9 137l4 10c0 19-.6 33.3-2 43-1.4 9.7-4.7 23-10 40a2304.5 2304.5 0 0 1-53-27c-11.7-6.2-19-10.6-22-13v-29l22-145 19-135Z"/>
<path fill="#74512D" d="M1092 909a321 321 0 0 0 11-43c1.5-10 2.2-24 2-42l-2-8 5-118-5-116-7-30 9-12c-2.7-18.7-8-32.7-16-42-8-9.3-23-19-45-29l-7 1-2-1-8-15a43.3 43.3 0 0 1 6-15c2.3-3.1 7.7-7.5 16-13 6-12 20-18 42-18s38 5 48 15l9 7c.7-2.7 6-4 16-4 15 0 11.9 12.7 11 23a58 58 0 0 1-8 23l47 134c7.5 37.4 13.2 68.1 17 92 3.8 23.9 5.5 39.2 5 46 1.3 34.4 2 60.1 2 77s-.7 39.2-2 67l-77 49 12 30-74-7a73.3 73.3 0 0 1-21 10 60.6 60.6 0 0 1-49-10c-12.7-10-4-19 26-27l44 1-25-34 20 9Z"/>
<path fill="#FFF" d="m1034 459 16-9 9 6c-2.2 5-4.5 8.3-7 10-2.5 1.7-7.2 3-14 4l-3-1-2-4 1-6Z"/>
<path fill="#000515" d="M1098 962c-7.3 7.3-19.7 11-37 11-26 0-42-13-44-18s11.7-17.7 24-22c8-2.8 23.8-3.9 47.2-3h.8a325.2 325.2 0 0 1-24-30l-.8-.3c-21-7.4-34.8-14-41.2-19.7-9.8-8.7-11-13-11-27 0-9.3 15-106 44.7-290.3-4.4-.3-8.6-1.2-12.7-2.7-14.2-5.2-37.2-21.6-69-49h.4c-14.6-2.4-22.4-4-23.4-5-2.3-2.3 2-7.9 6.7-13.2l.4-.5.5-.6.5-.5.4-.5.5-.5 2-2.2c3.9-4.3 10.9-10 21-17l.8-.3c7-21.1 14.8-31.7 23.2-31.7 5.8 0 11.8 4.4 18.2 13.3 2-6.6 4.3-11.4 6.8-14.3 2.5-3 7.9-7 16-12 5.8-11.6 18-18 44-18a76.9 76.9 0 0 1 53 18 98.8 98.8 0 0 1 24-3c3.2.7 5 1 6 5 .9 3.6 5.9 23.5-6.4 43.5l-.2-.6.5 1.3A1059.6 1059.6 0 0 1 1232 668c12 60 14.7 133.3 8 220 .7 1.4-6.6 7-22 17-6.4 4.2-20.6 10.6-28 15-7 4.1-16 10.1-27 18 .8 3.6 1.5 6 2 7 3.1 6 5.9 8.8 7 12 2.2 6 3 11 2 12l-.1.1-.1.1-.3.3h-.1v.1h-.1c-1.2.7-4.6.8-20.3-.6-13.4-1.2-31.3-3.5-53.9-6.8l-1.1-.2Zm7.6-134v.3c3.2 9.9 3.3 23.8.4 41.7-2.8 17.3-6.7 29.4-11.9 36.5l16.4 7.8c.6-3.7 2.5-9.5 5.5-17.3 3.4-8.8 12-19.3 18-32 1.9-4 3.7-10.4 5.6-19.2a355 355 0 0 0-15.6-8.8c-6.1-3.1-12.6-4.4-16-7l-2.4-2ZM1015 463a94 94 0 0 0-16.2 2.8A185.3 185.3 0 0 0 976 482c-1.9 1.6-4 3.6-6 5.7l-.6.5-.9 1-.6.5-.3.3-.5.6c-5.4 5.6-10.1 11.1-10.1 12.4 0 2 31 4.7 46 7 12.2 1.8 26.9 2.8 37 5 22.6 5 32.6 9.3 30 13-1.2 4.8-3.2 6.8-6 6-2.8-.8-8.8-5.1-18-13-25.1-3.3-45.2-6.1-60.3-8.4 21 19.7 37.8 32.5 50.3 38.4 12.8 6 29.2 6.7 49 2 4.1-2 7.5-4 10-6 2-1.6 4.5-3.8 7-6.3a66 66 0 0 0-14-40.7c-12.4-15.6-38.1-27-43.1-30.2-2.3.4-4.5.6-5.8.5 3.7 2.2 8.5 5.6 11.9 8.7 5.7 5.2 8.8 10.6 7 10-1-.4-4-3.3-7.2-6.4l-1.4-1.4-.6-.5-3.8-3.7-4.2-3.3-.5-.4-4.9-3.5c-3.3 4.1-6 5.9-8.4 5.2-2.5-.7-6.5-4.7-12-12Zm126-10c1.7 0 14 3 16 12s-11 4-12 2 6.4 1.3 6-2c-.2-1.4-2.3-3.8-4.6-6l-.5-.6-.5-.4c-2.7-2.7-5.3-5-4.4-5Zm-91.1-.8.1-.2c-2.6 4.4-5 7-7 8-2 .9-4.7 1-8.3.2-.5 1.7-.8 3.2-1.2 4a170 170 0 0 1 2 3.8l.3.5 2.4 1.3 2.3-.6.4-.1c4.3-1.1 12.4-3.7 16.8-12.4l-7.8-4.5ZM1165 451c-2 0-.2-16.2-8-14-3.1.9-7.3 5.2-11.3 10l-.6.6-.2.4-.6.7-.5.5c-5.2 6.4-9.7 12.4-10.8 10.8-2-3 12-25 24-28s10 19 8 19Zm-119-13c-1.5 1.4-2.9 3-4 4.7l16.7 11.7c5.5-12.3 7.2-22.5 5.3-24.4-2-2-8-1-18 8Zm36-12c3 10-5.1 15.8-6 16-.9.2 3.3-10.2 2-15-1.3-4.8-10.1-10.7-9-11 1.1-.3 10 0 13 10Zm56 534c9 1 18.7 2.2 29 4-9.3-16-13.3-25-12-27 1.2-1.9 9.3-7.9 18.4-14.1l.8-.7 1.4-.9.9-.6 1.8-1.2.9-.6.9-.6 9.9-6.3c3.8-2.3 8.3-4.8 13-7.3l1.1-.6 2.7-1.4 1-.6 1-.5 1-.5c10-5.2 19.3-10.2 22.2-13.1 5-5 3.5-143.4-9-220-8.2-50.6-27.3-114.3-57.2-191l-.8 1c-18 22-37 0-37-3s19 15 35-4 13-46-1-44h-.5l-.9.2-6.8 1h-.6l-1.3.2a43 43 0 0 0-8.9 5.6c-7 5.5-13.8 15.2-15 15-1.2-.2 4.2-11.4 10-16 1.3-1 2.9-2 4.7-2.7-9.5-11.6-24.7-18-45.7-19.3-21.8-1.3-37.3 3.9-46.7 15.6l-.3.4a64.7 64.7 0 0 0-15 12 48 48 0 0 0-6.8 15.4l-.2.5.5.7a119 119 0 0 1 4.2 7 54 54 0 0 1 7.3-20.6c5-6.5 17-15 21-15s6 .7 6 8c0 4.9-2 11.9-6 21a26 26 0 0 1-8 11c-1.6 1-4.2 2-6.7 2.5 7.9 2.8 33.9 15.4 43.7 25.5 7.5 7.8 13.5 21 17.7 39.8l6.5-6.8.4-.4c1.9-1.8 3.1-2.9 3.4-2.6 1 1-9 18.8-19 26a43.7 43.7 0 0 1-13.8 6.2 64.8 64.8 0 0 1-24.5 5.6l.3-1.8c-11 78.8-19.6 142.4-26 190.7l-1 7.3c-9.5 70.8-13.8 106.8-13 108l.6 1h.1v.1l.2.2.1.1.1.2c1.7 2 5 4 22.9 13.4 11.5 6 27.3 14 47.5 23.7 3.6-10.6 6-20.8 7.5-30.7 1.5-10.8 2.8-27 3.9-48.6-4-4-5.5-8.2-4.9-12.4 4.4-60.9 6.4-106.5 6-137-.4-30.5-3.4-71.8-9-124a15 15 0 0 1 7 7c1.2 2.8 1.9 7.4 2 14h6c3.1 22.6 4.4 52 4 88-.4 36-2.8 88.4-7 157 15.4 8.2 27 14.9 35 20s15 10.4 21 16c8.7 6.4 16.4 10 23 11 9.9 1.4 19.7-3.5 20-5 .2-1-5.3-.5-10.6-.4h-.7c-3 0-5.9 0-7.7-.6-3.5-1-6.9-2.6-10-5 13.7-2.2 22.4-4.9 26-8 5.4-4.7 4.3-16.4 3-17-1.3-.6-6.3 9.3-12 13a23.5 23.5 0 0 1-12 4c9.3-5.3 14.7-11 16-17 2-9-4-16-6-16s-.7 12.6-3 18a28.9 28.9 0 0 1-10 11l-50-36c27.6-53.4 44.2-95 50-125 8.7-45-2.5-134 0-134s17.2 90.9 10 134c-4.8 28.8-22.5 69.8-53 123 10.3 5.7 18 10.4 23 14 5 3.6 11.7 9.3 20 17a56 56 0 0 0 5-8c3-8 2.1-18.7 5-20 3.3-1.5 8.7 3.8 16 16 2.5-2.6 4.2-2.6 5 0 1.2 4 4 11 1 19-2 5.3-7 9.3-15 12 13 1.3 18.6 3 17 5-2.5 3-18.3 14.2-31 12-8.2-1.4-20.3-8.6-36.2-21.5-.8 5.5-1.8 9.3-2.8 11.5-14.4 29.9-24 45.6-24 51 0 2.5 2.4 6.3 6.7 11.6l.5.7 9.8 11.7 6.7 7.8.5.5 1 1.1.4.5c4.5 5.2 8.5 10.1 7.4 10.1a76 76 0 0 1-13.8-10.3l-.7-.5-.6-.6-.7-.6-.7-.5-.6-.6-1.3-1c-3.2-.4-8-.3-14.6.1l-13.3 1.2-1.4.2-1.5.2-1.4.1c-15.4 2-30.2 4.5-37.4 4.3-10-.3 6.4-4.6 20-7a499 499 0 0 1 43.3-4.7l-.3-.3a160 160 0 0 1-12-12.1l-32-16.9 21 29c-26.9-2.4-45.9-2.4-57 0-16.7 3.6-24 14-23 16s7.7-6.5 19-10 25-4 25-3c0 .5-5.7 2.4-11.9 4.7l-.7.3c-4.8 1.9-9.8 4-12.4 6-6.1 4.7-6.7 11.5-5 12 .7.2 2.2-1.1 4-3l.5-.4c2.2-2.2 4.9-5 7.5-6.6 3.4-2.1 6.4-3.1 9-3-4.9 3.2-8.6 5.9-11.2 7.9l-.4.3c-4 3.3-4.8 4.9-2.4 4.8 2.6 0 11-3 19.8-6.1l1.2-.5 1.8-.6 1.2-.4c9.9-3.6 19.3-6.9 21-6.4 3.5 1-31.6 17.3-30 18 1.6.7 36.3-14.2 39-14 1.2.1-4.2 2.9-10.5 6l-1.3.7-.5.2-.8.5-1.4.6-.9.5-1 .4-.5.3c-6.2 3.1-11.4 5.8-10.1 5.8 2 0 10.3-3.7 25-11 17.7 1 31 2 40 3Z"/>
<!-- ranger-hat -->
<g>
<path fill="#A39F70" d="m1092.8 352.9 46.4 40.4 1 30-88.9 3-4-29.8z"/>
<path fill="#000515" d="M1091.6 348c.9-.1 10.6 8.3 21.3 17.8l1 1 2 1.8 2.1 1.9 13.6 12.4 1 1c5 4.6 8.3 7.8 8.6 8.3.3.7.6 3.4.7 8.3v1c.2 4.3.3 10.2.3 17.7l69.9-2.4-4.8 8.1-234.9 6.2-2.2-5.9 76.8-2.7-2.7-25.9c30.2-32.4 46-48.6 47.3-48.7Zm43 51c-3.5.8-11.3 1.6-23.1 2.3-7 .4-15.7.7-26 1.1h-1.6c-9.4.4-20.1.7-32.2 1l1.4 19 84.7-3a59.2 59.2 0 0 1-3.1-12 49 49 0 0 1 0-8.5Zm-42.6-40h-.8c-.8.5-1.1 2.3-9.9 10.3-7.3 6.8-17.4 15.8-30 27v2l83.9-4.9-24.4-20.2-1-.9A132.5 132.5 0 0 0 1092 359Zm-12 27.4c4.4-3.6 8.6-18.3 9.3-17.4.8 1 2.5 14-6.2 21.2-8.8 7.4-15.3-2.3-16.2-3.4-.9-1 8.5 3.1 13-.4Zm15.2-19.6c2 0 4.3 14 8.7 17.7 4.3 3.7 16.8 2.7 16.1 3.5-.7.7-10.8 6.3-19-.4-8.3-6.7-7.8-20.7-5.8-20.8Z"/>
<animateTransform
id="ranger_hat"
attributeName="transform"
type="rotate"
values="0; -5; 0; 5; 0;"
dur=".15s"
begin="ranger.end"
fill="freeze" />
</g>
</g>
<!-- yogi -->
<g>
<animatetransform
id="yogi"
attributename="transform"
type="translate"
from="-1000"
to="0"
dur="2s"
fill="freeze" />
<path fill="#7C3306" d="m739 556 114 7c0 20.4 1 35.4 3 45a53 53 0 0 0 11 24l23 97c5.7 58.4 2.7 98-9 119s-26 35-43 42l-35 52c18.5-3 32.5-4 42-3s16.8 4.4 22 10c-18.2 4-31.9 6-41 6-9.1 0-23.1-2-42-6 .2 4.3-.8 7.3-3 9-2.2 1.7-6.2 2.7-12 3h-63l-3-12c9.5-6 18.1-9.3 26-10 7.9-.7 21.2.6 40 4l-57-66c-6-14-9.3-24.6-10-32-.7-7.4.6-17.7 4-31l-16-9v-10h17a58.8 58.8 0 0 1-10-14 33.5 33.5 0 0 1-2-14c3.5 5.2 6.5 9.2 9 12 2.5 2.8 5.2 5.2 8 7l18-111a320.6 320.6 0 0 1 0-47c1.1-15.2 4.1-39.2 9-72Zm4-169c-6.7-4-11.7-5.7-15-5-3.3.7-7.3 4.4-12 11-9.4 17.6-13 29-11 34s10 5 24 0c3.7 21.8 6 38.4 7 50a587 587 0 0 1 1 50l48 4c-4.6-17.8-5.2-31.5-2-41s12.6-21.2 28-35c-9.5-1.7-14.8-5-16-10-1.2-5 .8-15.6 6-32l-56-8-2-18Z"/>
<path fill="#DF9417" d="M815 418a180.6 180.6 0 0 0 32 17c8.6 3.2 20.2 5.9 35 8v50c-4.9 7.4-8.9 13-12 17-3.1 4-5.5 6.3-7 7l-13-5 3 12-6 10-62-3c-1.9-11-2.9-18.6-3-23-.3-9 1-16 3-21 3.3-8.7 13.3-20 30-34 .7-3.7 1-8 1-13s-.3-12.3-1-22Z"/>
<path fill="#FFF" d="m870 555-4-20-139-9-2 29 128 8 13-23z"/>
<path fill="#FFF" d="m815 418-5-4h-8c-6.6 15.5-9 26.2-7 32 2 5.8 8.6 8.2 20 7v-35Z"/>
<path fill="#79C34B" d="M856 379c-1.1 3.7-3.1 8-6 13s-7.5 12.3-14 22l-28-1Zm-106-8 65 18-4 13-68-9 7-22Zm-60 9 25 13-3 7-30-15 8-5Z"/>
<path fill="#000515" d="m749 368 70 19-7 20c26.4-19.3 41.4-29.7 45-31 4.8-1.8 1.8 5-2.4 13l-.3.5-.4.9-.3.5-.6 1.1c-3.3 6.1-9 14.1-17 24h-21a151 151 0 0 0 25 13c6.6 2.5 16.7 5 30.2 7.8l.8.2c15.1 3 23.5 8 25 15s-2.7 20.5-12.7 40.3l-.3.7c-3.8 6.4-6.8 11.1-9 14a68 68 0 0 1-11 12c-2 1-11-4-11-3 0 .7 1.3 3.3 4 8l-6.3 7.9L867 533l5 26-3-3-4-12-11 21.9c1.7 21 3.6 35.7 6 44.1l33.4 116.9.6 2.1c7.5 57.9 5.5 97.2-6 118-3.8 7-10 14.2-18.5 21.6A1499 1499 0 0 0 829 913a306 306 0 0 0-19 24c18-1.2 31-1.2 39 0s14.3 4.2 19 9c7.4 4.6 10.8 7.6 10 9-.6 1-3.8.7-7.1.3h-.7c-3-.5-6-.9-7.2-.3-2.7 1.3 2.2 6.5 0 7s-9.6-3.7-14-4c-12-.7-22.7 1.5-33 0-13.5-2-23.2-4.1-29.2-6.6-.6 3.3-1.2 5.7-1.8 6.6-3 5-12 6-25 6-15.6 0-21.5-.6-26.4-1h-.4l-1.4-.1h-.5l-2.7-.1h-.5a81 81 0 0 0-5.1.2c-15 1-23.7 1.4-26 1a8.1 8.1 0 0 1 2.7-3.4 12 12 0 0 1 .4-6.4c-4.3 2.4-7.3 4.1-8.1 3.8-2.4-.9 13.4-16.6 27-20 9-2.3 24-1.6 45 2-32-32-51.3-54.7-58-68-6.4-12.9-7.9-32-4.4-57.3-6.6-3-13.4-6.7-14.6-7.7-1.5-1.3-1.5-5 0-11-3.8-4.4-4.8-6.8-3-7 1.8-.2 8.1 1.4 19 5-5.9-7.7-9.5-14-11-19-2.2-7.5 0-15 1-15 .7 0 3.4 5.2 6.7 10.4l.4.6.4.7c1.5 2.3 3 4.6 4.5 6.3 2 2.4 4 4.3 6 5.7a312 312 0 0 1 3-30.7c2-15.5 5.8-41.8 11.2-78.7l-.2-3.3c-1.3-24.6 2.6-61.8 11.7-111.5l.1-.5-15.8-1 4-34 11 .7c-1.5-30-2.8-51.9-4-65.7a270 270 0 0 0-4-29.7c-13.6 5.3-21.9 4.5-25-2.3-2.8-6-.5-15.1 6.8-27.1l-28.6-13.8h-.2v-.1c-2-1 6-7 8-7 1.3 0 10 4.3 26 13a34 34 0 0 1 10-11c2.5-1.2 6.3-1.3 11.5-.1l.5.1 7 4 5-17Zm-8.1 191.2c-6 48.3-8.2 84.6-6.9 108.8 1.3 24.3 7.6 60.4 18.8 108.3.3.2.4.4.2.7-.5.8-2.6 1.7-6.3 2.9L720 792c-6-2.5-10.3-4.8-13-7-2.7-2.2-6-5.8-10-11 .3 4.4 2 8.4 5 12 3 3.6 8 7.6 15 12a62.9 62.9 0 0 1-21 0c4.4 2.6 7.8 4.2 10 5 2.2.8 5.9 1.4 11 2-4.7 1.3-8.3 2-11 2-2.7 0-6.7-.7-12-2 4 2.3 7.3 4 10 5 4 1.6 8 3 10 3s12.7-8.5 23-14c6.8-3.7 17.2-8.7 31-15 .6-37.2 2.2-66.2 5-87 4.1-31.2 14-90 18-90s-9 63-12 94-3 85-6 88a56 56 0 0 1-13.5 6l-.8.4-.4.1-1 .4c-4.6 1.7-9.3 3.5-12.3 5.1-19 10-28 17.5-30 18-.9.2-2.7-.2-5-.9a59.7 59.7 0 0 0 1 51.9c6.9 13.9 27 33.1 51 58 3.8 4 8.5 10.3 14 19-21-4-36.4-5.7-46-5-6.7.4-14.7 4-21.8 7.7l3.5-.8.6-.1c4.7-1 9-1.4 8.7.2-.3 1.3-3.5 3.7-9.6 7.1l6.6-1.1c4-.5 8.5.2 13.9 1.1l1 .2A103 103 0 0 0 752 958c5.2 0 14.5-1.7 28-5 .3-15.8 1-27.8 2-36s3-18.2 6-30c3.3-4 5-2 5 6 0 3-.3 8.3-.8 14.5l-1.2.5a246 246 0 0 0 57.5-31.5l.5-.5.4-.2A95.7 95.7 0 0 0 875 847c12.4-22.9 16-60.9 11-114l-31-122c-2.4-9.2-4-24.3-5-45.2L741 559.2ZM833.2 894c-12.1 7-26 14.3-41.8 21.8-1 10.4-2.3 22-3.7 30.5 19.3 3.1 33 4.7 41.3 4.7 8.4 0 19.8-1.7 34-5a47 47 0 0 0-23-5c-9.3 0-23.3 1.7-42 5-.4-3.5 3.6-11.2 12-23 5.6-8 13.3-17.6 23.2-29ZM728.8 700.5 715 786l33.7-10-.1-.4a639 639 0 0 1-19.8-75ZM730 528l-3 25 124 8 12-24a2483.7 2483.7 0 0 1-133-9Zm85.4-107.6v.1c1.6 19.2 1.5 30-.4 32.5-3 4-23.8 18.6-30 34-4.1 10.3-4.1 23.9 0 40.8l60.9 3.9 6.1-7.7c-3.3-7.9-4.6-12.2-4-13 .7-.7 5 1 13 5 5.2-5.2 8.9-9.2 11-12 2-2.6 4.3-6.5 7.2-11.6-13.5-2.7-20.2-10.2-20.2-22.4a48 48 0 0 1 8.4-28.5l.3-.5-.6-.1c-12.7-1.8-23.1-4.5-31.1-7.9-6.6-2.8-13.4-7-20.6-12.6ZM727 384c-2.5 1-5.6 4-9.6 8.8 10.6-.5 16.8 1.3 18.6 5.2 2 4.2.3 14-4.8 29.5 3.7 20.4 6 36.2 6.8 47.5a918 918 0 0 1 2 50v.4-.5l43 2.8-.2-.5c-3.3-17.7-3.2-31.1.2-40.2 3-8.2 11.6-18.6 25.4-31-9-1.6-14.2-5.6-15.4-12-1.2-6.3 1-15.8 6.3-28.5l-7-.4c-1 2-1.9 4-2.3 5.9-.5 2.3-.8 6-1 11-4.2 3.8-6.8 4.8-8 3-1.2-2-.7-5.6 0-9.4l.2-.7.8-3.9a15 15 0 0 1 2.5-6.4c-8-.5-14.5-1-19.5-1.6-9.3-1-17-2.3-23-4l-4.2-23.6c-4.5-2-8.1-2.5-10.8-1.4Zm75.1 31.7c-6 11.9-8 21.3-6.1 28.3 2 7.3 7.6 10 16.8 8l1.2-1v-2.2c-6-1.6-9-5.8-9-12.8 0-7 3-11 9-11.9v-4.8l-4-3.3h-2l-5.9-.3ZM715 396c-7 15.5-9.6 25.1-8 29 1.6 3.9 8.3 3.9 20 0 6-13.3 8-21.7 6-25-2-3.3-8-4.7-18-4Zm135-10-35 25h19a205 205 0 0 0 11-15c2.3-3.7 4-7 5-10Zm-98-12-4 16 62 8 2-9-60-15Zm-63 8c-1 0-5.1 1.5-3 3 1.4 1 9.9 5 25.4 11.8h.3l2-3C698 386 689.7 382 689 382Z"/>
<!-- yogi-tie -->
<g>
<animateTransform
id="yogi_tie"
attributeName="transform"
type="rotate"
values="0; 5; 0; -5; 0;"
dur=".15s"
begin="yogi.end"
fill="freeze" />
<path fill="#79C34B" d="m880 567 25 152-36 21 2-27-13-2c2.9-22.8 4.9-39.8 6-51 1.1-11.2 1.8-21.2 2-30 1.2-5 2.6-12 4-21s3.1-23.4 5-43l5 1Z"/>
<path fill="#000515" d="m873 560 9 6 28 155c-26 15.3-40.3 23-43 23-3.2 0 .6-29 2.8-58.5l.2-2.2c.4-6.2.8-12.4 1-18.3.8-23.3 1.4-58.3 2-105Zm6 23-4 149 26-13-22-136Z"/>
<path fill="#000515" d="m873 576-17 138 13 3v-6l-8-2 14-126z"/>
</g>
<!-- yogi-foreground -->
<g>
<path fill="#79C34B" d="m865 540-11 21 20 3-3-5z"/>
<path fill="#000515" d="m860 546 20 20-6.1-2.6-.9 3.6-22-2 3-6 18.7 3.7L858 551l2-5Z"/>
</g>
</g>
</g>
</svg>
<article>
<figure>
<img src="https://assets.codepen.io/86170/27.webp" alt="Stranger Ranger">
<figcaption>Original title design: Lawrence Goble</figcaption>
</figure><!-- one -->
<div>
<h1>Stranger Ranger</h1>
<ul>
<li>The Huckleberry Hound Show</li>
<li>November 2, 1959</li>
<li>Info: <a href="https://yogibear.fandom.com/wiki/Stranger_Ranger">Yogi Bear Wiki</a></li>
</ul>
</div><!-- two -->
</article>
@import url('https://fonts.googleapis.com/css2?family=Sour+Gummy:ital,wght@0,100..900;1,100..900&display=swap');
:root{--font-size-xs:clamp(.5625rem,.5408rem + .1087vw,.625rem);--font-size-s:clamp(.7813rem,.7747rem + .0326vw,.8rem);--font-size-r:clamp(.9375rem,.9158rem + .1087vw,1rem);--font-size-m:clamp(1.125rem,1.0815rem + .2174vw,1.25rem);--font-size-l:clamp(1.35rem,1.2761rem + .3696vw,1.5625rem);--font-size-xl:clamp(1.62rem,1.5041rem + .5793vw,1.9531rem);--font-size-2xl:clamp(2.7994rem,2.4462rem + 1.7658vw,3.8147rem);--font-size-3xl:clamp(3.3592rem,2.8691rem + 2.4507vw,4.7684rem);--lineheight-r:1.6;--lineheight-s:1.4;--color-accent:color(display-p3 .712 .557 .24);--color-background:color(display-p3 .058 .055 .041);--color-border:color(display-p3 .368 .253 .219);--color-text-default:#fff;--color-text-link:var(--color-accent);--spacing-s:clamp(.875rem,.8533rem + .1087vw,.9375rem);--spacing-r:clamp(1.125rem,1.0815rem + .2174vw,1.25rem);--spacing-m:clamp(1.6875rem,1.6223rem + .3261vw,1.875rem);--spacing-l:clamp(2.25rem,2.163rem + .4348vw,2.5rem);--spacing-xl:clamp(4.5rem,4.3261rem + .8696vw,5rem);--max-width:100rem}@-o-viewport{width: device-width;}@viewport{width:device-width}::-moz-selection{text-shadow:none;background-color:#00000026}::selection{text-shadow:none;background-color:#00000026}::-webkit-scrollbar{width:2px;height:2px}::-webkit-scrollbar-thumb{background-color:var(--color-accent);border-radius:2px;width:2px}::-webkit-scrollbar-track{background-color:#0000000d;border-radius:0}[id]{scroll-margin-top:var(--spacing-l)}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:1em;overflow-x:hidden}@media screen and (prefers-reduced-motion:reduce){html{scroll-behavior:auto;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}body{padding:var(--spacing-l);max-inline-size:var(--max-width);color:var(--color-text-default);font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-family:Sour Gummy,sans-serif;font-size:1em;font-style:normal;font-weight:400;line-height:var(--lineheight-r);-webkit-font-smoothing:auto;background-color:#000;margin-block:0 auto;margin-inline:auto}@supports (font-variant-ligatures:common-ligatures){body{font-feature-settings:normal;font-variant-ligatures:common-ligatures}}a,a:visited{color:var(--color-text-link);text-decoration:underline;text-decoration-color:var(--color-text-link);text-underline-offset:.15em;text-decoration-thickness:.5px;display:inline-block}small{font-size:var(--font-size-r);line-height:var(--lineheight-r);display:block}figure{margin:0;padding:0}figure img{width:100%;max-width:100%}ul{margin-block:var(--spacing-r);font-size:var(--font-size-r);margin-inline:0;padding-inline-start:0;list-style-type:none}ul li:before{content:"• ";color:var(--color-accent)}ol{margin-block:var(--spacing-r);font-size:var(--font-size-r);margin-inline:0;padding-inline-start:0}ol li{margin-block-end:var(--spacing-s)}article{padding-block:var(--spacing-r);margin-block-end:var(--spacing-r)}@media screen and (width>=48em){article{grid-template-columns:320px 1fr;align-items:end;gap:0 1.5rem;display:grid}}
// ********
// Animation: Andy Clarke
// Company: Stuff & Nonsense
// URL: https://stuffandnonsense.co.uk
// ********
Also see: Tab Triggers