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" fill="none" viewBox="0 0 3000 1735">
<g class="SVGfiles" clip-path="url(#clip0)">
<path fill="#1E2D3D" d="M0 0h6776v1735H0z" />
<g class="cloudinary">
<g class="cloud">
<path fill="#fff" d="M2997.8 1732.6c4.2-11.8-.9-25.8-12.9-33.3-5.3-3.4-11.3-5-17-4.9 6.7-18-1-39.8-19.6-51.5-19.3-12.2-43.4-9.2-56.5 6.2-1.1-1.1-2.4-2-3.8-2.8-9.6-6.1-21.4-5.4-29.1.7-1.4-2.1-3.3-4-5.7-5.5-5-3.1-10.8-3.7-15.5-2 0-9.4-5.1-19.1-14.3-24.9-5.3-3.4-11.3-5-17-4.9 6.7-18-1-39.8-19.6-51.5-19.3-12.2-43.4-9.2-56.5 6.2-1.1-1.1-2.4-2-3.8-2.8-6-3.8-12.8-5-19-3.8-1.1-3.7-3.5-7-7-9.5 4.2-11.8-.9-25.8-12.9-33.3-5.3-3.4-11.3-5-17-4.9 6.7-18-1-39.8-19.6-51.5-19.3-12.2-43.4-9.2-56.5 6.2-1.1-1.1-2.4-2-3.8-2.8-9.1-5.8-20.3-5.6-28-.2-2.2-2.8-4.9-5.3-8.2-7.4-5.3-3.4-11.3-5-17-4.9 6.7-18 .2-42-19.6-51.5-38.4-18.5-63.4 15.2-64.3 21-1.5-.3-3.1-.4-4.7-.4-11.4 0-21 6.8-24.3 16.1-2.3-1-4.9-1.6-7.7-1.6-5.9 0-11.1 2.6-14.2 6.6-5-8-14.5-13.4-25.4-13.4-6.3 0-12.2 1.8-17 4.9-3.9-18.8-22.1-33.1-44.1-33.1-22.8 0-41.6 15.4-44.5 35.4-1.5-.3-3.1-.4-4.7-.4-7.1 0-13.5 2.6-18.1 6.9-2.9-2.5-6.7-4.1-11-4.3-2.7-12.2-14.5-21.3-28.7-21.3-6.3 0-12.2 1.8-17 4.9-.9-4.3-2.5-8.3-4.7-11.9-2.2.5-4.6-.3-5.9-2.3-9.7-13.8-28.5-20.9-47.5-16.3-2.7.7-5.4 1.6-7.8 2.6-12.1 6.1-20.7 17.2-22.6 30.2-1.1-.2-2.3-.3-3.5-.4-.6 2.6-1 5.2-1.1 7.8-.1 2.6-1.8 4.7-4.3 5.3h-.2c-9.5 2.3-16.5 9.1-18.9 17.2-.7 2.2-2.7 3.8-5 3.9-1.2.1-2.5.2-3.7.5-9 2.2-14.9 10.4-13.4 18.7l-.4.1c-3.3-6.7-11.5-10.4-19.7-8.4-1.2.3-2.4.7-3.5 1.2-2.1 1-4.6.5-6.2-1.2-5.9-6-15.3-8.9-24.7-6.6h-.2c-2.4.6-5-.4-6.2-2.6-8.8-16.2-29.1-24.8-49.7-19.8-18.9 4.6-32.4 19.6-34.7 36.3-.4 3-3.1 5.3-6.2 4.9-3.8-.5-7.8-.3-11.8.7-12.6 3.1-21.5 13.2-22.7 24.4-.2 1.9-1.4 3.4-3.1 4.2-1.6.8-3.1 1.8-4.3 2.9-1.5 1.4-3.7 1.9-5.7 1.2-4.8-1.8-10.4-2.3-15.9-.9h-.2c-2.4.6-5-.4-6.2-2.6-8.8-16.2-29.1-24.8-49.7-19.8-18.9 4.6-32.4 19.6-34.7 36.3-.4 3-3.1 5.3-6.2 4.9-3.8-.5-7.8-.3-11.8.7-8.6 2.1-15.4 7.4-19.3 14.1-1.3 2.3-4.2 3.4-6.7 2.5-3.3-1.2-7.1-1.5-10.9-.6-1.3.3-2.5.7-3.6 1.3-2.1 1-4.5.4-6.2-1.2-4.4-4.5-10.6-7.2-17.4-7.3-1.9-.1-3.7-1.2-4.6-2.9-5.3-9.2-14.1-16.8-25.4-20.8-14.6-5.2-29.9-3-41.2 4.5-.2.2-.5.3-.7.4-3.5 1.6-6.8 3.5-9.7 5.8-2 1.5-4.7 1.6-6.7.1-2.5-1.9-5.4-3.5-8.7-4.7-2.3-.8-4.6-1.3-6.8-1.6-2.3-.3-4.1-2-4.7-4.2-2-7.8-8.1-14.8-16.9-17.9-.1 0-.1 0-.2-.1-2.4-.8-3.9-3.2-3.7-5.8 1.4-18.3-10.8-36.6-30.7-43.6-18.4-6.5-37.8-1.4-48.9 11.4-2 2.3-5.5 2.7-7.8.7-2.9-2.5-6.3-4.5-10.2-5.9-12.3-4.4-25.2-.7-32.4 8-1.2 1.4-3 2.1-4.9 1.8-1.8-.2-3.6-.2-5.2.1-2.1.3-4.2-.4-5.4-2.1-3-4.2-7.4-7.6-12.8-9.5-.1 0-.1 0-.2-.1-2.4-.8-4.1-3.2-3.7-5.8 7.1-48.9-64.5-56.3-79.7-32.3-1.6 2.6-5.5 2.7-7.8.7-2.9-2.5-6.3-4.5-10.2-5.9-8.3-3-17-2.3-23.9 1.2-2.4 1.2-5.3.6-6.9-1.6-.3-.5-.7-.9-1.1-1.3-.3.9-.5 1.8-.7 2.7-4.8-3.1-10.6-4.9-17-4.9-10.9 0-20.4 5.4-25.4 13.4-3.2-4-8.4-6.6-14.2-6.6-2.8 0-5.4.6-7.7 1.6-3.3-9.3-12.9-16.1-24.3-16.1-1.6 0-3.2.1-4.7.4-2.8-20-21.6-35.4-44.5-35.4-21.9 0-40.2 14.3-44.1 33.1-4.8-3.1-10.6-4.9-17-4.9-14.2 0-26 9.2-28.7 21.3-9.2.5-16.5 7.4-16.5 15.8 0 1.1.1 2.1.4 3.2h-.8c.2-1 .4-2.1.4-3.2 0-8.4-7.3-15.3-16.5-15.8-2.7-12.2-14.5-21.3-28.7-21.3-6.3 0-12.2 1.8-17 4.9-1.1-5.4-3.4-10.4-6.6-14.8-.4.4-.7.8-1.1 1.2-3-5.2-7.1-9.6-12-12.9-7-4.1-15.4-6.5-24.4-6.5-22.8 0-41.6 15.4-44.5 35.4-.8-.2-1.7-.3-2.6-.3-.9 4.4-1 9-.2 13.6-1.5.2-3.1.6-4.6 1.1-10.9 3.5-17.9 12.9-18.2 22.7-2.5-.3-5.2 0-7.8.8-5.6 1.8-9.8 5.9-11.5 10.6-7.2-6.1-17.9-8.3-28.3-5-6 1.9-11.1 5.4-14.7 9.8-9.4-16.7-31.1-24.8-52.1-18.1-21.7 7-34.9 27.3-31.6 47.3-1.5.2-3.1.6-4.6 1.1-6.8 2.2-12.1 6.6-15.1 12.1-3.5-1.5-7.6-1.9-11.8-.7-6.3-10.8-20.3-15.9-33.8-11.5-6 1.9-11.1 5.4-14.7 9.8-9.4-16.7-31.1-24.8-52.1-18.1-21.7 7-34.9 27.3-31.6 47.3-1.5.2-3.1.6-4.6 1.1-10.3 3.3-17.3 11.9-18.2 21.4-3.6-.1-7.2.3-11 1.5-6 1.9-11.1 5.4-14.7 9.8-9.4-16.7-31.1-24.8-52.1-18.1-21.7 7-34.9 27.3-31.6 47.3-1.5.2-3.1.6-4.6 1.1-10.9 3.5-17.9 12.9-18.2 22.7-2.5-.3-5.2 0-7.8.8-5.6 1.8-9.8 5.9-11.5 10.6-7.2-6.1-17.9-8.3-28.3-5-6 1.9-11.1 5.4-14.7 9.8-9.4-16.7-31.1-24.8-52.1-18.1-21.7 7-34.9 27.3-31.6 47.3-1.5.2-3.1.6-4.6 1.1-6.8 2.2-12.1 6.6-15.1 12.1-3.5-1.5-7.6-1.9-11.8-.7-4.6-11.7-18.6-16.7-32.1-12.4-6 1.9-11.1 5.4-14.7 9.8-9.4-16.7-31.1-24.8-52.1-18.1-21.7 7-34.9 27.3-31.6 47.3-1.5.2-3.1.6-4.6 1.1-10.9 3.5-17.9 12.9-18.2 22.7-2.5-.3-5.1.4-7.8.8C6.5 1719 1.2 1732 0 1747.6h2050.4v-2.1h955.8c-1.1-4.9-3.8-9.7-8.4-12.9z" class="cloud-back" opacity=".8" />
<path fill="#fff" d="M3795.8 1730.6c4.2-11.8-.9-25.8-12.9-33.3-5.3-3.4-11.3-5-17-4.9 6.7-18-1-39.8-19.6-51.5-19.3-12.2-43.4-9.2-56.5 6.2-1.1-1.1-2.4-2-3.8-2.8-9.6-6.1-21.4-5.4-29.1.7-1.4-2.1-3.3-4-5.7-5.5-5-3.1-10.8-3.7-15.5-2 0-9.4-5.1-19.1-14.3-24.9-5.3-3.4-11.3-5-17-4.9 6.7-18-1-39.8-19.6-51.5-19.3-12.2-43.4-9.2-56.5 6.2-1.1-1.1-2.4-2-3.8-2.8-6-3.8-12.8-5-19-3.8-1.1-3.7-3.5-7-7-9.5 4.2-11.8-.9-25.8-12.9-33.3-5.3-3.4-11.3-5-17-4.9 6.7-18-1-39.8-19.6-51.5-19.3-12.2-43.4-9.2-56.5 6.2-1.1-1.1-2.4-2-3.8-2.8-9.1-5.8-20.3-5.6-28-.2-2.2-2.8-4.9-5.3-8.2-7.4-5.3-3.4-11.3-5-17-4.9 6.7-18 .2-42-19.6-51.5-38.4-18.5-63.4 15.2-64.3 21-1.5-.3-3.1-.4-4.7-.4-11.4 0-21 6.8-24.3 16.1-2.3-1-4.9-1.6-7.7-1.6-5.9 0-11.1 2.6-14.2 6.6-5-8-14.5-13.4-25.4-13.4-6.3 0-12.2 1.8-17 4.9-3.9-18.8-22.1-33.1-44.1-33.1-22.8 0-41.6 15.4-44.5 35.4-1.5-.3-3.1-.4-4.7-.4-7.1 0-13.5 2.6-18.1 6.9-2.9-2.5-6.7-4.1-11-4.3-2.7-12.2-14.5-21.3-28.7-21.3-6.3 0-12.2 1.8-17 4.9-.9-4.3-2.5-8.3-4.7-11.9-2.2.5-4.6-.3-5.9-2.3-9.7-13.8-28.5-20.9-47.5-16.3-2.7.7-5.4 1.6-7.8 2.6-12.1 6.1-20.7 17.2-22.6 30.2-1.1-.2-2.3-.3-3.5-.4-.6 2.6-1 5.2-1.1 7.8-.1 2.6-1.8 4.7-4.3 5.3h-.2c-9.5 2.3-16.5 9.1-18.9 17.2-.7 2.2-2.7 3.8-5 3.9-1.2.1-2.5.2-3.7.5-9 2.2-14.9 10.4-13.4 18.7l-.4.1c-3.3-6.7-11.5-10.4-19.7-8.4-1.2.3-2.4.7-3.5 1.2-2.1 1-4.6.5-6.2-1.2-5.9-6-15.3-8.9-24.7-6.6h-.2c-2.4.6-5-.4-6.2-2.6-8.8-16.2-29.1-24.8-49.7-19.8-18.9 4.6-32.4 19.6-34.7 36.3-.4 3-3.1 5.3-6.2 4.9-3.8-.5-7.8-.3-11.8.7-12.6 3.1-21.5 13.2-22.7 24.4-.2 1.9-1.4 3.4-3.1 4.2-1.6.8-3.1 1.8-4.3 2.9-1.5 1.4-3.7 1.9-5.7 1.2-4.8-1.8-10.4-2.3-15.9-.9h-.2c-2.4.6-5-.4-6.2-2.6-8.8-16.2-29.1-24.8-49.7-19.8-18.9 4.6-32.4 19.6-34.7 36.3-.4 3-3.1 5.3-6.2 4.9-3.8-.5-7.8-.3-11.8.7-8.6 2.1-15.4 7.4-19.3 14.1-1.3 2.3-4.2 3.4-6.7 2.5-3.3-1.2-7.1-1.5-10.9-.6-1.3.3-2.5.7-3.6 1.3-2.1 1-4.5.4-6.2-1.2-4.4-4.5-10.6-7.2-17.4-7.3-1.9-.1-3.7-1.2-4.6-2.9-5.3-9.2-14.1-16.8-25.4-20.8-14.6-5.2-29.9-3-41.2 4.5-.2.2-.5.3-.7.4-3.5 1.6-6.8 3.5-9.7 5.8-2 1.5-4.7 1.6-6.7.1-2.5-1.9-5.4-3.5-8.7-4.7-2.3-.8-4.6-1.3-6.8-1.6-2.3-.3-4.1-2-4.7-4.2-2-7.8-8.1-14.8-16.9-17.9-.1 0-.1 0-.2-.1-2.4-.8-3.9-3.2-3.7-5.8 1.4-18.3-10.8-36.6-30.7-43.6-18.4-6.5-37.8-1.4-48.9 11.4-2 2.3-5.5 2.7-7.8.7-2.9-2.5-6.3-4.5-10.2-5.9-12.3-4.4-25.2-.7-32.4 8-1.2 1.4-3 2.1-4.9 1.8-1.8-.2-3.6-.2-5.2.1-2.1.3-4.2-.4-5.4-2.1-3-4.2-7.4-7.6-12.8-9.5-.1 0-.1 0-.2-.1-2.4-.8-4.1-3.2-3.7-5.8 7.1-48.9-64.5-56.3-79.7-32.3-1.6 2.6-5.5 2.7-7.8.7-2.9-2.5-6.3-4.5-10.2-5.9-8.3-3-17-2.3-23.9 1.2-2.4 1.2-5.3.6-6.9-1.6-.3-.5-.7-.9-1.1-1.3-.3.9-.5 1.8-.7 2.7-4.8-3.1-10.6-4.9-17-4.9-10.9 0-20.4 5.4-25.4 13.4-3.2-4-8.4-6.6-14.2-6.6-2.8 0-5.4.6-7.7 1.6-3.3-9.3-12.9-16.1-24.3-16.1-1.6 0-3.2.1-4.7.4-2.8-20-21.6-35.4-44.5-35.4-21.9 0-40.2 14.3-44.1 33.1-4.8-3.1-10.6-4.9-17-4.9-14.2 0-26 9.2-28.7 21.3-9.2.5-16.5 7.4-16.5 15.8 0 1.1.1 2.1.4 3.2h-.8c.2-1 .4-2.1.4-3.2 0-8.4-7.3-15.3-16.5-15.8-2.7-12.2-14.5-21.3-28.7-21.3-6.3 0-12.2 1.8-17 4.9-1.1-5.4-3.4-10.4-6.6-14.8-.4.4-.7.8-1.1 1.2-3-5.2-7.1-9.6-12-12.9-7-4.1-15.4-6.5-24.4-6.5-22.8 0-41.6 15.4-44.5 35.4-.8-.2-1.7-.3-2.6-.3-.9 4.4-1 9-.2 13.6-1.5.2-3.1.6-4.6 1.1-10.9 3.5-17.9 12.9-18.2 22.7-2.5-.3-5.2 0-7.8.8-5.6 1.8-9.8 5.9-11.5 10.6-7.2-6.1-17.9-8.3-28.3-5-6 1.9-11.1 5.4-14.7 9.8-9.4-16.7-31.1-24.8-52.1-18.1-21.7 7-34.9 27.3-31.6 47.3-1.5.2-3.1.6-4.6 1.1-6.8 2.2-12.1 6.6-15.1 12.1-3.5-1.5-7.6-1.9-11.8-.7-6.3-10.8-20.3-15.9-33.8-11.5-6 1.9-11.1 5.4-14.7 9.8-9.4-16.7-31.1-24.8-52.1-18.1-21.7 7-34.9 27.3-31.6 47.3-1.5.2-3.1.6-4.6 1.1-10.3 3.3-17.3 11.9-18.2 21.4-3.6-.1-7.2.3-11 1.5-6 1.9-11.1 5.4-14.7 9.8-9.4-16.7-31.1-24.8-52.1-18.1-21.7 7-34.9 27.3-31.6 47.3-1.5.2-3.1.6-4.6 1.1-10.9 3.5-17.9 12.9-18.2 22.7-2.5-.3-5.2 0-7.8.8-5.6 1.8-9.8 5.9-11.5 10.6-7.2-6.1-17.9-8.3-28.3-5-6 1.9-11.1 5.4-14.7 9.8-9.4-16.7-31.1-24.8-52.1-18.1-21.7 7-34.9 27.3-31.6 47.3-1.5.2-3.1.6-4.6 1.1-6.8 2.2-12.1 6.6-15.1 12.1-3.5-1.5-7.6-1.9-11.8-.7-4.6-11.7-18.6-16.7-32.1-12.4-6 1.9-11.1 5.4-14.7 9.8-9.4-16.7-31.1-24.8-52.1-18.1-21.7 7-34.9 27.3-31.6 47.3-1.5.2-3.1.6-4.6 1.1-10.9 3.5-17.9 12.9-18.2 22.7-2.5-.3-5.1.4-7.8.8-13.6 2.1-18.9 15.1-20.1 30.7h2050.4v-2.1h955.8c-1.1-4.9-3.8-9.7-8.4-12.9z" class="cloud-front" opacity=".4" />
</g>
<g class="cloud_2">
<path fill="#fff" d="M6007.8 1732.6c4.2-11.8-.9-25.8-12.9-33.3-5.3-3.4-11.3-5-17-4.9 6.7-18-1-39.8-19.6-51.5-19.3-12.2-43.4-9.2-56.5 6.2-1.1-1.1-2.4-2-3.8-2.8-9.6-6.1-21.4-5.4-29.1.7-1.4-2.1-3.3-4-5.7-5.5-5-3.1-10.8-3.7-15.5-2 0-9.4-5.1-19.1-14.3-24.9-5.3-3.4-11.3-5-17-4.9 6.7-18-1-39.8-19.6-51.5-19.3-12.2-43.4-9.2-56.5 6.2-1.1-1.1-2.4-2-3.8-2.8-6-3.8-12.8-5-19-3.8-1.1-3.7-3.5-7-7-9.5 4.2-11.8-.9-25.8-12.9-33.3-5.3-3.4-11.3-5-17-4.9 6.7-18-1-39.8-19.6-51.5-19.3-12.2-43.4-9.2-56.5 6.2-1.1-1.1-2.4-2-3.8-2.8-9.1-5.8-20.3-5.6-28-.2-2.2-2.8-4.9-5.3-8.2-7.4-5.3-3.4-11.3-5-17-4.9 6.7-18 .2-42-19.6-51.5-38.4-18.5-63.4 15.2-64.3 21-1.5-.3-3.1-.4-4.7-.4-11.4 0-21 6.8-24.3 16.1-2.3-1-4.9-1.6-7.7-1.6-5.9 0-11.1 2.6-14.2 6.6-5-8-14.5-13.4-25.4-13.4-6.3 0-12.2 1.8-17 4.9-3.9-18.8-22.1-33.1-44.1-33.1-22.8 0-41.6 15.4-44.5 35.4-1.5-.3-3.1-.4-4.7-.4-7.1 0-13.5 2.6-18.1 6.9-2.9-2.5-6.7-4.1-11-4.3-2.7-12.2-14.5-21.3-28.7-21.3-6.3 0-12.2 1.8-17 4.9-.9-4.3-2.5-8.3-4.7-11.9-2.2.5-4.6-.3-5.9-2.3-9.7-13.8-28.5-20.9-47.5-16.3-2.7.7-5.4 1.6-7.8 2.6-12.1 6.1-20.7 17.2-22.6 30.2-1.1-.2-2.3-.3-3.5-.4-.6 2.6-1 5.2-1.1 7.8-.1 2.6-1.8 4.7-4.3 5.3h-.2c-9.5 2.3-16.5 9.1-18.9 17.2-.7 2.2-2.7 3.8-5 3.9-1.2.1-2.5.2-3.7.5-9 2.2-14.9 10.4-13.4 18.7l-.4.1c-3.3-6.7-11.5-10.4-19.7-8.4-1.2.3-2.4.7-3.5 1.2-2.1 1-4.6.5-6.2-1.2-5.9-6-15.3-8.9-24.7-6.6h-.2c-2.4.6-5-.4-6.2-2.6-8.8-16.2-29.1-24.8-49.7-19.8-18.9 4.6-32.4 19.6-34.7 36.3-.4 3-3.1 5.3-6.2 4.9-3.8-.5-7.8-.3-11.8.7-12.6 3.1-21.5 13.2-22.7 24.4-.2 1.9-1.4 3.4-3.1 4.2-1.6.8-3.1 1.8-4.3 2.9-1.5 1.4-3.7 1.9-5.7 1.2-4.8-1.8-10.4-2.3-15.9-.9h-.2c-2.4.6-5-.4-6.2-2.6-8.8-16.2-29.1-24.8-49.7-19.8-18.9 4.6-32.4 19.6-34.7 36.3-.4 3-3.1 5.3-6.2 4.9-3.8-.5-7.8-.3-11.8.7-8.6 2.1-15.4 7.4-19.3 14.1-1.3 2.3-4.2 3.4-6.7 2.5-3.3-1.2-7.1-1.5-10.9-.6-1.3.3-2.5.7-3.6 1.3-2.1 1-4.5.4-6.2-1.2-4.4-4.5-10.6-7.2-17.4-7.3-1.9-.1-3.7-1.2-4.6-2.9-5.3-9.2-14.1-16.8-25.4-20.8-14.6-5.2-29.9-3-41.2 4.5-.2.2-.5.3-.7.4-3.5 1.6-6.8 3.5-9.7 5.8-2 1.5-4.7 1.6-6.7.1-2.5-1.9-5.4-3.5-8.7-4.7-2.3-.8-4.6-1.3-6.8-1.6-2.3-.3-4.1-2-4.7-4.2-2-7.8-8.1-14.8-16.9-17.9-.1 0-.1 0-.2-.1-2.4-.8-3.9-3.2-3.7-5.8 1.4-18.3-10.8-36.6-30.7-43.6-18.4-6.5-37.8-1.4-48.9 11.4-2 2.3-5.5 2.7-7.8.7-2.9-2.5-6.3-4.5-10.2-5.9-12.3-4.4-25.2-.7-32.4 8-1.2 1.4-3 2.1-4.9 1.8-1.8-.2-3.6-.2-5.2.1-2.1.3-4.2-.4-5.4-2.1-3-4.2-7.4-7.6-12.8-9.5-.1 0-.1 0-.2-.1-2.4-.8-4.1-3.2-3.7-5.8 7.1-48.9-64.5-56.3-79.7-32.3-1.6 2.6-5.5 2.7-7.8.7-2.9-2.5-6.3-4.5-10.2-5.9-8.3-3-17-2.3-23.9 1.2-2.4 1.2-5.3.6-6.9-1.6-.3-.5-.7-.9-1.1-1.3-.3.9-.5 1.8-.7 2.7-4.8-3.1-10.6-4.9-17-4.9-10.9 0-20.4 5.4-25.4 13.4-3.2-4-8.4-6.6-14.2-6.6-2.8 0-5.4.6-7.7 1.6-3.3-9.3-12.9-16.1-24.3-16.1-1.6 0-3.2.1-4.7.4-2.8-20-21.6-35.4-44.5-35.4-21.9 0-40.2 14.3-44.1 33.1-4.8-3.1-10.6-4.9-17-4.9-14.2 0-26 9.2-28.7 21.3-9.2.5-16.5 7.4-16.5 15.8 0 1.1.1 2.1.4 3.2h-.8c.2-1 .4-2.1.4-3.2 0-8.4-7.3-15.3-16.5-15.8-2.7-12.2-14.5-21.3-28.7-21.3-6.3 0-12.2 1.8-17 4.9-1.1-5.4-3.4-10.4-6.6-14.8-.4.4-.7.8-1.1 1.2-3-5.2-7.1-9.6-12-12.9-7-4.1-15.4-6.5-24.4-6.5-22.8 0-41.6 15.4-44.5 35.4-.8-.2-1.7-.3-2.6-.3-.9 4.4-1 9-.2 13.6-1.5.2-3.1.6-4.6 1.1-10.9 3.5-17.9 12.9-18.2 22.7-2.5-.3-5.2 0-7.8.8-5.6 1.8-9.8 5.9-11.5 10.6-7.2-6.1-17.9-8.3-28.3-5-6 1.9-11.1 5.4-14.7 9.8-9.4-16.7-31.1-24.8-52.1-18.1-21.7 7-34.9 27.3-31.6 47.3-1.5.2-3.1.6-4.6 1.1-6.8 2.2-12.1 6.6-15.1 12.1-3.5-1.5-7.6-1.9-11.8-.7-6.3-10.8-20.3-15.9-33.8-11.5-6 1.9-11.1 5.4-14.7 9.8-9.4-16.7-31.1-24.8-52.1-18.1-21.7 7-34.9 27.3-31.6 47.3-1.5.2-3.1.6-4.6 1.1-10.3 3.3-17.3 11.9-18.2 21.4-3.6-.1-7.2.3-11 1.5-6 1.9-11.1 5.4-14.7 9.8-9.4-16.7-31.1-24.8-52.1-18.1-21.7 7-34.9 27.3-31.6 47.3-1.5.2-3.1.6-4.6 1.1-10.9 3.5-17.9 12.9-18.2 22.7-2.5-.3-5.2 0-7.8.8-5.6 1.8-9.8 5.9-11.5 10.6-7.2-6.1-17.9-8.3-28.3-5-6 1.9-11.1 5.4-14.7 9.8-9.4-16.7-31.1-24.8-52.1-18.1-21.7 7-34.9 27.3-31.6 47.3-1.5.2-3.1.6-4.6 1.1-6.8 2.2-12.1 6.6-15.1 12.1-3.5-1.5-7.6-1.9-11.8-.7-4.6-11.7-18.6-16.7-32.1-12.4-6 1.9-11.1 5.4-14.7 9.8-9.4-16.7-31.1-24.8-52.1-18.1-21.7 7-34.9 27.3-31.6 47.3-1.5.2-3.1.6-4.6 1.1-10.9 3.5-17.9 12.9-18.2 22.7-2.5-.3-5.1.4-7.8.8-13.6 2.1-18.9 15.1-20.1 30.7h2050.4v-2.1h955.8c-1.1-4.9-3.8-9.7-8.4-12.9z" class="cloud-back_2" opacity=".8" />
<path fill="#fff" d="M6805.8 1730.6c4.2-11.8-.9-25.8-12.9-33.3-5.3-3.4-11.3-5-17-4.9 6.7-18-1-39.8-19.6-51.5-19.3-12.2-43.4-9.2-56.5 6.2-1.1-1.1-2.4-2-3.8-2.8-9.6-6.1-21.4-5.4-29.1.7-1.4-2.1-3.3-4-5.7-5.5-5-3.1-10.8-3.7-15.5-2 0-9.4-5.1-19.1-14.3-24.9-5.3-3.4-11.3-5-17-4.9 6.7-18-1-39.8-19.6-51.5-19.3-12.2-43.4-9.2-56.5 6.2-1.1-1.1-2.4-2-3.8-2.8-6-3.8-12.8-5-19-3.8-1.1-3.7-3.5-7-7-9.5 4.2-11.8-.9-25.8-12.9-33.3-5.3-3.4-11.3-5-17-4.9 6.7-18-1-39.8-19.6-51.5-19.3-12.2-43.4-9.2-56.5 6.2-1.1-1.1-2.4-2-3.8-2.8-9.1-5.8-20.3-5.6-28-.2-2.2-2.8-4.9-5.3-8.2-7.4-5.3-3.4-11.3-5-17-4.9 6.7-18 .2-42-19.6-51.5-38.4-18.5-63.4 15.2-64.3 21-1.5-.3-3.1-.4-4.7-.4-11.4 0-21 6.8-24.3 16.1-2.3-1-4.9-1.6-7.7-1.6-5.9 0-11.1 2.6-14.2 6.6-5-8-14.5-13.4-25.4-13.4-6.3 0-12.2 1.8-17 4.9-3.9-18.8-22.1-33.1-44.1-33.1-22.8 0-41.6 15.4-44.5 35.4-1.5-.3-3.1-.4-4.7-.4-7.1 0-13.5 2.6-18.1 6.9-2.9-2.5-6.7-4.1-11-4.3-2.7-12.2-14.5-21.3-28.7-21.3-6.3 0-12.2 1.8-17 4.9-.9-4.3-2.5-8.3-4.7-11.9-2.2.5-4.6-.3-5.9-2.3-9.7-13.8-28.5-20.9-47.5-16.3-2.7.7-5.4 1.6-7.8 2.6-12.1 6.1-20.7 17.2-22.6 30.2-1.1-.2-2.3-.3-3.5-.4-.6 2.6-1 5.2-1.1 7.8-.1 2.6-1.8 4.7-4.3 5.3h-.2c-9.5 2.3-16.5 9.1-18.9 17.2-.7 2.2-2.7 3.8-5 3.9-1.2.1-2.5.2-3.7.5-9 2.2-14.9 10.4-13.4 18.7l-.4.1c-3.3-6.7-11.5-10.4-19.7-8.4-1.2.3-2.4.7-3.5 1.2-2.1 1-4.6.5-6.2-1.2-5.9-6-15.3-8.9-24.7-6.6h-.2c-2.4.6-5-.4-6.2-2.6-8.8-16.2-29.1-24.8-49.7-19.8-18.9 4.6-32.4 19.6-34.7 36.3-.4 3-3.1 5.3-6.2 4.9-3.8-.5-7.8-.3-11.8.7-12.6 3.1-21.5 13.2-22.7 24.4-.2 1.9-1.4 3.4-3.1 4.2-1.6.8-3.1 1.8-4.3 2.9-1.5 1.4-3.7 1.9-5.7 1.2-4.8-1.8-10.4-2.3-15.9-.9h-.2c-2.4.6-5-.4-6.2-2.6-8.8-16.2-29.1-24.8-49.7-19.8-18.9 4.6-32.4 19.6-34.7 36.3-.4 3-3.1 5.3-6.2 4.9-3.8-.5-7.8-.3-11.8.7-8.6 2.1-15.4 7.4-19.3 14.1-1.3 2.3-4.2 3.4-6.7 2.5-3.3-1.2-7.1-1.5-10.9-.6-1.3.3-2.5.7-3.6 1.3-2.1 1-4.5.4-6.2-1.2-4.4-4.5-10.6-7.2-17.4-7.3-1.9-.1-3.7-1.2-4.6-2.9-5.3-9.2-14.1-16.8-25.4-20.8-14.6-5.2-29.9-3-41.2 4.5-.2.2-.5.3-.7.4-3.5 1.6-6.8 3.5-9.7 5.8-2 1.5-4.7 1.6-6.7.1-2.5-1.9-5.4-3.5-8.7-4.7-2.3-.8-4.6-1.3-6.8-1.6-2.3-.3-4.1-2-4.7-4.2-2-7.8-8.1-14.8-16.9-17.9-.1 0-.1 0-.2-.1-2.4-.8-3.9-3.2-3.7-5.8 1.4-18.3-10.8-36.6-30.7-43.6-18.4-6.5-37.8-1.4-48.9 11.4-2 2.3-5.5 2.7-7.8.7-2.9-2.5-6.3-4.5-10.2-5.9-12.3-4.4-25.2-.7-32.4 8-1.2 1.4-3 2.1-4.9 1.8-1.8-.2-3.6-.2-5.2.1-2.1.3-4.2-.4-5.4-2.1-3-4.2-7.4-7.6-12.8-9.5-.1 0-.1 0-.2-.1-2.4-.8-4.1-3.2-3.7-5.8 7.1-48.9-64.5-56.3-79.7-32.3-1.6 2.6-5.5 2.7-7.8.7-2.9-2.5-6.3-4.5-10.2-5.9-8.3-3-17-2.3-23.9 1.2-2.4 1.2-5.3.6-6.9-1.6-.3-.5-.7-.9-1.1-1.3-.3.9-.5 1.8-.7 2.7-4.8-3.1-10.6-4.9-17-4.9-10.9 0-20.4 5.4-25.4 13.4-3.2-4-8.4-6.6-14.2-6.6-2.8 0-5.4.6-7.7 1.6-3.3-9.3-12.9-16.1-24.3-16.1-1.6 0-3.2.1-4.7.4-2.8-20-21.6-35.4-44.5-35.4-21.9 0-40.2 14.3-44.1 33.1-4.8-3.1-10.6-4.9-17-4.9-14.2 0-26 9.2-28.7 21.3-9.2.5-16.5 7.4-16.5 15.8 0 1.1.1 2.1.4 3.2h-.8c.2-1 .4-2.1.4-3.2 0-8.4-7.3-15.3-16.5-15.8-2.7-12.2-14.5-21.3-28.7-21.3-6.3 0-12.2 1.8-17 4.9-1.1-5.4-3.4-10.4-6.6-14.8-.4.4-.7.8-1.1 1.2-3-5.2-7.1-9.6-12-12.9-7-4.1-15.4-6.5-24.4-6.5-22.8 0-41.6 15.4-44.5 35.4-.8-.2-1.7-.3-2.6-.3-.9 4.4-1 9-.2 13.6-1.5.2-3.1.6-4.6 1.1-10.9 3.5-17.9 12.9-18.2 22.7-2.5-.3-5.2 0-7.8.8-5.6 1.8-9.8 5.9-11.5 10.6-7.2-6.1-17.9-8.3-28.3-5-6 1.9-11.1 5.4-14.7 9.8-9.4-16.7-31.1-24.8-52.1-18.1-21.7 7-34.9 27.3-31.6 47.3-1.5.2-3.1.6-4.6 1.1-6.8 2.2-12.1 6.6-15.1 12.1-3.5-1.5-7.6-1.9-11.8-.7-6.3-10.8-20.3-15.9-33.8-11.5-6 1.9-11.1 5.4-14.7 9.8-9.4-16.7-31.1-24.8-52.1-18.1-21.7 7-34.9 27.3-31.6 47.3-1.5.2-3.1.6-4.6 1.1-10.3 3.3-17.3 11.9-18.2 21.4-3.6-.1-7.2.3-11 1.5-6 1.9-11.1 5.4-14.7 9.8-9.4-16.7-31.1-24.8-52.1-18.1-21.7 7-34.9 27.3-31.6 47.3-1.5.2-3.1.6-4.6 1.1-10.9 3.5-17.9 12.9-18.2 22.7-2.5-.3-5.2 0-7.8.8-5.6 1.8-9.8 5.9-11.5 10.6-7.2-6.1-17.9-8.3-28.3-5-6 1.9-11.1 5.4-14.7 9.8-9.4-16.7-31.1-24.8-52.1-18.1-21.7 7-34.9 27.3-31.6 47.3-1.5.2-3.1.6-4.6 1.1-6.8 2.2-12.1 6.6-15.1 12.1-3.5-1.5-7.6-1.9-11.8-.7-4.6-11.7-18.6-16.7-32.1-12.4-6 1.9-11.1 5.4-14.7 9.8-9.4-16.7-31.1-24.8-52.1-18.1-21.7 7-34.9 27.3-31.6 47.3-1.5.2-3.1.6-4.6 1.1-10.9 3.5-17.9 12.9-18.2 22.7-2.5-.3-5.1.4-7.8.8-13.6 2.1-18.9 15.1-20.1 30.7h2050.4v-2.1h955.8c-1.1-4.9-3.8-9.7-8.4-12.9z" class="cloud-front_2" opacity=".4" />
</g>
</g>
<g class="sky">
<g class="stars">
<circle cx="812" cy="344" r="12" fill="#C4C4C4" class="Ellipse 29" />
<circle cx="1253" cy="190" r="12" fill="#C4C4C4" class="Ellipse 37" />
<circle cx="897" cy="578" r="12" fill="#C4C4C4" class="Ellipse 38" />
<circle cx="205" cy="1077" r="12" fill="#C4C4C4" class="Ellipse 42" />
<circle cx="3228" cy="1178" r="12" fill="#C4C4C4" class="Ellipse 43" />
<circle cx="738" cy="401" r="8" fill="#C4C4C4" class="Ellipse 30" />
<circle cx="526" cy="767" r="12" fill="#C4C4C4" class="Ellipse 31" />
<circle cx="506" cy="651" r="8" fill="#C4C4C4" class="Ellipse 32" />
<circle cx="291" cy="324" r="8" fill="#C4C4C4" class="Ellipse 39" />
<circle cx="2414" cy="316" r="8" fill="#C4C4C4" class="Ellipse 40" />
<circle cx="2279" cy="582" r="8" fill="#C4C4C4" class="Ellipse 41" />
<circle cx="2975" cy="498" r="12" fill="#C4C4C4" class="Ellipse 33" />
<circle cx="3076" cy="494" r="8" fill="#C4C4C4" class="Ellipse 34" />
<circle cx="2951" cy="867" r="12" fill="#C4C4C4" class="Ellipse 35" />
<circle cx="2844" cy="744" r="8" fill="#C4C4C4" class="Ellipse 36" />
<circle cx="2860" cy="932" r="8" fill="#C4C4C4" class="Ellipse 44" />
<circle cx="3297" cy="186" r="8" fill="#C4C4C4" class="Ellipse 45" />
<circle cx="812" cy="943" r="8" fill="#C4C4C4" class="Ellipse 46" />
</g>
<g class="stars_2">
<circle cx="4552" cy="372" r="12" fill="#C4C4C4" class="Ellipse 29_2" />
<circle cx="4993" cy="218" r="12" fill="#C4C4C4" class="Ellipse 37_2" />
<circle cx="4637" cy="606" r="12" fill="#C4C4C4" class="Ellipse 38_2" />
<circle cx="3945" cy="1105" r="12" fill="#C4C4C4" class="Ellipse 42_2" />
<circle cx="6463" cy="1332" r="12" fill="#C4C4C4" class="Ellipse 43_2" />
<circle cx="4478" cy="429" r="8" fill="#C4C4C4" class="Ellipse 30_2" />
<circle cx="4266" cy="795" r="12" fill="#C4C4C4" class="Ellipse 31_2" />
<circle cx="4246" cy="679" r="8" fill="#C4C4C4" class="Ellipse 32_2" />
<circle cx="4031" cy="352" r="8" fill="#C4C4C4" class="Ellipse 39_2" />
<circle cx="5649" cy="470" r="8" fill="#C4C4C4" class="Ellipse 40_2" />
<circle cx="5514" cy="736" r="8" fill="#C4C4C4" class="Ellipse 41_2" />
<circle cx="6210" cy="652" r="12" fill="#C4C4C4" class="Ellipse 33_2" />
<circle cx="6311" cy="648" r="8" fill="#C4C4C4" class="Ellipse 34_2" />
<circle cx="6186" cy="1021" r="12" fill="#C4C4C4" class="Ellipse 35_2" />
<circle cx="6079" cy="898" r="8" fill="#C4C4C4" class="Ellipse 36_2" />
<circle cx="6095" cy="1086" r="8" fill="#C4C4C4" class="Ellipse 44_2" />
<circle cx="6532" cy="340" r="8" fill="#C4C4C4" class="Ellipse 45_2" />
<circle cx="4552" cy="971" r="8" fill="#C4C4C4" class="Ellipse 46_2" />
</g>
</g>
<g class="abduction">
<ellipse cx="1589" cy="1690.5" fill="#B4B2D2" class="shadow" rx="212" ry="19.5" />
<path fill="#C7E796" d="M1256 1748l426-708h88.5l104 708H1256z" class="abduction-light" opacity=".5" />
</g>
<g class="ufo">
<g class="engine">
<path fill="#BDBDBD" stroke="#15286E" stroke-width="8" d="M1641.69 1027.97c-2.32 7.57-10.87 13.54-24.99 15.99-13.87 2.41-31.92 1.13-50.75-4.62-18.84-5.76-34.52-14.78-44.68-24.53-10.34-9.93-14.09-19.658-11.78-27.224 2.31-7.566 10.86-13.54 24.98-15.992 13.87-2.41 31.92-1.13 50.76 4.625 18.84 5.754 34.52 14.779 44.67 24.531 10.34 9.92 14.1 19.66 11.79 27.22z" class="Ellipse 26" />
<path fill="#BDBDBD" stroke="#15286E" stroke-width="8" d="M1970.91 1050.58c.29 7.91-5.83 16.35-18.38 23.29-12.31 6.81-29.79 11.51-49.47 12.23-19.68.73-37.46-2.67-50.24-8.56-13.02-5.99-19.75-13.96-20.04-21.87-.29-7.9 5.83-16.35 18.37-23.29 12.32-6.81 29.8-11.51 49.48-12.23 19.68-.73 37.45 2.67 50.24 8.56 13.02 6 19.75 13.97 20.04 21.87z" class="Ellipse 27" />
<path fill="#BDBDBD" stroke="#15286E" stroke-width="8" d="M1804.42 1057.66c-1.02 7.85-8.45 15.17-21.97 19.94-13.27 4.69-31.28 6.44-50.81 3.91-19.54-2.54-36.5-8.82-48.15-16.74-11.85-8.06-17.17-17.03-16.15-24.87 1.01-7.85 8.45-15.17 21.96-19.94 13.28-4.69 31.29-6.44 50.82-3.91 19.53 2.54 36.5 8.82 48.14 16.74 11.85 8.06 17.17 17.03 16.16 24.87z" class="Ellipse 28" />
<path fill="#fff" stroke="#15286E" stroke-width="8" d="M2029.22 1019.67c-1.13 8.14-8.78 16.05-24.33 22.85-15.31 6.7-37.09 11.77-63.93 14.89-53.62 6.25-126.48 4.64-205.84-6.37-79.36-11.02-149.91-29.32-199.8-49.93-24.97-10.314-44.55-21.121-57.46-31.735-13.11-10.782-18.32-20.481-17.19-28.613 1.13-8.131 8.78-16.047 24.33-22.85 15.31-6.697 37.1-11.763 63.93-14.889 53.62-6.244 126.49-4.641 205.85 6.374 79.35 11.015 149.9 29.317 199.79 49.927 24.97 10.316 44.55 21.124 57.46 31.737 13.12 10.779 18.32 20.479 17.19 28.609z" class="Ellipse 20" />
</g>
<path fill="#8D60C2" stroke="#15286E" stroke-width="8" d="M2218.89 994.266c-3.56 4.273-9.45 8.604-17.84 12.784-8.54 4.25-19.43 8.24-32.56 11.84-26.26 7.2-61.12 12.77-103.22 15.98-84.18 6.41-196.92 3.36-326.88-14.67-130-18.05-242.69-45.156-323.62-73.926-40.49-14.392-72.89-29.149-95.51-43.312-11.31-7.084-20.04-13.94-26.11-20.427-6.05-6.466-9.17-12.272-9.89-17.321-.91-14.979 1.76-26.828 7.34-36.193 5.59-9.392 14.32-16.639 26.1-22.025 23.77-10.864 59.32-13.86 104-11.752 59.43 2.804 133.59 14.515 215.04 27.378 40.93 6.465 83.71 13.221 127.39 19.283 38.9 5.398 77.64 10.239 115.24 14.936 88.57 11.065 170.75 21.331 233.37 36.207 44.68 10.614 78.57 23.408 97.66 39.959 9.45 8.187 15.05 17.108 16.76 26.975 1.7 9.801-.35 21.097-7.27 34.284z" class="bottom" />
<path fill="#BBC5D2" stroke="#15286E" stroke-width="8" d="M2226.47 958.713c-.69 4.968-3.95 9.93-10.57 14.752-6.62 4.825-16.23 9.226-28.72 13.074-24.96 7.69-60.5 12.905-104.2 15.401-87.33 4.99-206.38-.92-336.4-18.971-130.02-18.046-246.17-44.778-328.84-73.361-41.37-14.303-74.15-29.001-96.07-43.196-10.97-7.104-19.02-13.956-24.07-20.402-5.06-6.442-6.85-12.107-6.16-17.075.69-4.968 3.96-9.93 10.57-14.752 6.63-4.826 16.24-9.226 28.72-13.075 24.96-7.689 60.51-12.904 104.2-15.4 87.33-4.988 206.38.924 336.4 18.97 130.02 18.046 246.17 44.778 328.84 73.362 41.37 14.302 74.15 29.001 96.07 43.196 10.97 7.104 19.02 13.955 24.07 20.402 5.06 6.442 6.85 12.107 6.16 17.075z" class="top" />
<path fill="#7B959D" d="M2012.84 875.865c-2.31 16.581-119.33 40.672-256.91 21.577-137.58-19.096-243.62-74.147-241.32-90.728 2.3-16.58 115.7-14.542 253.28 4.554 137.58 19.095 247.25 48.016 244.95 64.597z" class="inside-back" />
<path fill="#15286E" d="M2009.8 883.207c-2.05 14.771-118.48 34.541-256.06 15.446-137.58-19.096-244.22-69.826-242.17-84.596 2.05-14.77 115.25-11.264 252.83 7.831 137.58 19.096 247.45 46.549 245.4 61.319z" class="inside" />
<path fill="#F2F2F2" d="M1807.93 552.315c-262.97-36.5-293.6 264.145-293.6 264.145s62.31 56.603 245.97 79.065c183.66 22.462 255.72-9.433 255.72-9.433s54.89-297.277-208.09-333.777z" class="glass" opacity=".2" />
<g class="alien">
<path fill="#9AD451" stroke="#15286E" stroke-width="8" d="M1749.54 811.608c-2.01-14.644-11.14-36.174-11.14-36.174l38.33 28.79-12.52 23.656s10.5 2.604 12.27 8.629c8.64 29.286 18.25 62.556 18.25 62.556l-81.16-11.265s12.96-48.99 22.14-56.949c4.63-4.011 14.91-4.857 14.91-4.857s-.31-8.804-1.08-14.386z" class="alien-body" />
<g class="alien-head">
<path fill="#9AD451" stroke="#15286E" stroke-width="8" d="M1783.97 811.436c9.88-1.344 20.07-7.682 29.55-16.552 9.55-8.95 18.78-20.856 26.72-34.09 15.8-26.337 26.99-58.779 24.91-84.713-4.15-51.637-48.5-90.357-99.22-86.281-50.72 4.076-88.31 49.381-84.16 101.019 2.09 25.961 19.12 57.069 39.29 80.945 10.13 12.003 21.24 22.4 31.98 29.555 10.57 7.05 21.46 11.404 30.93 10.117z" class="alien-head_2" />
<path fill="#6C964C" fill-rule="evenodd" d="M1800.56 598.118c32.8 10.955 57.66 41.153 60.66 78.465 3.98 49.52-43.01 126.348-77.73 131.071-10.17 1.383-23.37-4.958-36.76-15.843 18.69 4.244 37.17 7.299 45.01 3.61 28.52-13.43 39.36-44.236 43.6-74.785 4.81-34.696-12.2-71.304-24.37-97.514-4.7-10.122-8.68-18.693-10.41-25.004z" class="Intersect" clip-rule="evenodd" />
<g class="alien-mouth">
<path fill="#15286E" stroke="#15286E" stroke-width="4" d="M1783.36 771.572c-1.69-.096-3.76-.622-6.06-1.35a141.554 141.554 0 01-3.46-1.149c-1.16-.392-2.33-.788-3.46-1.132-2.19-.67-4.49-1.241-6.43-1.139-1.01.053-2.07.29-2.99.922-.97.66-1.6 1.625-1.91 2.785-1.63 6.079.26 11.102 4.01 14.68 3.66 3.488 9.01 5.548 14.43 6.213 5.42.666 11.19-.031 15.78-2.372 4.65-2.377 8.14-6.498 8.55-12.467 0-.015 0-.032.01-.051.01-.195.04-.558 0-.911a2.842 2.842 0 00-.64-1.574c-.42-.498-.94-.781-1.4-.959-.46-.177-.99-.301-1.57-.4-2.16-.374-6.39-.614-14.39-1.069l-.47-.027z" class="alien-lips" />
<path fill="#fff" stroke="#15286E" stroke-width="4" d="M1783.18 774.322c-3.23-.434-7.02-1.719-10.45-2.883-.26-.087-.51-.173-.76-.258-1.75-.591-3.44-1.147-4.77-1.437-.65-.143-1.36-.254-2.01-.226-.57.025-1.71.185-2.39 1.231-.7 1.073-1.06 2.237-.99 3.442.07 1.188.53 2.24 1.16 3.131 1.23 1.726 3.28 3.103 5.39 4.169 4.26 2.153 9.83 3.54 13.17 3.737 3.31.195 7.88.431 11.46-.292 1.78-.359 3.63-1.01 4.93-2.293 1.44-1.416 1.96-3.344 1.49-5.566-.26-1.199-1.26-1.698-1.68-1.872-.52-.211-1.1-.319-1.63-.386-1.07-.137-2.46-.167-3.89-.177-.5-.004-1-.005-1.51-.006-2.57-.006-5.29-.013-7.52-.314z" class="alien-teeth" />
</g>
<g class="alien-nose">
<ellipse cx="1784.9" cy="756.01" fill="#15286E" class="Ellipse 12" rx="3.283" ry="4.268" transform="rotate(1.853 1784.9 756.01)" />
<ellipse fill="#15286E" class="Ellipse 14" rx="3.283" ry="4.268" transform="scale(-1 1) rotate(-1.853 22504.64 55835.682)" />
</g>
<g class="eye-left">
<path fill="#15286E" d="M1770.05 663.594c-15.77-6.969-31.22.562-29.36.622 1.86.06 16.45-1.666 24.64 2.195 16.97 8.007 18.75 24.679 21.05 25.685 2.3 1.005 3.02-19.951-16.33-28.502z" class="Vector 32" />
<path fill="#15286E" d="M1744 753.016c13.39 6.388 21.53 3.122 19.93 3.071-1.6-.052-14.69-4.046-19.02-6.68-16.1-9.818-15.95-23.942-17.92-24.814-1.98-.871-3.9 18.448 17.01 28.423z" class="Vector 33" />
<path fill="#15286E" stroke="#15286E" stroke-width="4" d="M1775.59 749.623c7.55-3.542 12.04-11.188 13.46-20.274 1.42-9.101-.19-19.874-5.04-30.22s-12.11-18.469-20.02-23.195c-7.89-4.718-16.64-6.15-24.19-2.608-7.55 3.543-12.05 11.189-13.47 20.275-1.41 9.1.19 19.873 5.05 30.22 4.85 10.346 12.11 18.468 20.01 23.194 7.89 4.719 16.65 6.151 24.2 2.608z" class="Ellipse 11" />
<path fill="#707DA6" stroke="#15286E" stroke-width="4" d="M1745.4 679.568c-3.78 1.734-6.37 5.771-7.78 9.299-.72 1.811-1.2 3.638-1.36 5.206-.08.781-.09 1.56.02 2.271.1.669.34 1.515.96 2.182.68.725 1.61 1.05 2.58.88.79-.137 1.43-.571 1.85-.913.83-.66 1.72-1.694 2.52-2.633.05-.049.09-.098.13-.146.91-1.054 1.83-2.115 2.81-3.01.98-.904 1.9-1.51 2.73-1.774 1.07-.339 2.34-.347 3.78-.104s2.92.71 4.4 1.21c.19.066.39.132.59.2 1.23.419 2.52.859 3.62 1.077 1.11.22 3.08.446 4.37-1.071.95-1.12.69-2.455.4-3.215-.31-.813-.86-1.609-1.48-2.326-1.25-1.461-3.13-3.032-5.26-4.378-2.15-1.35-4.65-2.543-7.18-3.163-2.52-.615-5.26-.712-7.7.408z" class="Vector 31" />
</g>
<g class="eye-right">
<path fill="#15286E" d="M1839.16 671.073c17.22-.829 28.93 11.756 27.17 11.141-1.76-.614-14.75-7.473-23.78-6.814-18.71 1.367-26.37 16.282-28.88 16.393-2.51.112 4.36-19.702 25.49-20.72z" class="Vector 32_2" />
<path fill="#15286E" d="M1828.44 762.402c-8.72 2.023-14.81-.763-13.96-.552.85.212 10.65-1.031 13.39-2.112 21.51-8.505 11.98.018.57 2.664z" class="Vector 33_2" />
<path fill="#15286E" stroke="#15286E" stroke-width="4" d="M1805.15 752.316c-6.3-5.465-8.54-14.046-7.43-23.174 1.11-9.143 5.59-19.071 13.08-27.705 7.49-8.633 16.68-14.472 25.58-16.867 8.88-2.39 17.69-1.384 23.99 4.081 6.3 5.465 8.54 14.046 7.43 23.175-1.11 9.143-5.59 19.071-13.08 27.704-7.49 8.634-16.68 14.473-25.58 16.867-8.88 2.391-17.69 1.384-23.99-4.081z" class="Ellipse 11_2" />
<path fill="#707DA6" stroke="#15286E" stroke-width="4" d="M1853.28 693.131c3.16 2.698 4.56 7.288 4.95 11.067.2 1.938.16 3.825-.11 5.378-.14.773-.34 1.525-.64 2.18-.28.616-.74 1.365-1.52 1.837-.84.515-1.83.573-2.72.146-.72-.347-1.21-.938-1.53-1.383-.61-.86-1.19-2.097-1.71-3.22-.03-.059-.05-.118-.08-.176-.59-1.261-1.18-2.532-1.88-3.66-.7-1.139-1.42-1.97-2.15-2.452-.94-.618-2.15-.969-3.6-1.128-1.45-.159-3.01-.112-4.57-.034l-.62.032c-1.3.068-2.66.14-3.78.05-1.13-.092-3.09-.411-3.91-2.221-.61-1.336 0-2.55.49-3.203.52-.698 1.27-1.313 2.05-1.835 1.61-1.065 3.84-2.065 6.26-2.779 2.43-.715 5.17-1.181 7.77-1.087 2.59.093 5.26.747 7.3 2.488z" class="Vector 31_2" />
</g>
</g>
</g>
<path stroke="#15286E" stroke-width="8" d="M1804.83 552.388c-262.98-36.5-293.6 264.145-293.6 264.145s62.31 56.604 245.97 79.065c183.65 22.462 255.72-9.433 255.72-9.433s54.89-297.277-208.09-333.777z" class="glass_2" />
<g class="glass-light" opacity=".9">
<path fill="#fff" d="M1673.92 636.411c26.89-26.262 7.33-55.549-24.91-30.783-25.83 19.831 2.52 52.654 24.91 30.783z" class="Vector 36" />
<path fill="#fff" d="M1579.74 703.478c13.93-26.381 48.23-69.571 65.37-47.497 9.48 12.198-14.16 28.878-32.52 67.93-12.83 27.274-8.08 69.561-34.48 67.258-20.47-1.787-13.78-58.511 1.63-87.691z" class="Vector 35" />
</g>
<g class="Union">
<mask id="a" fill="#fff" class="path-70-inside-1">
<path fill-rule="evenodd" d="M1443.55 867.715c-1.71 12.309-16.17 20.471-32.31 18.231-16.14-2.24-27.84-14.033-26.13-26.342 1.71-12.308 16.18-20.47 32.31-18.231 16.14 2.24 27.84 14.034 26.13 26.342zm155.62 49.868c-1.71 12.308-16.17 20.471-32.31 18.231-16.14-2.24-27.84-14.034-26.13-26.342 1.71-12.309 16.18-20.471 32.32-18.231 16.13 2.24 27.83 14.034 26.12 26.342zm149.12 49.47c16.14 2.239 30.6-5.923 32.31-18.231 1.71-12.309-9.99-24.102-26.13-26.342-16.13-2.24-30.6 5.922-32.31 18.231-1.71 12.308 9.99 24.102 26.13 26.342zm219.35 1.672c-1.71 12.308-16.18 20.47-32.31 18.23-16.14-2.239-27.84-14.033-26.13-26.341 1.71-12.309 16.18-20.471 32.31-18.231 16.14 2.24 27.84 14.033 26.13 26.342zm126.91 13.071c16.14 2.24 30.6-5.923 32.31-18.231 1.71-12.308-9.99-24.102-26.13-26.342-16.13-2.24-30.6 5.922-32.31 18.231-1.71 12.308 9.99 24.102 26.13 26.342z" clip-rule="evenodd" />
</mask>
<path fill="#F8D047" fill-rule="evenodd" d="M1443.55 867.715c-1.71 12.309-16.17 20.471-32.31 18.231-16.14-2.24-27.84-14.033-26.13-26.342 1.71-12.308 16.18-20.47 32.31-18.231 16.14 2.24 27.84 14.034 26.13 26.342zm155.62 49.868c-1.71 12.308-16.17 20.471-32.31 18.231-16.14-2.24-27.84-14.034-26.13-26.342 1.71-12.309 16.18-20.471 32.32-18.231 16.13 2.24 27.83 14.034 26.12 26.342zm149.12 49.47c16.14 2.239 30.6-5.923 32.31-18.231 1.71-12.309-9.99-24.102-26.13-26.342-16.13-2.24-30.6 5.922-32.31 18.231-1.71 12.308 9.99 24.102 26.13 26.342zm219.35 1.672c-1.71 12.308-16.18 20.47-32.31 18.23-16.14-2.239-27.84-14.033-26.13-26.341 1.71-12.309 16.18-20.471 32.31-18.231 16.14 2.24 27.84 14.033 26.13 26.342zm126.91 13.071c16.14 2.24 30.6-5.923 32.31-18.231 1.71-12.308-9.99-24.102-26.13-26.342-16.13-2.24-30.6 5.922-32.31 18.231-1.71 12.308 9.99 24.102 26.13 26.342z" clip-rule="evenodd" />
<path fill="#15286E" d="M1410.14 893.87c9.65 1.339 19.09-.381 26.6-4.616 7.51-4.239 13.46-11.288 14.73-20.439l-15.84-2.199c-.44 3.157-2.57 6.344-6.76 8.703-4.18 2.363-10.04 3.604-16.53 2.703l-2.2 15.848zm-32.95-35.366c-1.27 9.151 2.54 17.555 8.61 23.681 6.07 6.119 14.69 10.346 24.34 11.685l2.2-15.848c-6.49-.9-11.79-3.69-15.18-7.105-3.38-3.408-4.56-7.055-4.13-10.213l-15.84-2.2zm41.33-25.055c-9.65-1.339-19.09.382-26.59 4.617-7.52 4.239-13.47 11.288-14.74 20.438l15.84 2.2c.44-3.158 2.58-6.344 6.76-8.703 4.19-2.363 10.05-3.604 16.53-2.704l2.2-15.848zm32.95 35.366c1.27-9.15-2.54-17.555-8.61-23.68-6.07-6.119-14.69-10.346-24.34-11.686l-2.2 15.848c6.49.901 11.79 3.691 15.18 7.105 3.38 3.409 4.56 7.056 4.13 10.214l15.84 2.199zm114.29 74.923c9.65 1.339 19.09-.381 26.6-4.616 7.51-4.24 13.47-11.289 14.74-20.439l-15.85-2.2c-.44 3.158-2.57 6.344-6.75 8.703-4.19 2.364-10.05 3.604-16.54 2.704l-2.2 15.848zm-32.95-35.366c-1.27 9.151 2.54 17.555 8.61 23.68 6.07 6.119 14.69 10.347 24.34 11.686l2.2-15.848c-6.49-.901-11.79-3.69-15.18-7.105-3.38-3.409-4.56-7.055-4.12-10.213l-15.85-2.2zm41.34-25.055c-9.65-1.339-19.1.381-26.6 4.616-7.52 4.24-13.47 11.289-14.74 20.439l15.85 2.2c.44-3.158 2.57-6.344 6.75-8.704 4.19-2.363 10.05-3.603 16.54-2.703l2.2-15.848zm32.95 35.366c1.27-9.151-2.54-17.555-8.62-23.68-6.07-6.119-14.69-10.347-24.33-11.686l-2.2 15.848c6.48.901 11.78 3.69 15.17 7.105 3.38 3.409 4.57 7.055 4.13 10.213l15.85 2.2zm165.58 29.039c-.44 3.158-2.57 6.344-6.76 8.703-4.18 2.363-10.04 3.604-16.53 2.704l-2.2 15.848c9.65 1.339 19.09-.382 26.6-4.617 7.51-4.239 13.46-11.288 14.73-20.438l-15.84-2.2zm-19.31-17.318c6.49.901 11.79 3.69 15.18 7.105 3.38 3.408 4.56 7.055 4.13 10.213l15.84 2.2c1.27-9.151-2.54-17.555-8.61-23.68-6.07-6.12-14.69-10.347-24.34-11.686l-2.2 15.848zm-23.29 11.406c.44-3.157 2.58-6.344 6.76-8.703 4.19-2.363 10.05-3.604 16.53-2.703l2.2-15.848c-9.65-1.339-19.09.381-26.59 4.616-7.52 4.239-13.47 11.288-14.74 20.439l15.84 2.199zm19.31 17.319c-6.49-.901-11.79-3.691-15.18-7.105-3.38-3.409-4.56-7.056-4.13-10.214l-15.84-2.199c-1.27 9.15 2.54 17.555 8.61 23.68 6.07 6.119 14.69 10.346 24.34 11.686l2.2-15.848zm184.84 35.75c9.65 1.34 19.09-.381 26.6-4.616 7.51-4.239 13.46-11.288 14.73-20.439l-15.84-2.199c-.44 3.158-2.58 6.344-6.76 8.703-4.19 2.363-10.04 3.604-16.53 2.703l-2.2 15.848zm-32.95-35.365c-1.27 9.15 2.54 17.555 8.61 23.68 6.07 6.119 14.69 10.346 24.34 11.685l2.2-15.848c-6.49-.9-11.79-3.69-15.18-7.104-3.38-3.409-4.56-7.056-4.13-10.214l-15.84-2.199zm41.33-25.055c-9.65-1.34-19.09.381-26.59 4.616-7.52 4.239-13.47 11.288-14.74 20.439l15.84 2.199c.44-3.158 2.58-6.344 6.76-8.703 4.19-2.363 10.05-3.604 16.53-2.703l2.2-15.848zm32.95 35.365c1.27-9.15-2.54-17.554-8.61-23.68-6.07-6.119-14.69-10.346-24.34-11.685l-2.2 15.848c6.49.9 11.79 3.69 15.18 7.105 3.38 3.408 4.56 7.055 4.13 10.213l15.84 2.199zm143.38-7.359c-.44 3.158-2.57 6.344-6.76 8.703-4.18 2.364-10.04 3.604-16.53 2.704l-2.2 15.848c9.65 1.339 19.09-.381 26.6-4.616 7.51-4.24 13.47-11.289 14.74-20.439l-15.85-2.2zm-19.3-17.318c6.48.901 11.78 3.69 15.17 7.105 3.38 3.409 4.57 7.055 4.13 10.213l15.85 2.2c1.27-9.151-2.54-17.555-8.62-23.68-6.07-6.12-14.69-10.347-24.34-11.686l-2.19 15.848zm-23.29 11.407c.43-3.158 2.57-6.345 6.75-8.704 4.19-2.363 10.05-3.603 16.54-2.703l2.19-15.848c-9.64-1.339-19.09.381-26.59 4.616-7.52 4.24-13.47 11.289-14.74 20.439l15.85 2.2zm19.3 17.318c-6.49-.901-11.79-3.69-15.18-7.105-3.38-3.409-4.56-7.055-4.12-10.213l-15.85-2.2c-1.27 9.151 2.54 17.555 8.61 23.68 6.07 6.119 14.69 10.347 24.34 11.686l2.2-15.848z" mask="url(#a)" />
</g>
</g>
<g class="rock-medium">
<path fill="#EC4D27" stroke="#15286E" stroke-width="8" d="M2748.5 1135.5c-37 44.5-129.88-90.51-139.5-122.5 30.69 6.02 176.5 78 139.5 122.5z" class="Vector 37" />
<path fill="#B12C39" d="M2743.15 1136.39C2711.56 1163.74 2638 1063.5 2620 1027c70.68 39.38 154.75 82.04 123.15 109.39z" class="Vector 39" />
<path fill="#F6BE46" d="M2740.63 1127.23c-17.81 21.33-62.5-43.39-67.13-58.73 14.77 2.88 84.93 37.39 67.13 58.73z" class="Vector 38" />
<circle cx="2727.5" cy="1114.5" r="11" fill="#15286E" class="Ellipse 47" />
</g>
<g class="rock-small">
<path fill="#EC4D27" stroke="#15286E" stroke-width="8" d="M3245.42 1345.03c-24.78 29.8-86.98-60.61-93.42-82.03 20.55 4.03 118.19 52.23 93.42 82.03z" class="Vector 37_2" />
<path fill="#B12C39" d="M3241.84 1345.63c-21.16 18.31-70.42-48.81-82.47-73.25 47.33 26.37 103.62 54.93 82.47 73.25z" class="Vector 39_2" />
<path fill="#F6BE46" d="M3240.14 1339.49c-11.92 14.29-41.85-29.05-44.95-39.32 9.89 1.93 56.88 25.04 44.95 39.32z" class="Vector 38_2" />
<circle cx="3231.35" cy="1330.97" r="7.366" fill="#15286E" class="Ellipse 47_2" />
</g>
<g class="rock-small_2">
<path fill="#EC4D27" stroke="#15286E" stroke-width="8" d="M542.417 511.033C517.64 540.833 455.441 450.425 449 429c20.551 4.028 118.194 52.233 93.417 82.033z" class="Vector 37_3" />
<path fill="#B12C39" d="M538.838 511.628c-21.156 18.313-70.418-48.811-82.472-73.253 47.332 26.371 103.627 54.939 82.472 73.253z" class="Vector 39_3" />
<path fill="#F6BE46" d="M537.145 505.494c-11.923 14.286-41.853-29.057-44.952-39.328 9.889 1.931 56.874 25.041 44.952 39.328z" class="Vector 38_3" />
<circle cx="528.354" cy="496.97" r="7.366" fill="#15286E" class="Ellipse 47_3" />
</g>
<g class="rock-big">
<path fill="#EC4D27" stroke="#15286E" stroke-width="8" d="M2751.44 885.771C2698.96 948.895 2567.2 757.384 2553.56 712c43.53 8.533 250.37 110.646 197.88 173.771z" class="Vector 37_4" />
<path fill="#B12C39" d="M2743.86 887.03c-44.81 38.793-149.16-103.394-174.7-155.171 100.26 55.862 219.52 116.379 174.7 155.171z" class="Vector 39_4" />
<path fill="#F6BE46" d="M2740.27 874.037c-25.25 30.262-88.65-61.551-95.22-83.308 20.95 4.091 120.48 53.045 95.22 83.308z" class="Vector 38_4" />
<circle cx="2721.65" cy="855.981" r="15.604" fill="#15286E" class="Ellipse 47_4" />
</g>
<g class="rock-big_2">
<path fill="#EC4D27" stroke="#15286E" stroke-width="8" d="M563.886 351.771C511.4 414.895 379.645 223.384 366 178c43.533 8.533 250.372 110.646 197.886 173.771z" class="Vector 37_5" />
<path fill="#B12C39" d="M556.303 353.03c-44.814 38.793-149.165-103.394-174.699-155.171 100.262 55.862 219.514 116.379 174.699 155.171z" class="Vector 39_5" />
<path fill="#F6BE46" d="M552.717 340.037c-25.256 30.262-88.656-61.551-95.221-83.308 20.947 4.091 120.477 53.045 95.221 83.308z" class="Vector 38_5" />
<circle cx="534.097" cy="321.981" r="15.604" fill="#15286E" class="Ellipse 47_5" />
</g>
</g>
<defs>
<clipPath id="clip0" class="clip0">
<path fill="#fff" d="M0 0h6776v1735H0z" />
</clipPath>
</defs>
</svg>
.ufo {
animation: float 2s alternate ease-in-out infinite;
}
.abduction {
animation: float 2.8s alternate ease-in-out infinite;
display: none;
}
.alien-head {
animation: head 2.8s alternate ease-in-out infinite;
}
@keyframes animate-cloud-horizontal {
0% {
transform: translateX(0px);
}
100% {
transform: translateX(calc(-100vw - 100%));
}
}
.cloud {
animation: animate-cloud-horizontal 2s linear infinite;
}
.cloud_2 {
animation: animate-cloud-horizontal 3s linear infinite;
}
@keyframes stars {
0% {
transform: translateX(0px);
opacity: 1;
}
100% {
transform: translateX(calc(-100vw - 100%));
opacity: 0.5;
}
}
.sky {
animation: stars 1s linear infinite;
}
@keyframes diagonal {
0% {
transform: translatex(-900px) translatey(-900px);
opacity: 1;
}
100% {
transform: translatex(1000px) translatey(1000px);
opacity: 0.5;
}
}
@keyframes diagonal-animation {
0% {
transform: translatex(-900px) translatey(-900px);
opacity: 1;
}
100% {
transform: translatex(1000px) translatey(1000px);
opacity: 0.5;
}
}
.rock-big,
.rock-big_2 {
animation: diagonal-animation 3s linear infinite;
}
.rock-medium {
animation: diagonal 0.9s linear infinite;
}
.rock-small,
.rock-small_2 {
animation: diagonal-animation 2s linear infinite;
}
@keyframes float {
0% {
transform: translate(0px, -300px) rotate(-5deg);
}
50% {
transform: translate(20px, 80px) rotate(2deg);
}
80% {
transform: translate(-50px, 20px) rotate(-10deg);
}
100% {
transform: translate(1200px, 1200px) rotate(5deg);
}
}
@keyframes head {
0% {
transform: translate(0px, 5px) rotate(0deg);
}
50% {
transform: translate(20px, 80px) rotate(0deg);
}
100% {
transform: translate(50px, 20px) rotate(1deg);
}
}
Also see: Tab Triggers