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 id="svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1122.11" height="634.38" viewBox="0 0 1122.11 634.38">
<defs>
<linearGradient id="linear-gradient" x1="625.35" y1="436.69" x2="639.01" y2="417.35" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-opacity="0"/>
<stop offset="1" stop-opacity="0.5"/>
</linearGradient>
<linearGradient id="linear-gradient-2" x1="680.51" y1="335.14" x2="694.16" y2="315.79" gradientTransform="translate(1390.31 620.24) rotate(176.76)" xlink:href="#linear-gradient"/>
</defs>
<title>race</title>
<g id="Layer_2" data-name="Layer 2">
<g id="container">
<g id="race">
<path id="sand" d="M120.45,601.34C30.05,524.57,18,295,57.45,185.34c13-36,24.26-67.34,53-97,83.27-85.92,211.06-21.86,452-39,253-18,336.8-53.26,407,8,132.3,115.43,159.43,425.93,43,509-44.6,31.82-70.49,9.27-293,6-146.87-2.16-176.1-26.66-352,3C195.45,604.34,139,617.09,120.45,601.34Z" style="fill: #fff9ce"/>
<g id="waves">
<g class="wave" id="wave-1">
<path d="M627.1,36.85c-7,2.35-13.18,4.49-19.58,6.74-10,3.19-19.68,4-30.64,5.34-2.73.24-5.34.5-7.94.8l-7.81.65c-10.72,0-22.29-.42-34.15-.59-1.27-.14-5-.58-4.68.77-11.47-1.1-22.48-2.55-33.52-2.23-4.63,0-9.41-1.29-14-1.28a88.5,88.5,0,0,1-11.18-.54,100.37,100.37,0,0,0-11.06-.67,22.88,22.88,0,0,1-4.1.77c-10.12-1.49-19.49.71-29,1.71-3.75.3-6.64.67-10.23.69-.31.59-1.17.53-2.18.76-2.72.06-17.91-.91-19.33-1.6-.36-.17,7.1-.66,14.58-1.08s15-.8,14.72-1.13-5.33-.09-10.42.09-10.33.42-11.19.36c17.88-2.31,29.21-3.52,35.75-4.3s8.3-1.06,7.12-1.09c-2.37-.06-16.49,1.09-27.41,2.59-3.42,0-8.24,1.09-14.86,1.39,3.91-.66,11.87-3,13.76-3.16,8.71-1.13,7.35-2,17.33-2,4.09,0,9.65-.44,15.06-.9s10.69-.93,14.2-1.1c-3.67,1-12.17,3.18-17.51,2.94A33.38,33.38,0,0,0,451.26,40a39.88,39.88,0,0,1,12.87-1.37,29.56,29.56,0,0,0,3.86-.28l4.22.54c10,.37,18.74-.29,28.51.45-.84,0-1.35-.69-2.21-.81-8.39-1.47-15.63-.29-24.57-.84-1.72-.23-4.13.7-5.95.66a83.92,83.92,0,0,1-10.4-1.17c6.88-.71,15-.32,22.38-.26a22.38,22.38,0,0,0,4.62-1c-3.41-.19-6.85-.31-10.3-.39-12.07,0-27.85,2.75-36.53,1l-1,.21a1.34,1.34,0,0,0-.5-.15,23.77,23.77,0,0,1-5.55-.46l4.67.11c12.17-2.15,26.11-.82,39.3-1.26,2.93-.24,7.75,1,10.67.8a146.52,146.52,0,0,1,26.06,1.41c15.43,1.8,30.68,3.43,46,3.84a247.42,247.42,0,0,0,45.95-3.19l2-.67-1-.12,2-.22A76,76,0,0,1,617.7,34c1.64-.1-2.61,1-3.59,1.84l1.71-.41-.11.67c.59-.36,1.08-.15,1.61-.11-4.07,1.46-8.17,2.85-12.32,4.12-2.08.64-4.19,1.19-6.29,1.78s-4.2,1.18-6.35,1.62a4.68,4.68,0,0,0,2.43.1c.91-.16,1.84-.42,2.45-.53a60.18,60.18,0,0,1,8.12-2.35c7-2.29,14.66-3.49,21.46-5.81,1.32-.28,2.63-.54,3.94-.74.8-.08.58.39-.23,1A11.11,11.11,0,0,1,627.1,36.85ZM519.59,41.34c2.34.44,4.62,1,7,1.55l2.52.22a17.35,17.35,0,0,0,3.31,0c4.48.46,9,1,13.47,1.32-2.27-.5-4.57-1-7-1.43a75.49,75.49,0,0,0-7.83-.93c14.55.36,27.1,2.7,41,2.67,4.14-.23,8.31-.83,12.56-1.48,3-.57,5.84-1.38,8.66-2.14a185.16,185.16,0,0,1-27.41,2,268.46,268.46,0,0,1-27.1-1.5c-9-.85-18-2-27-3s-18.22-1.9-27.5-2.45C496.15,38.09,507.65,39.51,519.59,41.34Zm-4.38.71c-4.78-.3-9.51-.5-14.19-.63-12.72-.75-26.66-1.42-34.95.36,11.25-.45,22.92-.69,34.95-.36-11.43-.67-3.17,0,12.15.65A13.9,13.9,0,0,1,515.21,42.05Z" style="fill: #eef4ff"/>
<path d="M585.07,39.3c2.68-.11,5.38-.26,8.1-.41l8.12-.73a51.59,51.59,0,0,0-6.61-.73,89.55,89.55,0,0,0-10.09.76l-5.13.44c-1.71.11-3.39.3-5.08.25-19.23.12-38.73-1.35-59.21-2.49a24.24,24.24,0,0,0-4.92-.15C536.1,38.84,559.88,40.84,585.07,39.3Z" style="fill: #eef4ff"/>
<path d="M477.1,33.36c-3.79.12-7.58.25-11.21.12a76.37,76.37,0,0,0,11.38,1.16c5.09,0,10.17.12,15.18.3C487.46,34.22,482.4,33.6,477.1,33.36Z" style="fill: #eef4ff"/>
<path d="M510.25,36.24l-3.1-.32c-4.78-.49-9.71-.8-14.7-1,5.26.76,10.46,1.66,15.71,2.37C508.17,36.67,509.07,36.36,510.25,36.24Z" style="fill: #eef4ff"/>
</g>
<g class="wave" id="wave-2">
<path d="M783.37,24.48a42.68,42.68,0,0,0-8.21,2.44c-4.11,1.48-8.34,1-12.85,1.65-2.26.23-4.31.62-6.46,1a91.63,91.63,0,0,0-14.28,1.14c-.55,0-2.16-.15-1.8,1.16-4.92-.1-9.66-.44-14.22.71-1.94.36-4.07-.56-6-.27a13.42,13.42,0,0,1-4.73.09,23.92,23.92,0,0,0-4.69-.21c-.42.22-1.32,1-1.68.9-4.32-1.18-8.2,1-12.28,1.91a21.41,21.41,0,0,1-4.37.45c-.14.59-.51.49-.95.69a24.74,24.74,0,0,1-4.3-.93c-1.82-.54-3.55-1.17-3.82-1.57-.14-.21,3-.22,6.2-.35s6.34-.37,6.23-.71c-.29-.35-8.38,0-9.1-.28,7.61-1.43,12.3-2.68,15-3.44s3.41-1.14,2.92-1.15a106.13,106.13,0,0,0-11.35,2.4c-1.42-.15-3.47.84-6.24.81,1.67-.45,5-2.52,5.82-2.61,3.62-1,3.06-1.75,7.15-1.7,3.38.09,9.06-1.93,11.87-2.49-1.41,1.1-4.8,3.59-7,3.38a5.8,5.8,0,0,0,5.09-1.11,8.58,8.58,0,0,1,5.15-1.88,5.29,5.29,0,0,0,1.55-.45c.55.11,1.08.19,1.75.3,4.07-.24,7.51-1.55,11.51-1.67-.33.08-.63-.56-1-.61-3.54-.76-6.28,1-9.94,1-.71-.13-1.59,1-2.33,1a14.73,14.73,0,0,1-4.29-.67,17.86,17.86,0,0,1,4.39-1c1.53-.19,3.09-.32,4.57-.53a5,5,0,0,0,1.73-1.31c-1.37.09-2.75.15-4.13.3-4.76.72-11,4.05-14.6,2.32l-.41.22a.43.43,0,0,0-.21-.14,3.85,3.85,0,0,1-2.24-.43c.62,0,1.25.06,1.88.09,4.83-2.22,10.44-1.42,15.66-2.66,1.14-.43,3.18.54,4.32.08a26.55,26.55,0,0,1,10.52-.75c12.8.85,25.77.9,39.08,1.09l.84-.3-.49-.28.91.13a11,11,0,0,1,4.89-.57c.77.24-1.09.38-1.41,1l.74,0,0,.6c.23-.21.49.08.75.22-3.41,1.1-6.83,2.24-10.33,3.14.61.66,1.61.23,2.13.21a9.72,9.72,0,0,1,3.34-1.07c2.87-1,6.32-.64,9.26-1.22a16.61,16.61,0,0,1,1.8.26C785.52,23.06,784.52,24.38,783.37,24.48Zm-46.24-1.43c1,.24,2,.59,3.09.93l1.06,0a3.06,3.06,0,0,0,1.34-.25l5.77.47a16.36,16.36,0,0,0-6.5-1.39c5.94-.82,11.61,1,17.57,1.47a44.63,44.63,0,0,0,5.22-.67,21.58,21.58,0,0,0,3.52-1.13,182,182,0,0,1-23.27-.62A216.59,216.59,0,0,0,722.26,21C727.23,22,732,22.27,737.13,23.05Zm-1.65,1.08c-2,.14-3.91.36-5.82.63-2.61.2-5.35.34-7.83.76a15.75,15.75,0,0,0-6.35,2.08c4.59-1,9.29-2.11,14.18-2.84-4.7.3-1.28.3,5-.44A2.39,2.39,0,0,1,735.48,24.13Z" style="fill: #eef4ff"/>
<path d="M764.23,19.83c2.38.41,4.75.6,7.16,1a18.93,18.93,0,0,0-3.15-1.65c-3-.79-5.89-.19-8.8-.46a130.94,130.94,0,0,0-24.88-.13,4.1,4.1,0,0,0-2,.29c5.31.18,10.48.13,15.69.25S758.74,19.36,764.23,19.83Z" style="fill: #eef4ff"/>
<path d="M719.16,18.58a21,21,0,0,1-4.41.75,11.17,11.17,0,0,0,4.6.5c2-.25,4-.59,6-.78A30.77,30.77,0,0,0,719.16,18.58Z" style="fill: #eef4ff"/>
<path d="M732.59,18.83l-1.27,0a37.06,37.06,0,0,0-5.94.25c2.17.34,4.35.76,6.54,1A1.13,1.13,0,0,1,732.59,18.83Z" style="fill: #eef4ff"/>
</g>
<g class="wave" id="wave-3">
<path d="M1001.89,67.8a42,42,0,0,0-7-8.51c-4-4-6.52-8.63-10.77-12.91-1-1.08-2.06-2.09-3.13-3s-2.14-1.87-3.29-2.76a65.25,65.25,0,0,0-15-11.77c-.56-.47-2.23-1.85-2.7-.56-5.29-3.78-10.71-7.35-16.86-9-2.54-.72-4.75-2.81-7.37-3.42a19.48,19.48,0,0,1-3.11-.91c-1-.36-2-.75-3-1.16a29.35,29.35,0,0,0-6.11-2,11,11,0,0,1-2.48.3c-5.49-2.55-11.27-1.19-16.74-.82a55.14,55.14,0,0,1-5.87.07c-.22.58-.7.47-1.29.65-.77,0-3.29-.48-5.75-1s-4.84-1-5.25-1.34c-.21-.17,4.09-.52,8.42-.6s8.69,0,8.56-.35a30.45,30.45,0,0,0-6-.49c-3-.09-6,0-6.49-.1A179,179,0,0,1,911.77,6c3.94-.17,5-.27,4.34-.42-1.38-.33-9.9-.42-16.4.48-2-.22-4.9.65-8.77.72,1.15-.28,2.91-.89,4.54-1.47a24.45,24.45,0,0,1,3.7-1.08c5.24-.61,4.54-1.54,10.48-.78,2.43.33,5.79.4,9.1.49l4.77.19c1.48.1,2.82.23,3.88.36-2.41.48-7.84,1.68-10.93.94a13.93,13.93,0,0,0,4.19.85A18.48,18.48,0,0,0,924,5.9a14.73,14.73,0,0,1,7.9.31,11.21,11.21,0,0,0,2.35.28c.75.33,1.45.72,2.33,1.16,5.75,1.8,11,2.85,16.43,5.51-.48-.19-.53-.91-1-1.2a19.49,19.49,0,0,0-3.31-1.85c-.57-.24-1.13-.47-1.7-.67s-1.17-.36-1.76-.52c-2.35-.67-4.75-1.24-7.33-2.16-.95-.48-2.62,0-3.68-.27-2.19-.52-3.93-1.72-5.9-2.54A34.4,34.4,0,0,1,935,5c2.25.61,4.53,1.32,6.71,2a9.24,9.24,0,0,0,3-.12l-3-1.13c-1-.35-2-.66-3-1s-1.85-.45-2.82-.64-2-.3-3-.43l-3.08-.34-3.06-.25c-1-.09-2-.19-2.94-.31s-1.87-.2-2.74-.35a19,19,0,0,1-2.44-.58,10.36,10.36,0,0,1-2.07-.8l-.66.1a.82.82,0,0,0-.28-.19,10,10,0,0,1-3.29-1c.94.15,1.88.34,2.81.54A26.84,26.84,0,0,1,921,.47c1,.09,2,.21,3,.35s2,.37,3,.58l3,.66,3,.76,3,.73c1,.26,2,.5,3,.71a10.13,10.13,0,0,1,3.09,1.23,10.94,10.94,0,0,0,3,1.35,37,37,0,0,1,7.67,2.64,51.53,51.53,0,0,1,7.06,4.1l5.94,4.17c1.9,1.48,3.84,2.89,5.66,4.45A126.14,126.14,0,0,1,982,31.83a117.37,117.37,0,0,1,16.84,21.89c.31.27.6.57.88.86l-.06-.66.49,1.11a17.11,17.11,0,0,1,3.72,5.63c.21,1-1-1.21-1.87-1.39l.51.87-.57.24c.35.2.22.61.22.95-3.11-3.7-6.51-7.18-10-10.63-.16,1,1,1.88,1.36,2.45a15.55,15.55,0,0,1,3.32,3.31c2.93,2.88,4.59,7,6.68,10.34a19,19,0,0,1,.66,2.19C1004.41,70,1002.55,69.08,1001.89,67.8ZM962.75,19.42a32.75,32.75,0,0,1,3,3.27l1.22.9a7.42,7.42,0,0,0,1.73,1l3,2.74,2.92,2.82a31.8,31.8,0,0,0-2.61-3.6,23.28,23.28,0,0,0-3.53-3.27A42.14,42.14,0,0,1,978,31.59c2.68,3.07,5,6.38,7.41,9.58q1.23,1.32,2.49,2.61c.83.88,1.68,1.76,2.54,2.62,1.24,1.21,2.54,2.29,3.82,3.37a169.9,169.9,0,0,0-21.5-24.43A111.6,111.6,0,0,0,959.51,15a88.5,88.5,0,0,0-15.09-7.95C950.89,11,957.05,14.62,962.75,19.42ZM960,19a68.86,68.86,0,0,0-7.65-3.8c-1.73-.83-3.54-1.6-5.32-2.37s-3.62-1.35-5.37-1.92a32.14,32.14,0,0,0-5.07-1.16,15.8,15.8,0,0,0-4.4-.16,93.19,93.19,0,0,1,20.16,5.61c-3.12-1.46-3.59-1.59-2.19-1,.7.32,1.86.84,3.34,1.59s3.35,1.58,5.38,2.67A4.85,4.85,0,0,1,960,19Z" style="fill: #eef4ff"/>
<path d="M993.53,44.12c1.62,2.87,3.31,5.66,4.69,8.6a19.85,19.85,0,0,0-.77-4.3c-1.56-3.82-4.66-6.85-7.1-10.22a84.7,84.7,0,0,0-27.89-24.36,8.37,8.37,0,0,0-2.75-1.38,129.44,129.44,0,0,1,18.93,14.22A93.33,93.33,0,0,1,993.53,44.12Z" style="fill: #eef4ff"/>
<path d="M941.06,3.11c-2.35-.47-4.65-1-6.83-1.63a33.4,33.4,0,0,0,6.56,2.87c1.53.4,3,1,4.53,1.43s3,1,4.43,1.61a41.62,41.62,0,0,0-4.19-2.34A35.47,35.47,0,0,0,941.06,3.11Z" style="fill: #eef4ff"/>
<path d="M959.71,12.46l-1.68-1c-1.3-.78-2.63-1.53-4-2.22S951.2,8,949.75,7.39c1.43.89,2.83,1.8,4.21,2.71S956.68,12,958.05,13C958.32,12.37,959,12.3,959.71,12.46Z" style="fill: #eef4ff"/>
</g>
<g class="wave" id="wave-4">
<path d="M1113.39,320.34a132.23,132.23,0,0,0-.41-20.5c-.82-10.37-.17-19.89-1.25-30.89-.47-5.45-1.21-10.46-2.12-15.71a191.37,191.37,0,0,0-6.52-34.2c-.21-1.31-1-5.11-2.19-4.37-2.65-11.55-5.61-22.83-10.69-33.18-1-2.22-1.74-4.55-2.51-6.92a45.47,45.47,0,0,0-2.63-6.88c-1.89-3.46-3.33-7.1-4.87-10.67-.77-1.79-1.47-3.61-2.31-5.36s-1.69-3.48-2.64-5.16a30.82,30.82,0,0,1-2.78-3.36c-4-9.95-11-17.25-17.31-25-2.42-3.09-4.36-5.43-6.52-8.49-.68.07-1.13-.71-1.91-1.45-.42-.58-1.25-1.85-2.27-3.46L1041,99.26c-2.36-3.85-4.68-7.54-4.83-8.36-.09-.4,5,5.53,9.87,11.71,2.47,3.06,4.82,6.21,6.63,8.5s3,3.81,3,3.6a91.38,91.38,0,0,0-6.21-9c-1.59-2.16-3.26-4.29-4.56-6s-2.3-3-2.54-3.35c6.45,6.92,11.53,12.77,15.51,17.58s6.94,8.52,9.07,11.27l4.26,5.4c.75.92.9,1,.59.46-1.18-2.22-10-14.37-17.77-23-2-3-5.81-6.57-10.15-12,3,2.91,9.7,8.48,11,10.06,6.1,7,6,5.36,11.75,14.26,1.14,1.85,2.58,4,4.18,6.2s3.24,4.65,4.93,7l4.73,6.86c1.45,2.16,2.7,4.14,3.68,5.74-2.74-3-9.08-9.73-11.81-14.67,5.15,11.22,9.5,10.7,15.11,22.38a34.4,34.4,0,0,0,2.16,3.52l1.53,4.26,6.6,13.79a134,134,0,0,1,5.71,14c-.35-.83.08-1.61-.15-2.5a44,44,0,0,0-2-6.29c-.78-2-1.62-3.94-2.52-5.87s-1.88-3.84-2.86-5.82c-.48-1-1-2-1.42-3.06s-1-2.09-1.46-3.19c-.62-1.73-2.61-3.61-3.44-5.36-1.84-3.48-2.77-6.93-4.19-10.35a98.71,98.71,0,0,1,5.89,10.18c.9,1.83,1.79,3.68,2.69,5.52l1.32,2.74,1.26,2.73a24.78,24.78,0,0,0,3,4.05c-1.43-3.38-2.81-6.8-4.45-10.13-1.46-2.89-3.13-6-5-9l-2.82-4.56-2.9-4.46-2.75-4.34c-.91-1.4-1.76-2.78-2.53-4.11a50.49,50.49,0,0,1-3.66-7.35l-.74-.85a1.69,1.69,0,0,0-.16-.54,30.4,30.4,0,0,1-2.7-5.28c.84,1.43,1.72,2.84,2.53,4.3,8.6,10,14.76,23.74,21.43,36.23,1.69,2.68,2.68,7.95,4.26,10.68a116.25,116.25,0,0,1,9.58,26.44,315.66,315.66,0,0,1,9.91,97.73c.06.74.12,1.48.19,2.21.11-.33.23-.66.34-1-.09.7-.17,1.4-.26,2.1a53.72,53.72,0,0,1-.46,12.1c-.43,1.63-.11-2.88-.64-4.11-.07.91-.13,1.81-.13,1.81l-.6-.33a2.4,2.4,0,0,1-.4,1.6c-.21-8.81-.85-17.64-1.66-26.51-.69,1.09-.29,3.69-.33,4.95a47.15,47.15,0,0,1,.71,8.54c.62,7.46-.59,15.24-1,22.41-.24,1.32-.51,2.64-.84,3.91C1114,326.36,1113.11,323,1113.39,320.34ZM1108.73,209c.36,2.53.63,5,.83,7.58l.54,2.62a19.49,19.49,0,0,0,1,3.39c.42,2.35.71,4.73,1.07,7.09s.66,4.73.94,7.1c0-1.22,0-2.46,0-3.72s-.11-2.53-.21-3.84a56.47,56.47,0,0,0-1.23-8.31c.24.94.48,1.88.72,2.8s.39,1.87.58,2.79c.37,1.85.69,3.68,1,5.5.51,3.64.92,7.21,1.16,10.76s.43,7,.5,10.58c.05,1.76.09,3.52.14,5.29s.07,3.54.11,5.33c.37,4.28.75,8.6,1.14,13,.34,3.11.74,6.13,1.16,9.13-.06-9.55-.34-19.09-1-28.66s-1.62-19.14-3-28.71c-.68-4.79-1.58-9.56-2.48-14.35s-2-9.54-3.32-14.27a225.2,225.2,0,0,0-9.23-28.19A359,359,0,0,1,1108.73,209Zm-2.2-4.17c-1.5-4.88-3-9.69-4.88-14.32l-1.7-4.83q-.95-2.41-1.88-4.81t-1.92-4.73c-.68-1.54-1.37-3.06-2.05-4.53s-1.38-2.9-2.07-4.27-1.44-2.65-2.15-3.88a48.82,48.82,0,0,0-4.26-6.35,244.5,244.5,0,0,1,16,33.4c-2-5.75-2.37-6.51-1.44-4s3.07,8.46,5.55,16.23A16.81,16.81,0,0,1,1106.53,204.87Z" style="fill: #eef4ff"/>
<path d="M1120.93,277.94c-.33,5.66-.67,11.38-1.27,17a49.92,49.92,0,0,0,1.94-6.65c1-6.87.26-14.51.19-21.71a225.42,225.42,0,0,0-10-63.67,28.35,28.35,0,0,0-1.73-5,314,314,0,0,1,8.45,40.17A239.56,239.56,0,0,1,1120.93,277.94Z" style="fill: #eef4ff"/>
<path d="M1098.45,163.84c-1-1.8-2-3.6-2.88-5.39s-1.82-3.59-2.69-5.34c.52,1.73,1.24,3.7,2,5.7s1.68,4,2.48,5.75c2.3,5,4.63,9.93,6.6,15A130.1,130.1,0,0,0,1098.45,163.84Z" style="fill: #eef4ff"/>
<path d="M1110.11,197.84c-.29-1.09-.59-2.17-.88-3.27-.71-2.5-1.55-5-2.41-7.51-.43-1.26-.86-2.52-1.33-3.78l-1.5-3.75c.4,1.38.8,2.75,1.19,4.13l1,4.15c.68,2.77,1.45,5.5,2.09,8.3C1108.92,195.88,1109.55,196.68,1110.11,197.84Z" style="fill: #eef4ff"/>
</g>
<g class="wave" id="wave-5">
<path d="M964.49,583.28a69.84,69.84,0,0,0,19.93-1.93c5-1.09,9.7-2.08,14.49-3.33a78.8,78.8,0,0,0,27.94-13.17,90.64,90.64,0,0,0,13.43-10.21c2.19-2,4.32-4.12,6.5-6.39s4.15-4.46,6-6.92a19.74,19.74,0,0,0,2-2.34c.61-.92.94-1.78.29-2,7.84-9.08,14.63-19,19.2-30,1-2.28,2.34-4.45,3.57-6.69.63-1.11,1.26-2.23,1.85-3.36s1.1-2.29,1.55-3.45c2.68-7.68,6.75-14.73,9.1-22.4a30.65,30.65,0,0,1,.59-4.47c4.63-10.11,5.21-20.58,6.72-30.84.69-4,1.06-7.16,1.91-11-.51-.46-.23-1.36-.22-2.48.28-1.45,1.58-6.13,2.82-10.64s2.46-8.85,2.94-9.55c.25-.34-.71,7.69-2,15.74s-2.87,16.09-2.48,15.88,1.45-5.62,2.49-11.08,1.95-11.09,2.19-12c-.8,9.77-1.76,17.75-2.61,24.17s-1.61,11.27-2.18,14.83c-1.14,7.12-1.43,9.06-1,7.81.82-2.47,3.78-17.73,5-29.72.88-3.63,1-9,2.1-16.17-.18,4.32.24,13.34-.11,15.39-.51,4.79-.52,6.87-.7,9.08a54.27,54.27,0,0,1-1.92,9.88c-1.14,4.35-2.32,10.36-3.56,16.21s-2.51,11.56-3.56,15.29c.33-4.16,1-13.73,2.8-19.29a43.1,43.1,0,0,0-3.13,13.37,44.54,44.54,0,0,1-3.17,13.9c-.43,1.17-.78,2.59-1.17,4.12l-2.12,4.19c-4.24,10.18-7.49,19.42-13.11,28.85.42-.85,1.3-1.05,1.83-1.85,5.54-7.81,7.65-15.73,11.73-24.79.92-1.69.92-4.54,1.67-6.4,1.4-3.84,3.27-7,4.86-10.52-1.69,7.47-5.12,15.83-8.28,23.45a27.47,27.47,0,0,0-1.06,5.15c1.64-3.47,3.23-7,4.67-10.55a189.15,189.15,0,0,0,6.13-20.88c1.8-7,3.41-13.57,5.59-18,0-.29,0-.58.11-1.16a1.94,1.94,0,0,0,.29-.5,31.5,31.5,0,0,1,2.07-5.79c-.49,1.65-1,3.31-1.46,4.95-1.52,13.57-7.45,28-12.33,41.9-.94,3.16-4.15,7.69-5.24,10.79a103.25,103.25,0,0,1-14.51,25.7,154.71,154.71,0,0,1-17.46,19.92,143.55,143.55,0,0,1-20.16,16.44,103.53,103.53,0,0,1-47.1,16.93c-.74.18-1.47.39-2.2.53.35.07.69.14,1,.19-.71,0-1.44,0-2.16,0a41,41,0,0,1-12.29.76c-1.68-.32,2.91-.27,4.11-.94l-1.83,0,.28-.62a2.32,2.32,0,0,1-1.63-.28,112.41,112.41,0,0,0,26-5.65c-1.23-.42-3.67.54-4.9.76a36.7,36.7,0,0,1-8.26,2.2c-7.31,1.74-15.19,1.12-22.27.77a39.6,39.6,0,0,1-3.87-.85c-.87-.26-.33-.59.61-.83A12.4,12.4,0,0,1,964.49,583.28Zm99.9-43.48c-1.89,1.88-3.75,3.67-5.84,5.39l-1.89,2.06a31.41,31.41,0,0,0-2.37,2.82l-2.73,2.54-2.79,2.46c-1.87,1.62-3.76,3.22-5.7,4.75a64.46,64.46,0,0,0,6.49-4.39c1.08-.84,2.17-1.7,3.25-2.68s2.16-2,3.27-3.17c-1.37,1.51-2.74,3-4.13,4.37s-2.81,2.68-4.25,3.94a88,88,0,0,1-8.94,6.85A114.55,114.55,0,0,1,1019.52,575c-3.91,2-7.91,3.81-12.1,5.45l-4.34,1.81c-1.46.55-2.87,1.18-4.31,1.7a116.62,116.62,0,0,0,27.41-10.35,125,125,0,0,0,24.48-17.34l2.8-2.51,2.77-2.63c1.9-1.73,3.59-3.64,5.38-5.49s3.4-3.84,5.06-5.8,3.25-4,4.75-6.1a171,171,0,0,0,16.06-26.59c-3.49,5.82-7,11.45-10.77,16.92A164.57,164.57,0,0,1,1064.39,539.8Zm2.07-4.48c1.59-2.14,3-4.39,4.41-6.59s2.69-4.5,4-6.76c7.15-12.17,13.38-26.38,14.72-35.54A200.3,200.3,0,0,1,1074.82,522c3.13-5.51,3.53-6.3,2.12-3.84s-4.58,8.17-9.27,15.27A16.54,16.54,0,0,1,1066.46,535.32Z" style="fill: #eef4ff"/>
<path d="M1007.62,584.46a108.24,108.24,0,0,1-17.31,2.71c1.15.17,2.25.35,3.4.47a35.46,35.46,0,0,0,3.68.13,51.26,51.26,0,0,0,10.94-2.31c3.65-1.2,7.3-2.58,10.83-4A97.66,97.66,0,0,0,1047.88,564c2.17-1.86,4.29-3.81,6.32-5.78s4.06-4.08,6.09-6.18c1-1.09,1.93-2.2,2.89-3.31l1.45-1.68,1.37-1.72,2.72-3.48,2.57-3.59c.37-.46,1-1.19,1.52-2a23.83,23.83,0,0,0,1.54-2.7,159.19,159.19,0,0,1-13.88,17.09c-2.51,2.63-5.11,5.23-7.65,7.57s-5.26,4.77-8,7A99.8,99.8,0,0,1,1007.62,584.46Z" style="fill: #eef4ff"/>
<path d="M1093.14,500.82c1.45-4,2.8-8.06,4.3-11.84a123.83,123.83,0,0,0-5.56,11.55c-1.06,2.65-2.2,5.28-3.34,7.89s-2.35,5.2-3.67,7.72c1.56-2.4,3-4.89,4.38-7.42S1092,503.55,1093.14,500.82Z" style="fill: #eef4ff"/>
<path d="M1074.35,533.53c.69-1,1.39-1.93,2.07-2.92a126.23,126.23,0,0,0,8.45-14.47c-3.17,5.11-6.7,9.93-10.24,14.8C1075.18,531.26,1074.93,532.3,1074.35,533.53Z" style="fill: #eef4ff"/>
</g>
<g class="wave" id="wave-6">
<path d="M145.94,629a66,66,0,0,0,11.12-2.57c5.57-1.61,11-1.32,17.06-2.25,3-.39,5.75-.94,8.63-1.52a130.75,130.75,0,0,0,19-2.62c.73,0,2.89-.11,2.4-1.39,6.55-.55,12.94-.89,19-2.84,2.57-.67,5.49-.13,8.06-.8,4.12-1.3,8.54-.77,12.64-1.74.53-.31,1.64-1.25,2.14-1.25,6,.24,10.81-2.86,16-4.71a38.52,38.52,0,0,1,5.69-1.54c.08-.62.58-.62,1.12-.92,1.54-.32,10.37-.37,11.28.25.45.3-16.73,3.68-16.3,4.32.46.3,11.18-2.11,12.18-2.1-19.6,7-24.57,9.25-23.25,9a150.7,150.7,0,0,0,14.94-5.13c1.93-.22,4.48-1.73,8.19-2.45-2.12.9-6.24,3.81-7.27,4.11-4.72,1.84-3.81,2.53-9.4,3.46-4.58.78-12.08,4-15.88,5.21,1.82-1.43,6.11-4.6,9.14-4.93-6.72.06-6.82,4.18-13.62,5.2a9.42,9.42,0,0,0-2.08.77l-2.43.05c-5.57,1-10.23,3-15.75,3.73.46-.13.9.47,1.39.46,4.94.17,8.63-2.06,13.67-2.78,1,0,2.11-1.26,3.12-1.46a26.72,26.72,0,0,1,6-.21c-3.65,1.57-8.18,2.27-12.25,3.27a8.43,8.43,0,0,0-2.31,1.63q2.85-.48,5.72-1.08c6.6-1.67,14.77-6.3,19.94-5.48l.53-.31a.66.66,0,0,0,.31.09,7.77,7.77,0,0,1,3.17-.11l-2.61.37c-6.35,3.37-14.27,3.78-21.41,6-1.55.64-4.46.1-6,.74a48.25,48.25,0,0,1-14.6,2.54c-17.78,1.16-35.55,2.24-53.28,2.58l-1.15.34.6.26-1.19-.1a19,19,0,0,1-6.6.69c-1-.24,1.51-.41,2-1.05l-1,.06,0-.62c-.33.22-.64-.07-.95-.22,4.69-1.15,9.37-2.44,14.13-3.53-.73-.65-2.1-.17-2.8-.12a16.92,16.92,0,0,1-4.55,1.22c-3.94,1.15-8.42.78-12.37,1.36a22.74,22.74,0,0,1-2.31-.28C142.87,630.4,144.44,629.06,145.94,629Zm61.81-1.76c-1.39-.1-2.78-.33-4.22-.54l-1.44.13a5.46,5.46,0,0,0-1.84.43l-7.82.18a26.66,26.66,0,0,0,8.81.65c-8.19,1.55-15.79.31-23.73.24-2.33.26-4.69.58-7.06,1a46.35,46.35,0,0,0-4.83,1.35c20.94-1.63,41.93-.5,62.73-3.76C221.39,626.82,214.76,627.26,207.75,627.21Zm2.26-1.34c2.7-.41,5.35-.93,7.94-1.52,7.16-1.21,15-2.58,19.17-5.41-6.14,1.93-12.49,3.9-19.17,5.41,6.43-1.07,1.75-.48-6.82,1.21A3.94,3.94,0,0,1,210,625.87Z" style="fill: #eef4ff"/>
<path d="M170.61,633.18c-3.16-.27-6.33-.37-9.49-.62a23.82,23.82,0,0,0,4,1.55c3.92.69,7.93-.16,11.88-.05a178.73,178.73,0,0,0,34.34-2.68,7.74,7.74,0,0,0,2.74-.58C199.27,632.13,185.34,633.53,170.61,633.18Z" style="fill: #eef4ff"/>
<path d="M232.84,628.68A46.2,46.2,0,0,1,239,627a23.37,23.37,0,0,0-6.48.42c-2.79.68-5.58,1.34-8.36,1.92A55.13,55.13,0,0,0,232.84,628.68Z" style="fill: #eef4ff"/>
<path d="M214.06,630.8l1.78-.16a72.9,72.9,0,0,0,8.27-1.26c-3.05,0-6.09,0-9.14.06C215.11,630.06,214.68,630.5,214.06,630.8Z" style="fill: #eef4ff"/>
</g>
<g class="wave" id="wave-7">
<path d="M30.74,483.49a75.36,75.36,0,0,0,1.51,15.13c1.35,7.6,1.17,14.76,2.77,22.83a98.51,98.51,0,0,0,2.82,11.44A100.05,100.05,0,0,0,46,557.44c.31.94,1.24,3.7,2.33,2.83,3.25,8.16,7,16.06,12.59,22.51a44.41,44.41,0,0,1,3,4.57A23.76,23.76,0,0,0,67,591.81c.52.52,1,1.05,1.49,1.6s1,1.07,1.45,1.63c.94,1.1,1.82,2.25,2.72,3.39a48.4,48.4,0,0,0,5.88,6.33,14.43,14.43,0,0,1,2.91,1.53,30.92,30.92,0,0,0,8.91,7.17c3.29,1.83,6.74,3.26,10.08,4.83,2.58,1.32,4.66,2.17,7,3.56.51-.4,1,0,1.82.18.92.48,3.78,2.39,6.58,4.2s5.54,3.57,5.9,4.13c.18.27-5.28-1.73-10.57-4.18s-10.44-5.24-10.43-4.86,3.47,2.3,7,4.13,7.27,3.5,7.85,3.85A157.61,157.61,0,0,1,99.25,623c-4.3-1.92-7.5-3.56-9.83-4.79-4.67-2.47-5.94-3.17-5.21-2.55a62.34,62.34,0,0,0,7.19,4.43,104.3,104.3,0,0,0,12.3,5.75c2.31,1.43,6.17,2.36,10.93,4.49-1.52-.41-3.93-.83-6.15-1.28a33.41,33.41,0,0,1-4.91-1.23c-3.29-1.28-4.79-1.68-6.33-2.25A26.8,26.8,0,0,1,90.79,622c-2.71-1.9-6.61-4.18-10.31-6.62l-2.75-1.8-1.33-.87-1.25-.89c-1.62-1.16-3.08-2.23-4.21-3.12,1.46.63,3.87,1.67,6.25,2.93a28.83,28.83,0,0,1,6.52,4,24.62,24.62,0,0,0-8.28-5.78,35,35,0,0,1-4-2.11,26.89,26.89,0,0,1-4.61-4,21,21,0,0,0-2.4-2.07c-.65-.9-1.26-1.76-2-2.83-5.32-6.14-10.4-11.31-14.5-18.24.42.55.1,1.29.41,1.92,2.92,6.45,7.64,10.38,12.24,16.09.76,1.22,2.86,2,3.87,3.06,2.06,2.21,3.53,4.52,5.3,6.78-4.69-3.29-9.07-8.41-13.1-13a15.83,15.83,0,0,0-3.24-2.28c.86,1.14,1.71,2.28,2.6,3.4l2.79,3.28c.42.46.86.93,1.31,1.39l1.44,1.36c1,.9,2,1.81,3.06,2.71s2.17,1.73,3.26,2.59,2.15,1.73,3.26,2.51c4.34,3.26,8.39,6.19,10.66,9.1l.8.36a1,1,0,0,0,.25.38,17.44,17.44,0,0,1,3.4,3.09c-1-.77-2-1.57-3-2.38-1.17-.53-2.3-1.16-3.44-1.82s-2.22-1.44-3.32-2.21A69.91,69.91,0,0,1,70,611.72c-1.06-.9-2-1.9-3-2.86s-2-1.94-3-2.93-1.94-2-2.92-3l-1.48-1.47L58.12,600a18.57,18.57,0,0,1-2.71-3.55,19.77,19.77,0,0,0-2.57-3.65,63.41,63.41,0,0,1-11.68-18.33,173.74,173.74,0,0,1-15.3-73l-.31-1.64-.29.77c0-.53.09-1.07.16-1.6a30.21,30.21,0,0,1-.21-9.1c.34-1.26.26,2.14.86,3l0-1.36.61.18c-.18-.5.14-.84.31-1.22.69,6.55,1.81,13.08,3,19.62.64-.91.13-2.81.08-3.74A27.74,27.74,0,0,1,29,500c-1-5.5-.23-11.41-.22-16.75a29.52,29.52,0,0,1,.62-3C29.8,479.07,30.86,481.53,30.74,483.49Zm10.52,83c-.28-.94-.52-1.87-.74-2.82l-.58-2.89-.72-1.9a13.45,13.45,0,0,0-1.14-2.41c-.52-1.75-1-3.49-1.48-5.25s-.93-3.5-1.32-5.27a38.39,38.39,0,0,0,2.33,12A66,66,0,0,1,33,541.79c-.9-5.33-1.3-10.63-1.82-16l-1.77-9.65c-.47-2.3-1.05-4.51-1.6-6.72,1.09,14.32,3,28.73,6.9,43s10,28.29,19.09,40.8c-2.53-4.37-4.79-8.74-7-13.11A130,130,0,0,1,41.26,566.53Zm2.4,2.72c.91,1.71,1.79,3.43,2.76,5.08s2,3.28,3,4.85c1.38,2.17,2.75,4.44,4.29,6.54.77,1.06,1.51,2.13,2.29,3.15s1.6,2,2.4,2.93a39.33,39.33,0,0,0,9.51,8.55,114.59,114.59,0,0,1-18.49-21.17c2.47,3.91,2.85,4.44,1.75,2.68s-3.67-5.78-6.66-11.22A8.88,8.88,0,0,1,43.66,569.25Z" style="fill: #eef4ff"/>
<path d="M25.49,516c.06-4.34.08-8.68.4-13a29.36,29.36,0,0,0-1.58,5.23c-.64,5.31.49,11,.91,16.5A123.66,123.66,0,0,0,38.8,572.15a16.65,16.65,0,0,0,2.06,3.58c-2.37-4.9-4.45-9.82-6.29-14.74s-3.4-9.88-4.66-14.86A138.88,138.88,0,0,1,25.49,516Z" style="fill: #eef4ff"/>
<path d="M55.53,599.52l3.36,3.41c1.13,1.11,2.22,2.22,3.24,3.36a32.39,32.39,0,0,0-2.71-3.88c-1-1.33-2.06-2.67-3-3.84a115.21,115.21,0,0,1-8-9.93c1,1.85,2,3.75,3.24,5.54A55.34,55.34,0,0,0,55.53,599.52Z" style="fill: #eef4ff"/>
<path d="M40.86,575.73c.35.79.76,1.56,1.16,2.35a79,79,0,0,0,6.42,10.56c-2.13-3.94-3.91-8-5.73-12C42.17,577,41.48,576.51,40.86,575.73Z" style="fill: #eef4ff"/>
</g>
<g class="wave" id="wave-8">
<path d="M60.46,144.46c-2,8.18-3.4,15.61-4.58,23.3-2.11,11.89-6,22.2-9.35,34.43-.85,3-1.66,5.95-2.48,8.84l-2.37,8.74c-4,11.7-8.3,24.54-12.21,37.88-.54,1.39-2.14,5.51-.72,5.48-2.28,6.33-4.55,12.55-6.47,18.77a127.46,127.46,0,0,0-4.39,18.81c-.88,5.28-2.88,10.63-3.46,16-.66,8.72-2.7,17.22-2.79,25.85a29.81,29.81,0,0,1,.75,4.8c-1.5,11.85,1.23,22.78,3.27,33.71.39,2.15.74,4.06,1.08,5.95.16.94.32,1.88.46,2.84s.32,1.94.46,3c.64.28.7,1.29,1.08,2.43.14.78.26,2.47.49,4.59s.47,4.67.69,7.18c.51,5,1,9.86.76,10.74a32.49,32.49,0,0,1-1.32-5c-.36-1.57-.83-3.42-1.24-5.42l-1.28-6.31c-.47-2.14-.8-4.31-1.18-6.33s-.73-3.9-1-5.51c-.53-3.22-.93-5.31-1.08-5.14a99.86,99.86,0,0,0,1.52,12.13c.43,3,1,5.93,1.46,8.3s.73,4.13.81,4.63a351.27,351.27,0,0,1-8.94-41.37c-.33-1.92-.55-3.49-.72-4.75s-.33-2.19-.44-2.84c-.23-1.31-.32-1.48-.3-.78,0,1.41.44,6.29,1.33,12.39.4,3.05,1,6.4,1.61,9.78s1.38,6.78,2.12,9.94a71.2,71.2,0,0,0,1.5,7.21c.72,2.84,1.61,6.11,2.32,9.94-.66-2.23-1.93-5.57-3.1-8.65s-2.08-5.91-2.31-7c-2.29-10.12-3-8.46-4-20.28-.13-2.43-.45-5.28-.76-8.34s-.69-6.31-.93-9.54l-.42-4.78-.3-4.54c-.21-2.91-.26-5.54-.28-7.64.75,4.43,3,14.53,2.94,20.85a54.42,54.42,0,0,0-.06-8.49A58,58,0,0,0,5.79,344,49.93,49.93,0,0,1,5,328.57,45.44,45.44,0,0,0,5.06,324c.27-1.6.58-3.11,1-5,.72-5.93,1.37-11.5,2.21-17a134.18,134.18,0,0,1,3.48-16.65c-.22,1-1,1.45-1.34,2.43C6.91,297.34,6.65,306.18,5,316.79c-.4,2,.21,5,0,7.16-.38,4.4-1.29,8.27-1.88,12.4-.44-8.29.7-18,1.9-26.86a32.12,32.12,0,0,0-.22-5.66c-.37,2-.74,4.08-1.07,6.14s-.61,4.12-.86,6.19a172,172,0,0,0-.36,23.58c.27,7.86.63,15.16-.06,20.4l.26,1.23a2,2,0,0,0-.12.62c.05,1,.08,2.12.05,3.26a27.46,27.46,0,0,1-.2,3.4c-.09-1.87-.16-3.73-.17-5.6C.89,355.8.66,347.91.84,339.88s.93-16.21,1.55-24.19a38.73,38.73,0,0,1,1.14-6.39,45.54,45.54,0,0,0,1.3-6.36,130.51,130.51,0,0,1,7.68-30.57c3.11-8.76,6.37-17.35,9.57-25.92s6.34-17.13,9.39-25.71Q40.59,195,48.76,169.12l.41-2.47-.59,1,.82-2.23a78.93,78.93,0,0,1,3.42-13.24c.81-1.72-.57,3.21-.34,4.69l.55-2,.51.49a3,3,0,0,1,.77-1.69l-2.76,14.85c-.92,5-2,9.91-3.08,14.88,1-1,1.5-4,1.92-5.32a90.42,90.42,0,0,1,1.87-9.61c1.42-8.43,4.47-16.86,6.39-24.9.51-1.46,1.05-2.91,1.64-4.3C61.09,137.54,61.3,141.48,60.46,144.46ZM19,263.88c1.14-2.58,2.4-5,3.68-7.6l1-2.81a24.9,24.9,0,0,0,1.07-3.77c1.95-5,3.91-9.91,5.82-14.89A108.35,108.35,0,0,0,23.34,251c5.08-16.52,11.76-30,17.38-45.15,1.39-4.65,2.77-9.37,4-14.24.8-3.44,1.49-6.83,2.07-10.2-6.15,20.7-13.54,40.78-21.29,60.73-3.86,10-7.81,20-11.43,30.25a231.43,231.43,0,0,0-9,32A360,360,0,0,1,19,263.88Zm-.64,5.21c-1.69,5.42-3.24,10.84-4.54,16.26a191.46,191.46,0,0,0-4.74,22.31c-1,7.22-1.36,13.84-.78,18.8a202.83,202.83,0,0,1,5.52-41.11c-1.72,6.59-1.88,7.53-1.12,4.58s2.55-9.75,5.08-18.49A18.43,18.43,0,0,1,18.37,269.09Z" style="fill: #eef4ff"/>
<path d="M41.34,189.25c2.35-5.88,4.47-11.92,6.75-17.84A63.58,63.58,0,0,0,44.18,178c-3.11,7.05-5.1,15.32-7.91,22.79-4.06,10.72-8,21.64-11.94,32.77S16.5,256,12.86,267.77a33.13,33.13,0,0,0-1.59,5.7c5-14.75,10.19-28.66,15.16-42.55S36.34,203.23,41.34,189.25Z" style="fill: #eef4ff"/>
<path d="M1.13,312.55C.71,317.17.45,321.78,0,326.17c1-3.94,1.72-9.34,2.42-13.68.75-6.14,1.71-12.27,3-18.23A124.2,124.2,0,0,0,1.13,312.55Z" style="fill: #eef4ff"/>
<path d="M11.27,273.47,10.09,277c-.94,2.73-1.73,5.58-2.54,8.44s-1.51,5.8-2.11,8.79c1.9-6.18,4.1-12.13,6.29-18.1C11.1,276,11.06,274.88,11.27,273.47Z" style="fill: #eef4ff"/>
</g>
<g class="wave" id="wave-9">
<path d="M228.64,29a65.64,65.64,0,0,0-15.21-.81c-7.73.26-14.85-.78-23.12-.07a98.07,98.07,0,0,0-11.77,1.66,95.28,95.28,0,0,0-25.39,6.3c-1,.27-3.8,1.06-3,2.19-1.07.34-2.15.64-3.19,1l-3.1,1.18-3.09,1.21a32.38,32.38,0,0,0-3,1.31c-2,1-3.91,2-5.8,3l-1.42.82c-.45.29-.9.6-1.35.91q-1.34.93-2.64,1.92c-.74.52-1.55,1-2.36,1.43s-1.62.9-2.46,1.34A25.07,25.07,0,0,0,117,55.44a36.85,36.85,0,0,1-3.48,2.78c-1.19.87-2.38,1.75-3.59,2.6A51,51,0,0,0,103,66.34a15.14,15.14,0,0,1-1.73,2.88c-.83.58-1.62,1.21-2.37,1.85s-1.41,1.38-2.07,2.1S95.59,74.63,95,75.39,93.86,77,93.33,77.75s-1.06,1.6-1.56,2.41l-1.43,2.48-2.82,4.94c-.81,1.23-1.45,2.39-2.11,3.49s-1.36,2.18-2.16,3.34c.35.54-.1,1-.37,1.82-.59.89-2.79,3.62-4.9,6.3s-4.15,5.28-4.76,5.58c-.29.16,2.3-5.17,5.31-10.3s6.32-10.11,5.92-10.14a50.75,50.75,0,0,0-4.84,6.75c-2.2,3.42-4.26,7-4.68,7.59A183.8,183.8,0,0,1,88.61,76.42c1.46-2.25,2.37-3.71,2.84-4.5s.51-.92.17-.57a25.14,25.14,0,0,0-1.9,2.4c-.88,1.21-2,2.74-3.16,4.53a117.52,117.52,0,0,0-7,12c-1.64,2.23-3,6-5.62,10.64,1.1-3,2.85-9.59,3.66-10.94,1.61-3.2,2.15-4.68,2.86-6.2a21.61,21.61,0,0,1,1.42-2.47,36,36,0,0,1,2.83-3.73c.54-.64,1.1-1.37,1.69-2.15S87.67,73.8,88.31,73c1.24-1.73,2.62-3.53,4-5.33s2.74-3.53,4-5.12,2.48-3,3.48-4c-.38.7-.89,1.63-1.49,2.67s-1.22,2.25-1.93,3.43a34.29,34.29,0,0,1-4.55,6.29,26.82,26.82,0,0,0,4.07-4.21,28.38,28.38,0,0,0,2.39-3.77A30.17,30.17,0,0,1,100.71,59a26.07,26.07,0,0,1,1.79-2.15A28.56,28.56,0,0,1,105,54.6a20.32,20.32,0,0,0,2.21-2.34c1-.62,1.89-1.14,3-1.84,6.56-5,12-9.94,19.38-13.6-.59.38-1.32,0-2,.29-.85.32-1.66.66-2.44,1s-1.49.82-2.21,1.25c-1.43.88-2.79,1.83-4.14,2.8l-4,3.15q-1,.8-2.1,1.59t-2.19,1.65c-1.24.75-2.21,2.73-3.37,3.69-2.28,2.05-4.85,3.24-7.17,5,.45-.56.93-1.13,1.43-1.69s1.06-1.08,1.61-1.62c1.1-1.08,2.27-2.14,3.47-3.21s2.49-2,3.75-3l1.86-1.49,1.89-1.41a16.57,16.57,0,0,0,2.5-3.16c-2.38,1.64-4.83,3.21-7.08,5.07-1,.81-2,1.69-3,2.6s-1.94,1.94-2.91,2.95-1.95,2-2.87,3.08L98,58.5,96.66,60l-1.29,1.51c-.86,1-1.71,1.92-2.55,2.78A27.44,27.44,0,0,1,88,68.61c-.11.19-.22.38-.42.78a1,1,0,0,0-.39.22,16.53,16.53,0,0,1-3.4,3.19l2.66-2.87A48.13,48.13,0,0,1,91,63.38q1.34-1.55,2.76-3.06c.94-1,1.91-2,2.94-3l3.08-2.9c1-1,2.13-1.87,3.19-2.81s2.1-1.89,3.18-2.8,2.15-1.82,3.19-2.76A10.68,10.68,0,0,1,111,44.76c.65-.42,1.39-.81,2.12-1.2A20.54,20.54,0,0,0,117,41.13a65.8,65.8,0,0,1,19.32-10.76,149.67,149.67,0,0,1,75.26-8.9l1.68,0-.73-.4,1.59.38a32.42,32.42,0,0,1,4.63.22,24.21,24.21,0,0,1,4.52.94c1.2.54-2.18-.12-3.14.39l1.35.22-.28.58c.53-.13.82.26,1.17.5a174.31,174.31,0,0,0-20,.29c.83.75,2.79.44,3.74.53a27.69,27.69,0,0,1,6.44-.28c5.66-.26,11.43,1.45,16.7,2.34,1,.34,1.92.7,2.83,1.12.61.31.19.6-.54.78A6.56,6.56,0,0,1,228.64,29Zm-84.36,1.82c2-.41,3.9-.67,5.9-1l2-.63a15.3,15.3,0,0,0,2.53-1l5.43-1.14c.9-.21,1.81-.36,2.72-.49l2.73-.42c-.95,0-1.92,0-2.91,0l-1.49,0c-.5,0-1,.1-1.5.16a44.52,44.52,0,0,0-6.4,1.29,69.34,69.34,0,0,1,8.45-2.33c2.81-.48,5.56-.9,8.3-1.14s5.47-.31,8.18-.36,5.43,0,8.17,0c1.64-.1,3.28-.23,4.93-.37s3.32-.19,5-.33c2.36-.25,4.67-.5,6.95-.79-1.81-.05-3.64-.22-5.46-.21l-5.48-.1c-3.65.09-7.35.06-11,.35s-7.36.57-11.08,1c-1.86.18-3.68.55-5.53.82s-3.73.53-5.55,1a124.45,124.45,0,0,0-42.63,16.9c4.6-2.27,9.11-4.41,13.73-6.26l3.43-1.43c1.13-.49,2.34-.84,3.51-1.26C139.52,32.36,141.86,31.53,144.28,30.85Zm-2.9,2.31q-2.7,1.2-5.34,2.46c-1.75.87-3.41,1.88-5.08,2.84l-3.5,1.88c-1.18.62-2.28,1.38-3.42,2.07l-3.33,2.13c-1.08.73-2.1,1.51-3.11,2.27s-2,1.51-2.89,2.26-1.74,1.57-2.53,2.34a27.24,27.24,0,0,0-3.87,4.5A116.19,116.19,0,0,1,131,38.46c-4.16,2.23-4.72,2.57-2.85,1.59l4.46-2.39c1-.53,2.1-1.18,3.33-1.78l4-1.92A9.22,9.22,0,0,1,141.38,33.16Z" style="fill: #eef4ff"/>
<path d="M196.93,19.29c4.37.54,8.75,1.12,13,2A30,30,0,0,0,204.89,19c-5.28-1.25-11.21-.88-16.81-1a109.85,109.85,0,0,0-12.27.32,114,114,0,0,0-12.43,1.85A123.78,123.78,0,0,0,151,23.44c-2.05.68-4.08,1.45-6.12,2.2l-3.07,1.15-3,1.34A17.21,17.21,0,0,0,135,30a142.18,142.18,0,0,1,30.89-9.15A121.74,121.74,0,0,1,196.93,19.29Z" style="fill: #eef4ff"/>
<path d="M110,43.47c-1.21,1.09-2.41,2.17-3.63,3.22l-1.82,1.54c-.59.52-1.18,1-1.78,1.52.64-.33,1.31-.73,2-1.16s1.41-.87,2.11-1.34c1.42-.94,2.81-2,4-2.87l5.2-3.87c1.74-1.28,3.57-2.4,5.36-3.58-1.93,1-3.92,1.85-5.81,3S111.84,42.18,110,43.47Z" style="fill: #eef4ff"/>
<path d="M135,30l-2.48,1c-1.86.86-3.72,1.79-5.58,2.77a59.15,59.15,0,0,0-5.5,3.16c2-1,4.15-1.82,6.25-2.65s4.16-1.7,6.27-2.49C133.65,31.22,134.18,30.59,135,30Z" style="fill: #eef4ff"/>
</g>
</g>
<g id="ground">
<path d="M363.73,49.84c-61.32-7.64-164.22-20.46-222.08,37-18.41,18.28-30.71,42.14-45.75,135-30.94,191-36.84,279.21-1,336,39.5,62.5,74.78,19.06,272.59,18,137.8-.74,133,8.9,354.57,10,217.18,1.07,242.16-8.09,265-28,92.63-80.87,96.67-345.27.37-464.5-84.77-105-202-64-234.84-57.5C648.13,56.51,599,92.64,469.53,73.84,419.71,66.6,422,57.09,363.73,49.84Z" style="fill: #9ebb9c"/>
<path d="M198.45,105.63c119.66-107,301.12-53.09,369,52.52C601,210.29,604.19,271,631.45,273c36.78,2.71,43.71-106.73,116-168.55C807.84,52.76,901.7,44.72,962.45,91c121.83,92.76,98.79,395,5,466.58-60.7,46.33-109.87-35.34-270-11-90,13.68-95.45,42.69-195,52.52-24.25,2.39-105.45,8.72-208-20.77-100.44-28.88-152.94-44-183-97.71C56.46,382.3,98.93,194.67,198.45,105.63Z" style="fill: #778c75"/>
</g>
<path id="track" d="M150,255.84c41.45-89.52,168.05-121.22,258-98,114.67,29.59,112.66,133.67,276,241,56.9,37.38,169.25,111.2,236,72,90-52.88,68-301.09,1-313-233.5-41.5-242.46,366.83-400,334-54.3-11.32-75.29-66.3-144-63-75.92,3.64-99.5,73.12-148,64C167,481.17,106.79,349,150,255.84Z" style="fill: none;stroke: #4d4d4d;stroke-miterlimit: 10;stroke-width: 62px"/>
<g id="apex">
<path d="M470.45,428.34c11.1,7.7,21.86,15.69,33.49,21a71.05,71.05,0,0,0,17.91,5.52,68.57,68.57,0,0,0,9.3.89,83,83,0,0,0,9.45-.16,59.8,59.8,0,0,0,18-3.63,51.67,51.67,0,0,0,8.24-4,67.9,67.9,0,0,0,7.68-5.4A142.92,142.92,0,0,0,588.7,429l6.82-7.34L599,418c1.17-1.22,2.3-2.46,3.5-3.66-.73,1.53-1.52,3-2.29,4.53l-2.42,4.44c-1.63,3-3.38,5.86-5.2,8.73a99,99,0,0,1-12.72,16.28,56.91,56.91,0,0,1-17.57,12.33,56.32,56.32,0,0,1-10.36,3.4,71.5,71.5,0,0,1-10.62,1.47,89.2,89.2,0,0,1-10.6.07,73.44,73.44,0,0,1-10.62-1.44,66.19,66.19,0,0,1-19.77-7.87,91,91,0,0,1-16.37-12.7c-2.45-2.38-4.81-4.82-7-7.38-1.11-1.28-2.22-2.56-3.3-3.86S471.46,429.7,470.45,428.34Z" style="fill: red"/>
<g>
<path d="M602.45,414.34c-.42.92-.88,1.83-1.33,2.73s-.9,1.82-1.37,2.71l-1.53-1.09c.68-.74,1.39-1.46,2.1-2.19S601.72,415.05,602.45,414.34Z" style="fill: #fff"/>
<path d="M594.07,429.85c-2,3.3-4.16,6.53-6.5,9.68l-5.05-4.39c2.67-2.6,5.26-5.33,7.86-8.09Z" style="fill: #fff"/>
<path d="M579.84,448.56a60.32,60.32,0,0,1-4.48,4.1,54.58,54.58,0,0,1-4.94,3.68l-4.83-7.82c1.51-.88,3-1.8,4.47-2.81s2.88-2.09,4.29-3.21Z" style="fill: #fff"/>
<path d="M559.32,462a58.81,58.81,0,0,1-12,3l-1.37-9.9a56.82,56.82,0,0,0,10.17-2.3Z" style="fill: #fff"/>
<path d="M535.25,465.67a73.6,73.6,0,0,1-12.1-1.05l1.37-9.29a77.5,77.5,0,0,0,10.68.5Z" style="fill: #fff"/>
<path d="M511.37,461.44c-1.9-.7-3.76-1.51-5.58-2.39s-3.59-1.82-5.3-2.84l3.49-6.69c1.66.73,3.32,1.44,5,2.06s3.39,1.16,5.1,1.66Z" style="fill: #fff"/>
<path d="M490.75,449.41a111.42,111.42,0,0,1-8.67-7.82l2.65-3.2c3.12,2.12,6.28,4.16,9.48,6Z" style="fill: #fff"/>
<path d="M474.26,433.06c-.65-.77-1.28-1.57-1.92-2.35s-1.27-1.57-1.89-2.37c.84.57,1.66,1.15,2.48,1.74l2.45,1.76Z" style="fill: #fff"/>
</g>
<path d="M302.45,498.34a64.4,64.4,0,0,1,7-8.11,101.19,101.19,0,0,1,8-7.2,112.83,112.83,0,0,1,18-11.95,96.5,96.5,0,0,1,42.15-11.67,95.14,95.14,0,0,1,42.8,9A103.7,103.7,0,0,1,439,479.49a90.94,90.94,0,0,1,8.21,6.94,61.94,61.94,0,0,1,7.2,7.91,128.56,128.56,0,0,0-17.85-11,137.52,137.52,0,0,0-18.93-8.08A108.36,108.36,0,0,0,378,469.33c-13.29.61-26.44,4-39.07,9.13a193.39,193.39,0,0,0-36.52,19.88Z" style="fill: #fff"/>
<path d="M293.45,427.34c-4.51,3.71-8.88,7.29-13.09,11.05s-8.35,7.55-12.66,11.33a92.79,92.79,0,0,1-14.25,10.69,39.28,39.28,0,0,1-8.93,3.79,31,31,0,0,1-5,.91,28.8,28.8,0,0,1-5.17,0,30.39,30.39,0,0,1-9.66-2.61,42.24,42.24,0,0,1-8.16-4.79,69.34,69.34,0,0,1-12.88-12.6A95.53,95.53,0,0,1,194,430.42a79.18,79.18,0,0,1-6.56-16.08,158.83,158.83,0,0,0,10.07,13.76,139.55,139.55,0,0,0,11.28,12.32,78.2,78.2,0,0,0,12.64,10.05,41.26,41.26,0,0,0,6.81,3.41,24.17,24.17,0,0,0,6.86,1.54c9,.56,18-6.18,27.34-12.5S282.09,430.2,293.45,427.34Z" style="fill: #fff"/>
<path d="M853.45,190.34A124.41,124.41,0,0,1,879,182.2a66.74,66.74,0,0,1,13.8-1.25,41.65,41.65,0,0,1,14.38,2.67,32.09,32.09,0,0,1,6.78,3.67l1.54,1.2c.48.41.95.81,1.39,1.23.91.82,1.75,1.65,2.55,2.51a74.67,74.67,0,0,1,8.4,10.91,78,78,0,0,1,6.34,12,53.94,53.94,0,0,1,2.22,6.45,29,29,0,0,1,1.08,6.72,85.64,85.64,0,0,0-7.53-10.7q-4-5-8.35-9.74c-2.86-3.13-5.79-6.19-8.81-8.92a27.56,27.56,0,0,0-9.28-6.06,32,32,0,0,0-5.41-1.61,47.29,47.29,0,0,0-5.85-.91,106,106,0,0,0-12.44-.39c-4.25.05-8.58.27-13,.41A129.61,129.61,0,0,1,853.45,190.34Z" style="fill: #fff"/>
<path d="M929.45,412.34a83.24,83.24,0,0,1-3.85,12.78,45.39,45.39,0,0,1-6.85,12,41.84,41.84,0,0,1-10.81,9.33,62.21,62.21,0,0,1-12.64,5.71,46.07,46.07,0,0,1-14,2.48,55.94,55.94,0,0,1-13.74-1.54c-4.39-1-8.56-2.33-12.68-3.7s-8.22-2.75-12.43-4.1c8.82-.88,17.74.43,26.1.86,2.09.12,4.15.15,6.18.13s4-.18,6-.41a50.43,50.43,0,0,0,5.76-1.09A55.33,55.33,0,0,0,892,443a98.61,98.61,0,0,0,10.94-5.1,50.52,50.52,0,0,0,9.56-6.64,75.11,75.11,0,0,0,8.31-9C923.55,419,926.26,415.53,929.45,412.34Z" style="fill: #fff"/>
<g>
<path d="M302.45,498.34c.57-.85,1.2-1.64,1.85-2.43s1.29-1.57,2-2.32c1.37-1.5,2.78-3,4.24-4.4l2,2.61c-1.71,1-3.42,2.05-5.09,3.15l-2.51,1.65C304.1,497.17,303.27,497.74,302.45,498.34Z" style="fill: red"/>
<path d="M319.79,481.19c1.62-1.26,3.29-2.44,5-3.61s3.42-2.26,5.18-3.35l3.47,6.59c-1.78.79-3.54,1.64-5.3,2.49s-3.51,1.76-5.26,2.66Z" style="fill: red"/>
<path d="M340.88,468.4c1.88-.86,3.78-1.71,5.72-2.45s3.91-1.46,5.89-2.11L355.2,473q-2.77.74-5.52,1.61c-1.83.6-3.66,1.19-5.48,1.86Z" style="fill: red"/>
<path d="M364.67,460.78q3.1-.55,6.25-.92c2.09-.23,4.2-.37,6.3-.46l.44,9.93c-1.89.09-3.77.26-5.66.46s-3.76.45-5.63.76Z" style="fill: red"/>
<path d="M389.85,459.85c2.09.2,4.16.52,6.23.87s4.11.78,6.14,1.27l-1.86,8.83c-1.88-.33-3.77-.62-5.66-.85s-3.79-.39-5.69-.53Z" style="fill: red"/>
<path d="M414.15,465.71c1.93.75,3.86,1.52,5.74,2.4s3.73,1.77,5.56,2.73l-2.85,6.22c-1.81-.7-3.64-1.36-5.47-2s-3.68-1.19-5.54-1.71Z" style="fill: red"/>
<path d="M436,477.27a96.92,96.92,0,0,1,9.61,7.6l-1.8,2.45q-5.13-3-10.43-5.59Z" style="fill: red"/>
<polygon points="453.97 493.69 454.45 494.34 453.81 493.86 453.97 493.69" style="fill: red"/>
</g>
<g>
<path d="M293.45,427.34l-4.7,3.86c-1.55,1.28-3.07,2.57-4.58,3.86l-2.28-3.58c1.86-.85,3.76-1.64,5.68-2.34,1-.34,1.93-.69,2.92-1S292.45,427.57,293.45,427.34Z" style="fill: red"/>
<path d="M275.28,442.94c-1.48,1.35-2.95,2.71-4.45,4s-3,2.65-4.5,3.94l-5.36-7c1.66-1.14,3.33-2.26,5-3.36s3.38-2.19,5.08-3.26Z" style="fill: red"/>
<path d="M256.49,458.52a46.36,46.36,0,0,1-5.69,3.28,33.61,33.61,0,0,1-6.45,2.45l-2.6-9.62a33.38,33.38,0,0,0,4.76-1.79c1.59-.75,3.18-1.63,4.78-2.57Z" style="fill: red"/>
<path d="M230.1,464.39a34.59,34.59,0,0,1-6.49-2.38,42.79,42.79,0,0,1-5.75-3.35l4.76-7.48a41.72,41.72,0,0,0,4.79,2.37,26.6,26.6,0,0,0,4.84,1.49Z" style="fill: red"/>
<path d="M208.18,450.3c-1.46-1.51-2.82-3.1-4.14-4.7s-2.55-3.28-3.74-5l4.8-3.93c1.34,1.42,2.73,2.77,4.12,4.11s2.84,2.61,4.29,3.84Z" style="fill: red"/>
<path d="M193.87,430.15a86.14,86.14,0,0,1-5-11.17l1.24-.63c2.3,3.28,4.68,6.46,7.18,9.52Z" style="fill: red"/>
</g>
<g>
<path d="M853.45,190.34c.94-.44,1.89-.81,2.84-1.22s1.9-.76,2.85-1.12q2.85-1.08,5.72-2l.8,4.49q-3,.11-6.08.09c-1,0-2,0-3.06,0S854.48,190.42,853.45,190.34Z" style="fill: red"/>
<path d="M876.67,182.66c2-.45,4.06-.78,6.13-1.1s4.17-.49,6.3-.57l0,9.16c-1.87-.1-3.77-.18-5.69-.16s-3.86,0-5.81.06Z" style="fill: red"/>
<path d="M902.17,182.07a35.1,35.1,0,0,1,6.53,2.2,30.11,30.11,0,0,1,6.07,3.65l-5.89,7.86a24.74,24.74,0,0,0-4.27-2.41,33.24,33.24,0,0,0-4.81-1.67Z" style="fill: red"/>
<path d="M923.74,197.33c1.28,1.66,2.48,3.35,3.61,5.09s2.19,3.52,3.21,5.32l-5.64,3.92c-1.26-1.48-2.59-2.92-3.88-4.35s-2.64-2.83-4-4.19Z" style="fill: red"/>
<path d="M935.61,219.1a41.48,41.48,0,0,1,1.25,4.56,25.5,25.5,0,0,1,.59,4.68c-.76-1.37-1.6-2.64-2.44-3.9s-1.74-2.46-2.64-3.66Z" style="fill: red"/>
</g>
<g>
<path d="M929.45,412.34c-.2,1-.47,2-.71,3s-.53,2-.82,3c-.58,2-1.21,3.91-1.95,5.84l-4.52-2.59c1.25-1.54,2.53-3.11,3.84-4.67.66-.78,1.33-1.55,2-2.32S928.7,413.07,929.45,412.34Z" style="fill: red"/>
<path d="M920.07,435.44c-.63.9-1.33,1.76-2.05,2.6s-1.47,1.66-2.27,2.43a42.11,42.11,0,0,1-5.11,4.24l-5.35-8.09c1.53-1,3-1.93,4.44-3,.7-.55,1.41-1.1,2.09-1.68s1.34-1.2,2-1.82Z" style="fill: red"/>
<path d="M899.24,450.77c-1,.39-2,.75-3,1.1s-2.07.71-3.13,1a44.44,44.44,0,0,1-6.46,1.37l-1.6-9.1a46.33,46.33,0,0,0,5.18-1.47c.86-.29,1.7-.6,2.55-.95s1.73-.76,2.61-1.11Z" style="fill: red"/>
<path d="M873.68,454.25c-2.12-.26-4.18-.68-6.21-1.13s-4-1-6-1.58l1.07-5.75c2,.17,3.95.3,5.88.41s3.85.14,5.72.14Z" style="fill: red"/>
<path d="M850,447.81l-7.57-2.47c1.34-.16,2.68-.2,4-.27s2.68,0,4,0Z" style="fill: red"/>
</g>
</g>
<path id="red-path" d="M134,262.84c41.45-89.52,183.05-127.22,273-104,114.67,29.59,112.84,134,276.18,241.28,56.9,37.38,170.35,99,233.82,54.72,106-74,80-248,1-277-225.92-82.94-211,303-381,298-55.44-1.63-91.29-35.3-160-32-75.92,3.64-105.5,44.12-154,35C161,467.17,90.79,356,134,262.84Z" style="fill: none;stroke: red;stroke-miterlimit: 10"/>
<path id="blue-path" d="M180,234.84c74.13-65.09,158.05-107.22,248-84,114.67,29.59,91.26,161.87,278,264,64,35,147.53,84.31,211,40,106-74,101-242.88,21-269-245-80-240,267-374,278-54.15,4.44-108-14-186-15-76-1-125.67,21-174,11C83,434.84,139,270.84,180,234.84Z" style="fill: none;stroke: #0021d0;stroke-miterlimit: 10"/>
<g id="red-car-container">
<g id="red-car">
<g id="red-car-smoke">
<circle cx="66.45" cy="33.34" r="2"/>
</g>
<path id="path2853" d="M89.08,20.34a1.64,1.64,0,0,0-.37.05l-.2.09L89,22.54H81.83c-4.47,0-9.56-.66-13.38-.54a40.64,40.64,0,0,0-8.73,1.61l-.79.21c-1.11.31-1.48,5.6-1.48,9.58v.39c0,4,.37,9.28,1.48,9.58l.79.22a41.33,41.33,0,0,0,8.73,1.61c3.82.11,8.91-.56,13.38-.55l7.17,0-.49,2.06.2.08a1.24,1.24,0,0,0,.37.06l.15,0h.06l0,0,.11,0a.88.88,0,0,0,.27-.19h0a.57.57,0,0,0,.08-.13l.7-1.79h6.31a8.64,8.64,0,0,0,4.23.62c7.65,0,10.78-5,10.74-11.57v-.27c0-6.59-3.09-11.57-10.74-11.57a8.64,8.64,0,0,0-4.23.62H90.51l-.7-1.79a.57.57,0,0,0-.08-.13h0a.74.74,0,0,0-.27-.19l-.11,0,0,0h-.21Z" style="fill: #ff492e;fill-opacity: 0.9960799813270569"/>
<path id="path3643" d="M77,41.11a49.16,49.16,0,0,0-5.45.29c1.47,2.8,5.63,1.74,11.81,1.81,2.85,0,5.14.11,7,.13C87.64,42,82.68,41.11,77,41.11Z" style="fill: #262626;fill-opacity: 0.9960799813270569;opacity: 0.8999999761581421;isolation: isolate"/>
<path id="path3658" d="M77,41.11h-.55a3.48,3.48,0,0,0,.84,2.23l.82,0a3.46,3.46,0,0,1-.9-2.21Z" style="fill: #ff492e;fill-opacity: 0.9960799813270569"/>
<path id="rect2864" d="M69,26.87l-4.46.71c-1.56.25-2.81,2.81-2.93,6,.12,3.22,1.37,5.77,2.93,6l4.46.72A1.38,1.38,0,0,0,70.35,39V28.25A1.37,1.37,0,0,0,69,26.87Z" style="fill: #262626;fill-opacity: 0.9960799813270569;opacity: 0.8999999761581421;isolation: isolate"/>
<path id="path3703" d="M93.76,24.9a2.22,2.22,0,0,0-.51.06h0l-3.67.7c-1,.38-1.83.82-1.83,1.84V39.71c0,1,.82,1.46,1.83,1.84l3.67.71h0a2.94,2.94,0,0,0,.51.05c2.6,0,4.72-3.29,4.73-8.7s-2.13-8.71-4.73-8.71Z" style="fill: #262626;fill-opacity: 0.9960799813270569;opacity: 0.8999999761581421;isolation: isolate"/>
<path id="path4157" d="M77,26.11a49.16,49.16,0,0,1-5.45-.29C73,23,77.19,24.08,83.37,24c2.85,0,5.14-.11,7-.14-2.71,1.34-7.67,2.24-13.34,2.24Z" style="fill: #262626;fill-opacity: 0.9960799813270569;opacity: 0.8999999761581421;isolation: isolate"/>
<path id="path4159" d="M77,26.11h-.55a3.53,3.53,0,0,1,.84-2.24l.82,0a3.46,3.46,0,0,0-.9,2.22Z" style="fill: #ff492e;fill-opacity: 0.9960799813270569"/>
</g>
</g>
<g id="blue-car-container">
<g id="blue-car">
<g id="blue-car-smoke">
<circle cx="66.45" cy="33.34" r="2"/>
</g>
<path id="path2853-2" data-name="path2853" d="M89.08,20.34a1.64,1.64,0,0,0-.37.05l-.2.09L89,22.54H81.83c-4.47,0-9.56-.66-13.38-.54a40.64,40.64,0,0,0-8.73,1.61l-.79.21c-1.11.31-1.48,5.6-1.48,9.58v.39c0,4,.37,9.28,1.48,9.58l.79.22a41.33,41.33,0,0,0,8.73,1.61c3.82.11,8.91-.56,13.38-.55l7.17,0-.49,2.06.2.08a1.24,1.24,0,0,0,.37.06l.15,0h.06l0,0,.11,0a.88.88,0,0,0,.27-.19h0a.57.57,0,0,0,.08-.13l.7-1.79h6.31a8.64,8.64,0,0,0,4.23.62c7.65,0,10.78-5,10.74-11.57v-.27c0-6.59-3.09-11.57-10.74-11.57a8.64,8.64,0,0,0-4.23.62H90.51l-.7-1.79a.57.57,0,0,0-.08-.13h0a.74.74,0,0,0-.27-.19l-.11,0,0,0h-.21Z" style="fill: #006aff;fill-opacity: 0.9960799813270569"/>
<path id="path3643-2" data-name="path3643" d="M77,41.11a49.16,49.16,0,0,0-5.45.29c1.47,2.8,5.63,1.74,11.81,1.81,2.85,0,5.14.11,7,.13C87.64,42,82.68,41.11,77,41.11Z" style="fill: #262626;fill-opacity: 0.9960799813270569;opacity: 0.8999999761581421;isolation: isolate"/>
<path id="path3658-2" data-name="path3658" d="M77,41.11h-.55a3.48,3.48,0,0,0,.84,2.23l.82,0a3.46,3.46,0,0,1-.9-2.21Z" style="fill: #3278ff;fill-opacity: 0.9960799813270569"/>
<path id="rect2864-2" data-name="rect2864" d="M69,26.87l-4.46.71c-1.56.25-2.81,2.81-2.93,6,.12,3.22,1.37,5.77,2.93,6l4.46.72A1.38,1.38,0,0,0,70.35,39V28.25A1.37,1.37,0,0,0,69,26.87Z" style="fill: #262626;fill-opacity: 0.9960799813270569;opacity: 0.8999999761581421;isolation: isolate"/>
<path id="path3703-2" data-name="path3703" d="M93.76,24.9a2.22,2.22,0,0,0-.51.06h0l-3.67.7c-1,.38-1.83.82-1.83,1.84V39.71c0,1,.82,1.46,1.83,1.84l3.67.71h0a2.94,2.94,0,0,0,.51.05c2.6,0,4.72-3.29,4.73-8.7s-2.13-8.71-4.73-8.71Z" style="fill: #262626;fill-opacity: 0.9960799813270569;opacity: 0.8999999761581421;isolation: isolate"/>
<path id="path4157-2" data-name="path4157" d="M77,26.11a49.16,49.16,0,0,1-5.45-.29C73,23,77.19,24.08,83.37,24c2.85,0,5.14-.11,7-.14-2.71,1.34-7.67,2.24-13.34,2.24Z" style="fill: #262626;fill-opacity: 0.9960799813270569;opacity: 0.8999999761581421;isolation: isolate"/>
<path id="path4159-2" data-name="path4159" d="M77,26.11h-.55a3.53,3.53,0,0,1,.84-2.24l.82,0a3.46,3.46,0,0,0-.9,2.22Z" style="fill: #3278ff;fill-opacity: 0.9960799813270569"/>
</g>
</g>
<g id="bridge">
<polygon points="613.45 399.34 664.45 434.34 650.45 455.34 598.45 421.34 613.45 399.34" style="fill: url(#linear-gradient)"/>
<polygon points="705.94 360.72 653.04 328.66 665.83 306.9 719.67 337.9 705.94 360.72" style="fill: url(#linear-gradient-2)"/>
<polygon id="bridge-over" points="639.45 325.34 608.45 381.34 678.45 435.34 706.45 374.34 639.45 325.34" style="fill: #4d4d4d"/>
<line x1="601.45" y1="383.34" x2="686.45" y2="445.34" style="fill: none;stroke: #736357;stroke-miterlimit: 10;stroke-width: 13px"/>
<line x1="637.45" y1="318.34" x2="722.45" y2="380.34" style="fill: none;stroke: #736357;stroke-miterlimit: 10;stroke-width: 13px"/>
</g>
<g id="trees">
<path d="M467,118.77c.11-.19,1.85-3,3.49-2.65,2,.4,1.26,5,4.16,6.59,2.23,1.18,4.48-.64,5.57.64s-1,3.84.32,5.58A3.63,3.63,0,0,1,481,132c0,.54,1.7,1.06-.24,3.46-.71.89-3-1.32-3.85,0-.29.48-2.19,3.47-5,3.41a5.47,5.47,0,0,1-4.95-4.29c-.48-3.14-4.93-2.24-5.71-4.88-.31-1,1.3-1.12,3.32-3.91a7.26,7.26,0,0,0,1.57-2.77C466.33,121.78,465.85,120.57,467,118.77Z" style="fill: #375c00"/>
<path d="M469.05,120.14c1.07-.14,1.46,1.12,3.06,1.38,1.38.23,1.65-.61,2.7-.35s1.09,1.08,3.21,4.66c1,1.74,1.37,2.15,1.5,3.09a7.2,7.2,0,0,1-.42,3.08c-.5,1.92-.75,2.89-1.58,3.63a5.07,5.07,0,0,1-3.28,1.12c-.88.05-2.75.15-3.84-1s-.22-2.51-1.3-3.67-2.62-.22-4-1.4a4.91,4.91,0,0,1-1.09-5.2c.46-1.19,1-.86,3.12-3.43C468.16,120.75,468.39,120.23,469.05,120.14Z" style="fill: #376f00"/>
<g>
<path d="M386.52,243.28c-.28-.43-4.35-6.9-2-10,2.9-3.85,11.84,2.49,18-2,4.74-3.47,3.22-10,7-11,4-1.05,7.06,5.9,12,5,4.15-.77,6.11,1.55,7,2,1.11.56,3.94-2.5,7,4,1.12,2.39-5.85,5-4,8,.68,1.1,5,8.11,2,14-2.46,4.8-9.12,7.51-14,6-7-2.18-9.67,8-16,7-2.47-.41-1-3.87-4.8-10.91-1.81-3.36-2.71-5-4.2-6.09C392.18,247.62,389.17,247.41,386.52,243.28Z" style="fill: #375c00"/>
<path d="M391.52,240.28c.79-2.4,3.82-1.92,6-5,1.87-2.66.39-4.08,2-6s3.37-1.19,13-2c4.7-.4,5.88-.69,8,0s3.45,1.81,6,4c3.51,3,5.27,4.51,6,7,1,3.3-.29,6.28-1,8-.79,1.87-2.47,5.89-6,7-3.69,1.15-5.48-2.11-9-1-3.74,1.16-3.12,5.24-7,7s-9.2,0-12-3c-2-2.18-.78-3-4-10C391.89,242.74,391,241.74,391.52,240.28Z" style="fill: #376f00"/>
<path d="M400.52,244.28c-2-2.53-1.37-7.38,1-9,2-1.4,3.69.77,8,0,4.13-.75,4.65-3.12,8-3a8.9,8.9,0,0,1,6,3c3.65,4.23,1.28,10.31,1,11-1.29,3.13-4.53,7.23-8,7-3-.21-3.09-3.5-8-6C404.33,245.14,402.18,246.43,400.52,244.28Z" style="fill: #378700"/>
</g>
<g>
<path d="M447.31,206c.24.36,3.88,5.76,2,8.47-2.37,3.35-10.15-1.81-15.28,2.18-3.95,3.09-2.48,8.62-5.67,9.56-3.37,1-6.17-4.84-10.35-3.93-3.52.76-5.25-1.16-6-1.52-1-.45-3.29,2.24-6.07-3.22-1-2,4.84-4.43,3.19-6.92-.61-.92-4.48-6.77-2.08-11.87,2-4.16,7.56-6.64,11.77-5.49,6.06,1.67,8-7.11,13.44-6.39,2.11.28,1,3.27,4.38,9.16,1.63,2.81,2.44,4.21,3.74,5.08C442.36,202.49,444.93,202.58,447.31,206Z" style="fill: #375c00"/>
<path d="M443.13,208.72c-.62,2.06-3.21,1.74-5,4.42-1.52,2.31-.22,3.49-1.54,5.17s-2.84,1.09-11,2.05c-4,.47-5,.75-6.81.22s-3-1.46-5.22-3.25c-3.08-2.47-4.62-3.7-5.3-5.8a10,10,0,0,1,.64-6.84c.61-1.62,1.94-5.09,4.92-6.13s4.71,1.65,7.69.61c3.15-1.09,2.51-4.54,5.78-6.15s7.82-.28,10.3,2.24c1.77,1.79.73,2.51,3.67,8.41C442.74,206.63,443.51,207.46,443.13,208.72Z" style="fill: #376f00"/>
<path d="M435.35,205.56c1.74,2.1,1.37,6.25-.6,7.69-1.7,1.25-3.17-.56-6.82.22s-3.88,2.77-6.73,2.77a7.59,7.59,0,0,1-5.19-2.4c-3.23-3.51-1.37-8.75-1.15-9.34,1-2.71,3.66-6.28,6.62-6.18,2.6.09,2.72,2.9,7,4.9C432.09,204.92,433.88,203.77,435.35,205.56Z" style="fill: #378700"/>
</g>
<g>
<path d="M518.86,199.19c-.5-.09-8-1.54-8.66-5.38-.82-4.74,9.92-6.93,10.85-14.5.72-5.83-5.1-9.19-3.24-12.63,2-3.62,9.14-1.11,11.86-5.33,2.28-3.55,5.31-3.4,6.24-3.74,1.18-.43.88-4.58,7.71-2.37,2.52.82-.33,7.7,3.1,8.39,1.27.26,9.35,1.89,11.58,8.12,1.83,5.08-.75,11.78-5.2,14.31-6.4,3.65-.74,12.55-5.83,16.46-2,1.53-3.51-1.91-11.24-4-3.69-1-5.53-1.46-7.32-1.1C525.9,198,523.69,200.08,518.86,199.19Z" style="fill: #375c00"/>
<path d="M520.09,193.49c-1.2-2.21,1.22-4.1.46-7.79-.66-3.18-2.71-3.08-3-5.57-.29-2.34,1.44-3.26,7.43-10.85,2.93-3.7,3.53-4.76,5.47-5.83s3.69-1.27,7-1.64c4.6-.51,6.9-.77,9.22.41,3.06,1.56,4.39,4.5,5.15,6.2.83,1.85,2.61,5.83,1,9.16s-5.28,2.56-6.89,5.89c-1.7,3.52,1.7,5.85.32,9.89s-6.25,6.73-10.39,6.7c-3,0-2.7-1.47-10-3.92C522.15,194.91,520.83,194.86,520.09,193.49Z" style="fill: #376f00"/>
<path d="M529.16,189.67c-3.17-.31-6.31-4.06-5.88-6.89.38-2.44,3.1-2.17,5.47-5.84,2.29-3.52.92-5.52,3.29-7.88a8.92,8.92,0,0,1,6.29-2.33c5.59.23,8.4,6.12,8.71,6.8,1.41,3.08,2.18,8.24-.37,10.62-2.22,2.08-4.66-.14-9.85,1.73C532.4,187.48,531.87,189.93,529.16,189.67Z" style="fill: #378700"/>
</g>
<g>
<path d="M508.61,177.36c-.3.14-4.8,2.27-6.63.51-2.26-2.18,2.54-7.47.11-11.81-1.88-3.34-6.23-2.86-6.58-5.38-.36-2.67,4.38-4.12,4.18-7.38a5.42,5.42,0,0,1,1.84-4.38c.45-.68-1.31-2.74,3.13-4.22,1.64-.54,2.79,4.18,4.87,3.22.77-.36,5.64-2.61,9.22-.21a8.3,8.3,0,0,1,2.79,9.53c-2,4.39,4.45,6.89,3.28,10.91-.45,1.56-2.58.34-7.43,2.25-2.32.91-3.47,1.36-4.27,2.25C511.86,174,511.49,176,508.61,177.36Z" style="fill: #375c00"/>
<path d="M507.06,173.89c-1.49-.71-.95-2.63-2.77-4.28-1.57-1.42-2.61-.57-3.73-1.76s-.5-2.27-.28-8.57c.11-3.08,0-3.87.62-5.18s1.45-2.09,3.06-3.57c2.22-2,3.33-3.06,5-3.34a7.73,7.73,0,0,1,5.1,1.27c1.15.66,3.62,2.06,4.06,4.43s-1.78,3.38-1.35,5.75,3.15,2.42,4,5.08-.69,5.95-2.88,7.53c-1.56,1.13-2,.27-6.78,1.81C508.68,173.83,508,174.32,507.06,173.89Z" style="fill: #376f00"/>
<path d="M510.35,168.37c-1.79,1.07-4.89.31-5.75-1.35-.75-1.43.79-2.33.62-5.18s-1.65-3.25-1.31-5.41a5.79,5.79,0,0,1,2.41-3.65c3-2,6.77,0,7.19.21,1.94,1.08,4.33,3.5,3.91,5.73-.37,1.95-2.51,1.72-4.51,4.71C511.21,166,511.87,167.46,510.35,168.37Z" style="fill: #378700"/>
</g>
<g>
<path d="M486.3,136.49c-.16-.28-2.57-4.64-.93-6.58,2-2.39,7.62,2.06,11.79-.64,3.22-2.08,2.47-6.39,5-6.9s4.38,4.11,7.63,3.7a5.37,5.37,0,0,1,4.48,1.56c.71.41,2.66-1.48,4.41,2.86.65,1.6-4,3-2.9,5.06.41.74,3,5.46.79,9.18a8.27,8.27,0,0,1-9.33,3.39c-4.51-1.67-6.59,4.88-10.68,4-1.59-.35-.5-2.55-2.72-7.27-1.05-2.26-1.58-3.38-2.51-4.13C489.83,139.53,487.88,139.28,486.3,136.49Z" style="fill: #375c00"/>
<path d="M489.67,134.73c.61-1.53,2.56-1.11,4.09-3,1.32-1.65.41-2.64,1.52-3.83s2.24-.64,8.54-.82c3.08-.09,3.86-.23,5.2.29a11.2,11.2,0,0,1,3.76,2.83c2.18,2.08,3.27,3.13,3.65,4.77a7.66,7.66,0,0,1-.94,5.17c-.58,1.19-1.83,3.75-4.17,4.34s-3.48-1.57-5.82-1-2.22,3.29-4.81,4.3-6-.32-7.7-2.4c-1.23-1.49-.4-2-2.24-6.65C489.82,136.35,489.3,135.66,489.67,134.73Z" style="fill: #376f00"/>
<path d="M495.38,137.66c-1.18-1.72-.62-4.85,1-5.82,1.38-.83,2.38.64,5.21.29s3.14-1.85,5.32-1.65a5.79,5.79,0,0,1,3.79,2.17c2.23,2.89.46,6.76.25,7.2-.95,2-3.21,4.54-5.47,4.26-2-.25-1.87-2.39-5-4.2C497.83,138.37,496.38,139.12,495.38,137.66Z" style="fill: #378700"/>
</g>
<path d="M469.19,124.37a3,3,0,0,1,3.67-1.3c.92.53.39,1.58,1.5,3.1s2.08,1.21,2.67,2.53a3.82,3.82,0,0,1,0,2.89c-.95,2.21-3.75,2.43-4.07,2.45-1.46.09-3.65-.39-4.21-1.78-.49-1.22.77-1.85.82-4.23C469.57,126,468.67,125.42,469.19,124.37Z" style="fill: #378700"/>
<g>
<path d="M411.82,223.71c-.15.16-2.48,2.57-4.05,1.9-1.94-.83-.18-5.31-2.74-7.46-2-1.67-4.6-.33-5.42-1.84s1.78-3.63.88-5.64a3.6,3.6,0,0,1,.12-3.19c.12-.54-1.48-1.42,1-3.4.9-.73,2.75,2,3.83.86.4-.4,2.93-3,5.76-2.31a5.58,5.58,0,0,1,4,5.34c-.19,3.23,4.44,3.28,4.66,6.09.09,1.09-1.54.83-4.15,3.18a7.58,7.58,0,0,0-2.16,2.43C413.08,220.84,413.31,222.15,411.82,223.71Z" style="fill: #375c00"/>
<path d="M409.75,221.91c-1.1-.13-1.17-1.47-2.69-2.13-1.31-.56-1.79.2-2.76-.31s-.81-1.34-2-5.41c-.6-2-.83-2.46-.73-3.43a7.55,7.55,0,0,1,1.18-2.94c1-1.78,1.46-2.68,2.46-3.21a5.23,5.23,0,0,1,3.53-.3c.88.17,2.76.53,3.55,1.95s-.41,2.54.39,4,2.53.87,3.64,2.38a5,5,0,0,1-.21,5.43c-.75,1.05-1.21.6-3.93,2.62C410.78,221.52,410.43,222,409.75,221.91Z" style="fill: #376f00"/>
<path d="M410.66,217.68a3.09,3.09,0,0,1-4,.39c-.78-.75,0-1.66-.72-3.44s-1.76-1.72-2-3.17a3.91,3.91,0,0,1,.75-2.84c1.49-2,4.31-1.49,4.63-1.43,1.47.27,3.52,1.29,3.74,2.8.18,1.33-1.23,1.65-1.86,4C410.68,216,411.43,216.77,410.66,217.68Z" style="fill: #378700"/>
</g>
<g>
<path d="M474.47,253.55c.22-.45,3.57-7.32,7.44-7,4.8.44,4.12,11.38,11.19,14.24,5.45,2.21,10.21-2.54,13,.15,3,2.84-1.3,9.12,2.08,12.83,2.84,3.13,1.9,6,2,7,.11,1.24,4.2,2,.29,8.05-1.44,2.22-7.34-2.31-8.91.82-.57,1.16-4.25,8.54-10.84,9.08-5.38.45-11.18-3.78-12.48-8.73-1.86-7.13-11.92-4-14.38-9.9-1-2.31,2.76-2.89,6.74-9.83,1.9-3.31,2.84-5,3-6.78C473.77,260.66,472.36,258,474.47,253.55Z" style="fill: #375c00"/>
<path d="M469.46,280.32c-.42-2.49,2.47-3.49,3-7.24.4-3.22-1.57-3.78-1.05-6.23s2.42-2.63,10.54-7.87c4-2.56,4.87-3.37,7.06-3.76s3.9,0,7.18.72c4.51,1,6.77,1.51,8.58,3.36,2.4,2.47,2.7,5.68,2.87,7.54.19,2,.59,6.36-2,9s-5.82.71-8.42,3.34c-2.75,2.78-.29,6.09-2.89,9.46s-8.1,4.35-12,3c-2.79-1-2.07-2.27-8.22-7C471,282.32,469.71,281.84,469.46,280.32Z" style="fill: #376f00"/>
<path d="M481.17,264.06c.88-3.07,5.14-5.47,7.84-4.53,2.34.82,1.57,3.44,4.74,6.45s5.26,1.91,7.16,4.67a8.9,8.9,0,0,1,1.13,6.61c-1.24,5.45-7.55,7.14-8.27,7.32-3.28.83-8.5.64-10.37-2.3-1.64-2.56,1-4.56.09-10C482.73,267.64,480.42,266.67,481.17,264.06Z" style="fill: #378700"/>
</g>
<g>
<path d="M495.76,247.36c.14.68,2.13,10.94-2.4,13.74-5.6,3.47-13.87-9-23.94-6.36-7.78,2.08-9.07,11.18-14.37,10.57-5.61-.64-6.09-11-12.84-12.32-5.67-1.08-7-5-7.93-6-1.15-1.27-6.27,1.23-6.95-8.57-.25-3.61,9.93-3.51,9.06-8.22-.32-1.75-2.38-12.83,4.38-18.84,5.51-4.92,15.34-5.07,20.82-.73,7.91,6.26,16.3-5.47,23.87-1,3,1.74-.64,5.43.72,16.28.65,5.18,1,7.77,2.35,9.85C490.68,239,494.42,240.77,495.76,247.36Z" style="fill: #375c00"/>
<path d="M458.36,209.1c3.44.24,3.84,4.41,8.67,6.24,4.15,1.57,5.54-.87,8.63.6,2.92,1.39,2.72,4.06,7.1,16.53,2.14,6.1,2.92,7.57,2.73,10.6s-1.23,5.19-3.24,9.32c-2.78,5.68-4.17,8.53-7.22,10.34-4,2.4-8.42,1.77-10.94,1.41-2.75-.4-8.66-1.25-11.33-5.55-2.78-4.5.91-8-1.75-12.27-2.82-4.55-8-2.33-11.67-6.88s-3.19-12.16-.13-16.92c2.2-3.4,3.68-2,11.88-8.71C455.21,210.45,456.24,209,458.36,209.1Z" style="fill: #376f00"/>
<path d="M447.59,228.14c0-4.37,4.77-9.09,8.68-8.83,3.38.22,3.32,3.95,8.61,6.76,5.07,2.69,7.63.58,11.14,3.53a12.23,12.23,0,0,1,3.92,8.3c.35,7.65-7.34,12.18-8.23,12.68-4,2.29-11,3.95-14.52.77-3.09-2.79-.36-6.38-3.53-13.22C451,232.3,447.56,231.86,447.59,228.14Z" style="fill: #378700"/>
</g>
<g>
<path d="M623.66,298.35c-.66.22-10.64,3.32-13.92-.87-4.06-5.19,7.47-14.78,3.7-24.5-2.91-7.5-12.1-7.79-12.08-13.13,0-5.65,10.3-7.26,10.84-14.1.45-5.76,4.2-7.53,5.11-8.55,1.14-1.28-1.91-6.09,7.75-7.84,3.56-.65,4.58,9.49,9.17,8.1,1.7-.51,12.49-3.77,19.21,2.29,5.49,4.94,6.72,14.69,3,20.62-5.36,8.54,7.22,15.6,3.62,23.61-1.41,3.13-5.47,0-16.11,2.5-5.07,1.21-7.61,1.82-9.54,3.41C631.4,292.39,630.06,296.3,623.66,298.35Z" style="fill: #375c00"/>
<path d="M657.59,257c.14,3.45-4,4.3-5.25,9.3-1.11,4.3,1.48,5.41.35,8.65C651.63,278,649,278.08,637,283.8c-5.82,2.79-7.2,3.74-10.23,3.88s-5.3-.65-9.62-2.21c-5.95-2.14-8.93-3.21-11.06-6-2.84-3.76-2.69-8.17-2.61-10.72.1-2.78.3-8.74,4.29-11.86,4.15-3.27,8,0,12-3.09,4.22-3.3,1.45-8.21,5.56-12.35s11.74-4.51,16.81-2c3.62,1.81,2.43,3.43,10,10.85C655.91,254,657.51,254.87,657.59,257Z" style="fill: #376f00"/>
<path d="M637.49,248.37c4.35-.44,9.56,3.75,9.73,7.67.15,3.37-3.57,3.73-5.78,9.29-2.12,5.33.26,7.65-2.29,11.46a12.18,12.18,0,0,1-7.82,4.8c-7.56,1.19-12.91-6-13.5-6.78-2.72-3.76-5.13-10.49-2.35-14.35,2.43-3.38,6.29-1.06,12.75-5C633.73,252.17,633.79,248.75,637.49,248.37Z" style="fill: #378700"/>
</g>
<g>
<path d="M568.92,210.52c-.17-.57-2.63-9.19,1-11.92,4.53-3.38,12.53,6.69,20.94,3.64,6.49-2.35,6.91-10.22,11.49-10.1,4.84.13,6,9,11.88,9.56,4.93.51,6.38,3.75,7.23,4.55,1.08,1,5.26-1.52,6.58,6.8.48,3.07-8.23,3.74-7.13,7.7.41,1.47,3,10.78-2.33,16.43-4.34,4.61-12.73,5.48-17.74,2.18-7.22-4.77-13.52,5.89-20.32,2.64-2.65-1.26.14-4.68-1.83-13.86-.94-4.37-1.41-6.56-2.74-8.24C573.88,217.27,570.56,216.05,568.92,210.52Z" style="fill: #375c00"/>
<path d="M603.74,240.41c-3,.05-3.62-3.48-7.88-4.68-3.66-1-4.67,1.16-7.42.13s-2.62-3.26-7.3-13.6c-2.28-5-3.06-6.24-3.13-8.85s.67-4.52,2.08-8.2c1.95-5.06,2.93-7.6,5.4-9.37,3.28-2.36,7.06-2.15,9.24-2,2.38.13,7.49.42,10.09,3.89,2.72,3.63-.18,6.88,2.41,10.35,2.75,3.68,7,1.4,10.48,5s3.65,10.15,1.38,14.44c-1.62,3.07-3,2-9.5,8.34C606.32,239,605.55,240.38,603.74,240.41Z" style="fill: #376f00"/>
<path d="M611.51,223.34c.3,3.74-3.39,8.12-6.76,8.2-2.9.06-3.13-3.14-7.85-5.14-4.54-1.92-6.57.07-9.79-2.19a10.47,10.47,0,0,1-4-6.79c-.87-6.51,5.36-11,6.08-11.45,3.27-2.26,9.08-4.2,12.35-1.74,2.85,2.15.78,5.42,4,11C608.33,220,611.26,220.16,611.51,223.34Z" style="fill: #378700"/>
</g>
<g>
<path d="M182.26,306.82c.14-.41,2.37-6.52,5.68-6.56,4.1-.05,4.5,9.27,10.73,11.07,4.81,1.38,8.42-3.05,11.05-1,2.78,2.14-.29,7.83,2.89,10.68,2.68,2.4,2.14,4.92,2.3,5.75.21,1,3.74,1.36,1,6.8-1,2-6.42-1.32-7.47,1.48-.38,1-2.84,7.6-8.37,8.64-4.52.85-9.81-2.22-11.34-6.29-2.2-5.87-10.44-2.31-13-7.12-1-1.87,2.08-2.68,4.83-8.91,1.32-3,2-4.45,1.91-6C182.29,312.89,180.86,310.76,182.26,306.82Z" style="fill: #375c00"/>
<path d="M186.88,308.62c2-.71,3.29,1.57,6.49,1.43,2.76-.12,2.95-1.86,5.08-1.78s2.55,1.65,8.12,7.7c2.73,3,3.54,3.6,4.17,5.38s.58,3.27.44,6.12c-.19,3.94-.28,5.9-1.58,7.69-1.72,2.37-4.37,3.08-5.9,3.5s-5.26,1.41-7.84-.39-1.44-4.78-4-6.58c-2.73-1.9-5.15.64-8.36-1.06s-4.82-6.16-4.23-9.64c.41-2.48,1.6-2.06,4.64-7.9C185.42,310.16,185.64,309.05,186.88,308.62Z" style="fill: #376f00"/>
<path d="M188.88,316.76c.69-2.63,4.26-4.77,6.58-4,2,.64,1.4,2.89,4.17,5.38s4.52,1.51,6.19,3.82a7.65,7.65,0,0,1,1.11,5.6c-1,4.67-6.28,6.24-6.88,6.41-2.78.77-7.23.72-8.88-1.74-1.45-2.15.74-3.9-.14-8.51C190.28,319.77,188.3,319,188.88,316.76Z" style="fill: #378700"/>
</g>
<g>
<path d="M264.52,225.28c-.28-.43-4.35-6.9-2-10,2.9-3.85,11.84,2.49,18-2,4.74-3.47,3.22-10,7-11,4-1.05,7.06,5.9,12,5,4.15-.77,6.11,1.55,7,2,1.11.56,3.94-2.5,7,4,1.12,2.39-5.85,5-4,8,.68,1.1,5,8.11,2,14-2.46,4.8-9.12,7.51-14,6-7-2.18-9.67,8-16,7-2.47-.41-1-3.87-4.8-10.91-1.81-3.36-2.71-5-4.2-6.09C270.18,229.62,267.17,229.41,264.52,225.28Z" style="fill: #375c00"/>
<path d="M269.52,222.28c.79-2.4,3.82-1.92,6-5,1.87-2.66.39-4.08,2-6s3.37-1.19,13-2c4.7-.4,5.88-.69,8,0s3.45,1.81,6,4c3.51,3,5.27,4.51,6,7,1,3.3-.29,6.28-1,8-.79,1.87-2.47,5.89-6,7-3.69,1.15-5.48-2.11-9-1-3.74,1.16-3.12,5.24-7,7s-9.2,0-12-3c-2-2.18-.78-3-4-10C269.89,224.74,269,223.74,269.52,222.28Z" style="fill: #376f00"/>
<path d="M278.52,226.28c-2-2.53-1.37-7.38,1-9,2-1.4,3.69.77,8,0,4.13-.75,4.65-3.12,8-3a8.9,8.9,0,0,1,6,3c3.65,4.23,1.28,10.31,1,11-1.29,3.13-4.53,7.23-8,7-3-.21-3.09-3.5-8-6C282.33,227.14,280.18,228.43,278.52,226.28Z" style="fill: #378700"/>
</g>
</g>
<polygon id="floor" points="654.55 121.89 619.45 172.59 687.05 216.79 723.45 162.84 654.55 121.89" style="fill: #674200"/>
<g id="bed">
<rect x="679.65" y="146.94" width="21" height="35" transform="translate(187.85 665.47) rotate(-58.33)" style="fill: #fff"/>
<g>
<path id="skin" d="M676.85,161.46c-2.83-1.74-4.24-3.93-2.67-6.4,2.19-3.45,4.09-2.23,6.92-.49.22.14.38-.26,1,.18.77.61.37.79.57,1,1.94,1.74,2.72,4.07,1.73,5.67s-3.47,2-5.92,1c-.23-.09-.19.23-1-.22S677.05,161.59,676.85,161.46Z" style="fill: #ffdfbf;fill-rule: evenodd"/>
<path id="hair" d="M674.18,155.06c-1.29,2-.56,3.88,1.32,5.44-.79-1-.38-1.87.56-3.44,1.81-3.05,2.68-3.56,6.21-.86.75.57.89.91,1,2.26,0,.73-.63-1.49-2.46,1.41-1.32,2.1.77,2.24.2,2.49a4.26,4.26,0,0,1-1.41.32c2.08.52,4,.07,4.86-1.3,1-1.6.21-3.93-1.73-5.67l-1.58-1.14C678.27,152.83,676.37,151.61,674.18,155.06Z" style="fill: #d0b57b;fill-rule: evenodd"/>
<path d="M674.14,155.12l0-.06c2.19-3.45,4.09-2.23,6.92-.49.22.14.38-.26,1,.18.77.61.37.79.57,1,1.94,1.74,2.72,4.07,1.73,5.67s-3.47,2-5.92,1c-.23-.09-.19.23-1-.22s-.47-.52-.67-.65c-2.81-1.73-4.22-3.9-2.71-6.34m-.41-.26h0a3.87,3.87,0,0,0-.29,3.91,8,8,0,0,0,3.07,3.06,2.22,2.22,0,0,0,1.88,1c2.71,1.07,5.35.59,6.44-1.18a3.85,3.85,0,0,0,.28-3.18,7.32,7.32,0,0,0-2-3,1.48,1.48,0,0,0-.69-1.07h0a1.24,1.24,0,0,0-1.13-.25,9.37,9.37,0,0,0-3.85-1.72c-1.37-.1-2.52.67-3.63,2.42l0,.06Z" style="fill: #474747"/>
<path id="nose" d="M679.87,160.29a.89.89,0,0,0,.51-.44.85.85,0,0,0,.1-.67.76.76,0,0,1,.08.72A.89.89,0,0,1,679.87,160.29Z" style="fill: #bfa78f;fill-rule: evenodd"/>
<path d="M678.31,159.44a1.13,1.13,0,0,1,0,.42,1.25,1.25,0,0,1-.16.35,1.36,1.36,0,0,1-.24.31,1.17,1.17,0,0,1-.36.23l0,0c.06-.11.12-.22.19-.33l.2-.33.2-.33.21-.32Z" style="fill: #bfa78f"/>
<path d="M682.25,159.75a1.19,1.19,0,0,1,0,.43,2.21,2.21,0,0,1-.16.35,1.42,1.42,0,0,1-.25.3,1.17,1.17,0,0,1-.36.23l0,0,.19-.33.2-.33.21-.32a2.2,2.2,0,0,1,.21-.32Z" style="fill: #ffdfbf"/>
<path d="M679.66,157.25a1.13,1.13,0,0,1,0,.42,1.17,1.17,0,0,1-.16.36,1.13,1.13,0,0,1-.24.3,1.17,1.17,0,0,1-.36.23l0,0c.06-.11.12-.22.19-.33l.2-.33.2-.32.21-.33Z" style="fill: #bfa78f"/>
</g>
<path d="M698.84,182.72c-3.64-.27-2.79-2.32-4.26-2.62-2.09-.43-2.62.05-6.48-2.83a30.77,30.77,0,0,0-6.81-4.2c-1.25-.52-2.06-.74-2.55-1.57-.94-1.57.16-3.83.92-5.31,3.43-6.67,6.15-7.29,7.35-11.91.85-3.26.52-1.93,1.58-2.55,2.12-1.27,5.16,1.85,13.81,6.17a47.77,47.77,0,0,1,6,3.67c3.14,2.12,3.62,2.76,3.73,3.48.32,2-2.5,2.71-5.05,6.28-3.57,5-2.63,10.06-5.45,10.74A4,4,0,0,1,698.84,182.72Z" style="fill: #5cb5ff"/>
<g>
<path d="M686.59,170.5a1.06,1.06,0,0,0,1.57-.36,2.33,2.33,0,0,0,.33-.87l.42.14a2.77,2.77,0,0,1-.4,1,1.53,1.53,0,0,1-2.27.5,1.6,1.6,0,0,1-.7-2.24,1.4,1.4,0,0,1,2-.35l.23.17Zm.56-1.72a.86.86,0,0,0-1.27.19,1,1,0,0,0,.35,1.3Z" style="fill: #fff"/>
<path d="M689.92,168l-4.52-1.42.33-.53,2.26.76c.56.18,1.11.38,1.53.54h0a15.79,15.79,0,0,1-1.16-1.16l-1.65-1.73.33-.53,2.27.75c.53.17,1.06.36,1.51.55h0c-.37-.35-.74-.72-1.15-1.15L688,162.36l.31-.51,3.23,3.51-.33.53-2.34-.76c-.57-.19-1-.34-1.43-.53h0a12.39,12.39,0,0,1,1.09,1.09l1.69,1.81Z" style="fill: #fff"/>
<path d="M691.31,162.38h0c-.06-.13-.12-.31-.17-.45l-.46-1.42.38-.61.49,1.79,2.41-.21-.38.62-1.94.13.12.44,1.06.65-.31.51-4.11-2.54.31-.5Z" style="fill: #fff"/>
<path d="M691,158.22a.37.37,0,1,1-.51.12A.36.36,0,0,1,691,158.22Zm3.24,2.78-2.8-1.73.32-.51,2.8,1.73Z" style="fill: #fff"/>
</g>
</g>
<g id="roof">
<polygon points="654.55 121.89 619.45 172.59 687.05 216.79 723.45 162.84 654.55 121.89" style="fill: #907b33"/>
<polygon points="668.85 167.39 705.13 190 687.05 216.79 619.45 172.59 637.72 146.2 668.85 167.39" style="fill: #745a00"/>
<rect x="647.4" y="143.99" width="15.6" height="15.6" transform="translate(189.24 -333.19) rotate(33.1)" style="fill: #3a2d00"/>
</g>
<g id="path">
<path d="M683.45,119.34c6.2.83,12.52-4.33,12-7-.33-1.72-3.46-2.43-6-3-5.61-1.27-14.11-1.07-15,2C673.7,113.93,678.33,118.65,683.45,119.34Z" style="fill: #948f8f"/>
<path d="M670.45,97.34c-.92-.5-5-2.71-5-6,0-3.82,5.36-7.44,10-7,6.19.58,10.8,8.34,9,12C682.77,99.75,675.29,100,670.45,97.34Z" style="fill: #b8b5b5"/>
<path d="M666.45,70.34c1.13,3.22-3.39,10.65-10,10-6.24-.62-9.49-8-8-11C650.64,64.92,664.88,65.83,666.45,70.34Z" style="fill: #948f8f"/>
</g>
<g id="jetty">
<rect x="642.45" y="49.19" width="24.31" height="3.14" style="fill: #907b33"/>
<rect x="643.15" y="45.42" width="24.31" height="3.14" style="fill: #745a00"/>
<rect x="642.45" y="41.65" width="24.31" height="3.14" style="fill: #745a00"/>
<rect x="642.45" y="37.88" width="24.31" height="3.14" style="fill: #574400"/>
<rect x="643.15" y="34.11" width="24.31" height="3.14" style="fill: #907b33"/>
<rect x="642.45" y="30.34" width="24.31" height="3.14" style="fill: #745a00"/>
<circle cx="640.95" cy="50.84" r="1.5" style="fill: #574400"/>
<circle cx="640.95" cy="19.84" r="1.5" style="fill: #745a00"/>
<circle cx="667.95" cy="50.84" r="1.5" style="fill: #574400"/>
<circle cx="667.95" cy="18.84" r="1.5" style="fill: #745a00"/>
<rect x="642.08" y="26.99" width="24.31" height="3.14" style="fill: #907b33"/>
<rect x="642.78" y="23.22" width="24.31" height="3.14" style="fill: #745a00"/>
<rect x="642.08" y="19.44" width="24.31" height="3.14" style="fill: #745a00"/>
<rect x="642.08" y="15.67" width="24.31" height="3.14" style="fill: #574400"/>
<rect x="642.78" y="11.9" width="24.31" height="3.14" style="fill: #907b33"/>
<rect x="642.08" y="8.13" width="24.31" height="3.14" style="fill: #745a00"/>
</g>
</g>
</g>
</g>
</svg>
<a href="greensock.com" target="_blank"><img class="gsap-3-logo" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/gsap-3-logo.svg" width="150" /></a>
#svg
{
width: 130vmin;
overflow: visible;
}
html, body
{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
body
{
display: flex;
justify-content: center;
align-items: center;
background-color: #44aadd;
position: relative;
}
#red-path, #blue-path
{
display: none;
}
.smoke
{
fill: white;
opacity: 0.4;
}
.gsap-3-logo {
width: 100px;
position: fixed;
bottom: 8px;
right: 60px;
}
// lets go...
// lets set how fast the cars are going
const duration = 5;
// lets grab references to red car related things
const red = {
line: document.querySelector('#red-line'),
car: document.querySelector('#red-car-container'),
circle: document.querySelector('#red-circle'),
smoke: document.querySelector('#red-car-smoke')
}
// lets grab references to blue car related things
const blue = {
line: document.querySelector('#blue-line'),
car: document.querySelector('#blue-car-container'),
circle: document.querySelector('#blue-circle'),
smoke: document.querySelector('#blue-car-smoke')
}
// lets make some circles to animate as tire smoke
let smokeContainers = [blue.smoke, red.smoke];
smokeContainers.map((container, i) => {
for (var y = 0; y < 20; y ++) {
var circle = document.createElementNS("http://www.w3.org/2000/svg", 'circle');
circle.setAttributeNS(null, 'cx', 60);
circle.setAttributeNS(null, 'cy', 30);
circle.setAttributeNS(null, 'r', 2);
circle.setAttributeNS(null, 'class', `smoke ${i == 0 ? 'blue' : 'red'}-smoke`);
container.appendChild(circle);
}})
// lets create a timeline for the cars
const timeline = new gsap.timeline({repeat: -1});
// lets set some initial values on the cars
timeline.set(['#red-car', '#blue-car'], {transformOrigin: '90% 50%', x: '-80', y: '-25'});
// lets make the bridge road transparent to start
timeline.set('#bridge-over', {opacity: 0});
// lets tell the red car to follow the hidden red path
// you can uncomment line 25 in css to see them
timeline.to(red.car, {
duration: duration,
transformOrigin: '50% 50%',
motionPath: {
path: '#red-path',
autoRotate: true
},
ease: 'linear'
})
// lets tell the blue car to follow the blue path
timeline.to(blue.car, {
duration: duration,
transformOrigin: '50% 50%',
motionPath: {
path: '#blue-path',
autoRotate: true,
start: 0.05,
end: 1.05
},
ease: 'linear'
}, 0)
// lets tell the bridge road to show as the cars pass under
timeline.to('#bridge-over', {duration: duration * 0.1, opacity: 1}, duration / 2)
// lets kick the back of the red car out as it goes around 2 corners
// the cars are nested in 2 groups, the first group follows the path
// the inner group is animated here to skid
timeline.to('#red-car', {duration: duration * 0.1, rotate: 30}, duration * 0.02)
timeline.to('#red-car', {duration: duration * 0.4, rotate: 0, ease: 'elastic'}, duration * 0.16)
timeline.to('#red-car', {duration: duration * 0.15, rotate: -40}, duration * 0.51)
timeline.to('#red-car', {duration: duration * 0.35, rotate: 0, ease: 'elastic'}, duration * 0.62)
// lets kick the back of blue the car out as it goes around 2 corners
timeline.to('#blue-car', {duration: duration * 0.1, rotate: 10}, duration * 0.01)
timeline.to('#blue-car', {duration: duration * 0.5, rotate: 0, ease: 'elastic'}, duration * 0.16)
timeline.to('#blue-car', {duration: duration * 0.2, rotate: -40}, duration * 0.37)
timeline.to('#blue-car', {duration: duration * 0.4, rotate: 0, ease: 'elastic'}, duration * 0.55)
// lets animate the blue cars tire smoke
timeline.fromTo('.blue-smoke', {opacity: 0.2, scale: 2, x: 'random(0, 40)', y: 0}, {
delay: 'random(0.1, 0.4)',
duration: 'random(0.2, 0.4)',
x: 'random(-20, -50)',
y: 'random(0, 30)',
scale: 'random(0, 6)',
opacity: 0
}, duration * 0.01)
timeline.fromTo('.blue-smoke', {opacity: 0.4, scale: 2, x: 'random(0, 40)', y:0}, {
delay: 'random(0.1, 0.55)',
duration: 'random(0.2, 0.4)',
x: 'random(-40, -50)',
y: 'random(-30, -50)',
scale: 'random(3, 6)',
opacity: 0
}, duration * 0.39)
// lets animate the red cars tire smoke
timeline.fromTo('.red-smoke', {opacity: 0.2, scale: 2, x: 'random(0, 40)', y: 0}, {
delay: 'random(0.1, 0.4)',
duration: 'random(0.2, 0.4)',
x: 'random(-20, -50)',
y: 'random(0, 30)',
scale: 'random(0, 6)',
opacity: 0
}, duration * 0.05)
timeline.fromTo('.red-smoke', {opacity: 0.4, scale: 2, x: 'random(0, 40)', y:0}, {
delay: 'random(0.1, 0.4)',
duration: 'random(0.2, 0.4)',
x: 'random(-40, -50)',
y: 'random(-30, -50)',
scale: 'random(3, 6)',
opacity: 0
}, duration * 0.5)
// lets setup some settings for the waves.
// the first values in the arrays are the initial transform
// the second is how much to move for 2 steps
const waveMachine = {
"#wave-1": {x:[0, 0], y: [-20, 25]},
"#wave-2": {x:[0, 5], y: [-20, 30]},
"#wave-3": {x:[0, -25], y: [-10, 30]},
"#wave-4": {x:[-10, -50], y: [-10, 20]},
"#wave-5": {x:[10, -40], y: [0, -20]},
"#wave-6": {x:[10, -10], y: [0, -20]},
"#wave-7": {x:[0, 40], y: [-10, -20]},
"#wave-8": {x:[-10, 40], y: [0, 0]},
"#wave-9": {x:[-10, 40], y: [0, 40]},
}
// lets animate all the waves
// these are individual animates so that they
// don't all loop in sync
Object.keys(waveMachine).forEach(key => {
let settings = waveMachine[key];
gsap.set(key, {
transformOrigin: 'center center',
x: settings.x[0],
y: settings.y[0],
scale: 1,
opacity: 0
})
gsap.to(key, {
duration: 3 + Math.random() * 2,
delay: Math.random() * -2,
keyframes: [
{
x: settings.x[0],
y: settings.y[0],
scale: 1,
opacity: 0
},
{
x: '+=' + (settings.x[1] / 2),
y: '+=' + (settings.y[1] / 2),
scale: 1.2,
opacity: 0.5,
},
{
x: '+=' + (settings.x[1] / 2),
y: '+=' + (settings.y[1] / 2),
scale: 1.4,
opacity: 0,
}
],
repeat: -1
})
})
// lets uncomment this line below if you want to scrub the timeline with you cursor
// ScrubGSAPTimeline(timeline);
// lets not worry about this
document.querySelector('#roof').addEventListener('click', () => gsap.to('#roof', {opacity: 0}))
Also see: Tab Triggers