123

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

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

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

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

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

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

Auto-Updating Preview

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

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <p>HOVER ME</p>
<div id="container"></div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 358.2"><path fill="#5AACE5" d="M215.6 87.1H216.3s.1 0 .1.1c.1.1.2.2.4.2.2.2.3.4.3.6 0 .2-.2.7-.6 1.3-.4.7-1.5 2.4-3.3 5-4 6.2-7.7 11.9-10.9 17.2-5.5 9.2-8.3 13.8-8.4 13.9-.1.1-.1.1-.1.2s-.1.2-.2.2l-.4-.1-.7.2-.4-.1-.5.1h-.2l-1.5.2c-.9 0-1.4-.3-1.4-.9 0-.3.1-.6.2-.9.6-1.3 3.4-6.1 8.4-14.4-3.3.1-6.6.1-9.9.1h-5.8c-1 1.5-2.3 3.7-3.9 6.5-3.6 6.1-5.5 9.2-5.7 9.3-.2.1-.4.1-.6.1s-.3-.1-.4-.3c-.1-.2-.2-.3-.3-.3 0 0-.1 0-.3.1-.1.1-.4.1-.6.1h-.6l-.2-.2-.1.1c0 .1-.1.1-.2.1-.8 0-1.2-.3-1.2-1 0-.4.2-1 .5-1.7s.7-1.5 1.2-2.3c.5-.8 1.8-2.8 3.8-5.9 2.1-3.1 3.1-4.7 3.1-4.7-.3 0-.7 0-1.2-.1-.9 0-1.6 0-1.9-.1-1-.2-1.7-1-2.1-2.5-.2-.7-.3-1.2-.3-1.5 0-.5.2-.7.6-.7l.7.2c.4 0 1.2.1 2.6.1 1.4.1 2.4.1 3 .1l1.5-.1c2.3-3.7 5.2-7.8 8.4-12.5-2.4 1.9-5 2.9-7.9 2.9-1.4 0-2.6-.3-3.5-1-1-.7-1.5-1.5-1.5-2.5s.4-1.8 1.1-2.4c.8-.6 1.5-.9 2.2-.9s1 .1 1 .3c0 .1-.1.2-.3.2s-.3.2-.3.3c0 .3.3.5.9.8.6.2 1.3.3 2.1.3s1.8-.2 2.9-.7c1.2-.5 2.4-1.1 3.6-1.8 1.7-1 3.1-1.9 4.1-2.5.6-.3 1.1-.4 1.6-.4s.9.1 1.1.2c.2.1.4.2.5.4.1.1.2.3.4.5.1.2.2.3.4.4.1.1.2.2.2.3 0 .1-.1.3-.2.6s-.8 1.4-2.1 3.3c-1.2 1.9-2.8 4.4-4.8 7.4s-3.4 5.2-4.3 6.6c4.8 0 10-.1 15.6-.3 6.8-10.7 10.4-16.4 10.8-16.9.4-.5.7-.9 1-1 .3-.2.7-.2 1.1-.2l2.7.4zM226.7 105.1c1.4 0 2.1.5 2.1 1.4 0 .5-.1.9-.4 1.1-.2.2-.7 1-1.5 2.3s-1.6 3-2.5 5.1c-.9 2.1-1.5 3.8-1.8 5.3-.1.2-.1.4-.1.8 0 1 .3 1.5.8 1.5s1.2-.3 1.9-.8 1.4-1.1 2-1.7c.6-.6 1.1-1.2 1.7-1.8.6-.6.9-1 1-1.1.1-.1.3-.1.5-.1.3 0 .6.3.6.8.1.5.1 1.1.1 1.6s-.1.9-.2 1.2c-.5 1-1.7 2.3-3.5 3.7-1.8 1.4-3.4 2.2-4.8 2.2-1.5 0-2.5-.4-3.2-1.3-.7-.9-1-1.9-1-2.9 0-1.1.2-2 .5-2.8-1.5 1.9-3.2 3.6-5.2 5-1.9 1.4-3.5 2-4.8 2-1.2 0-2.2-.4-3-1.1-1-.9-1.5-2.2-1.5-3.8 0-1.6.4-3.3 1.1-4.9s1.7-3.2 2.9-4.5c1.2-1.4 2.5-2.6 3.9-3.7 3-2.3 5.8-3.5 8.3-3.5 1 0 1.8.2 2.4.5.6.3 1 .7 1.2 1.2.4-.6.8-1.1 1.1-1.2.3-.4.8-.5 1.4-.5zm-3.6 3c-3.1 0-6.3 1.7-9.6 5.1-1.2 1.2-2.3 2.7-3.2 4.4-1 1.7-1.5 2.9-1.5 3.5 0 .6.2.9.5.9.5 0 1.9-1 4.2-3 2.3-2 3.8-3.5 4.6-4.4.9-.9 2.5-3.1 5-6.5z"/><path fill="#5AACE5" d="M243.7 96.9l.5-.1c.3 0 .5.2.6.7.2.5.2.8.2.9 0 .2-.2.5-.5.9l-7.7 11.8c2.7-2.7 5.5-4.7 8.3-5.9 1.1-.5 2.1-.7 2.9-.7s1.6.3 2.1.9c.5.6.8 1.3.8 2.1s-.2 1.9-.7 3.1c-.5 1.2-1.1 2.6-1.9 4s-1.8 2.8-2.9 4.3c-1.1 1.4-2.3 2.7-3.6 3.9-1.3 1.2-2.6 2.1-4.1 2.8-1.5.7-2.8 1.1-3.9 1.1-2.3 0-3.4-1-3.4-3.1-2.1 3.2-4.5 7.1-7.3 11.5s-4.2 6.8-4.4 7c-.2.3-.4.4-.5.4s-.3-.1-.6-.2-.6-.4-.9-.8c-.3-.4-.5-.9-.5-1.7 0-.7.2-1.5.6-2.2 2.4-4.1 7.1-11.7 14.1-22.9s10.7-17 11.3-17.4c.3-.2.6-.3 1-.3l.5-.1zm2.3 12.4c0-.4-.2-.6-.5-.6-1 0-3 1.5-6.2 4.5-3.1 3-5.7 5.7-7.5 8.2.5.6 1.2.9 2.1.9s2.1-.5 3.6-1.5 2.8-2.2 4.1-3.5c1.2-1.4 2.3-2.8 3.2-4.3.8-1.5 1.2-2.7 1.2-3.7zM265.3 96.9l.5-.1c.3 0 .5.2.6.7.2.5.2.8.2.9 0 .2-.2.5-.5.9l-7.7 11.8c2.7-2.7 5.5-4.7 8.3-5.9 1.1-.5 2.1-.7 2.9-.7s1.6.3 2.1.9c.5.6.8 1.3.8 2.1s-.2 1.9-.7 3.1c-.5 1.2-1.1 2.6-1.9 4s-1.8 2.8-2.9 4.3c-1.1 1.4-2.3 2.7-3.6 3.9-1.3 1.2-2.6 2.1-4.1 2.8-1.5.7-2.8 1.1-3.9 1.1-2.3 0-3.4-1-3.4-3.1-2.1 3.2-4.5 7.1-7.3 11.5s-4.2 6.8-4.4 7c-.2.3-.4.4-.5.4s-.3-.1-.6-.2-.6-.4-.9-.8c-.3-.4-.5-.9-.5-1.7 0-.7.2-1.5.6-2.2 2.4-4.1 7.1-11.7 14.1-22.9s10.7-17 11.3-17.4c.3-.2.6-.3 1-.3l.5-.1zm2.4 12.4c0-.4-.2-.6-.5-.6-1 0-3 1.5-6.2 4.5-3.1 3-5.7 5.7-7.5 8.2.5.6 1.2.9 2.1.9s2.1-.5 3.6-1.5 2.8-2.2 4.1-3.5c1.2-1.4 2.3-2.8 3.2-4.3.8-1.5 1.2-2.7 1.2-3.7zM280.2 134.7c-.1.1-.4.5-.8 1.4-.5.8-1 1.7-1.5 2.5s-1.2 1.6-1.9 2.4c-.8.8-1.4 1.2-1.9 1.2-.5.1-.8.1-1 .1-1.7 0-2.5-.8-2.5-2.5 0-2 1-4.3 3.1-6.9.8-1 1.8-2.1 2.9-3.2l1.9-1.9s1.5-2.7 4.1-7.6c-1.7 1.9-3.3 3.4-4.8 4.6-1.5 1.2-2.9 1.8-4.3 2h-.2c-.7 0-1.4-.2-2.1-.7-.7-.5-1-1.3-1-2.4 0-1.7.5-3.4 1.4-5 .3-.6.9-1.5 1.7-2.8.8-1.3 1.5-2.6 2.2-3.9.6-1 1.3-2.1 2-3.5s1.2-2.3 1.6-2.8c.4-.6.7-.9 1-.9s.7.2 1.3.6c.5.4.8.9.8 1.4 0 .6-1.2 3-3.5 7.3-2.4 4.3-3.5 6.7-3.5 7.3 0 .1.1.2.2.2.5 0 1.6-.7 3.2-2.1 1.7-1.4 3.5-3.2 5.5-5.3 2.3-2.4 4-4.6 5.3-6.6.2-.3.3-.4.4-.6.1-.1.2-.3.4-.5s.3-.4.4-.5c.1-.1.2-.3.4-.4.1-.2.3-.3.4-.4.1-.1.2-.2.4-.3.2-.2.4-.3.7-.3s.6.1 1.1.2c.5.1.8.2.9.4.1.1.2.2.3.4.2.2.3.4.3.6 0 .2-.1.4-.2.7-.1.3-1 1.7-2.5 4.3-4.5 7.6-7.6 13.2-9.3 16.7 2.7-2.3 6.6-5.7 11.6-10.3.2-.2.4-.2.6-.2.6 0 .8.9.8 2.6 0 .5-.1.8-.3 1-5.8 3.9-10.9 8.6-15.6 13.7z"/><path fill="#A2C4E5" d="M309.2 130.7l5.2-52.8h14.1l-5.3 52.7-14 .1zM367.4 77.8l-5.3 52.8h-35l5.2-52.8h35.1zm-15.1 10.6h-7l-3.2 31.7h7l3.2-31.7zM406.3 77.8l-5.3 52.8h-35l5.2-52.8h35.1zm-15.1 10.6h-7l-3.2 31.7h7l3.2-31.7zM445.1 77.8l-5.3 52.8h-35l5.2-52.8h35.1zM430 88.4h-7l-3.2 31.7h7l3.2-31.7z"/><path fill="#5AACE5" d="M462.3 117l-.2-.8c0-.1.1-.3.2-.4l.6-.6c.2-.3.4-.5.5-.6l.4-.4c.2-.2.3-.3.5-.4.4-.3.6-.5.8-.5.1 0 .4-.1.8-.2 1.1-.4 2.1-.6 2.8-.8 4.6-7.7 8.3-13.7 11.1-18 2.8-4.3 4.4-6.7 4.8-7.2.4-.5 1.1-.9 2.1-1.2 1-.4 1.7-.5 2.2-.5.5 0 .7.2.7.6 0 .2-.1.4-.2.6-.1.3-1.1 1.9-3 4.8-6.9 10.8-11.3 17.8-13.2 21l.7.2c4.2-.8 6.4-1.2 6.5-1.2.2 0 .6.1 1.3.4.7.2 1.2.4 1.4.4.4.1.6.4.6 1s-.2.9-.6 1c-.3.1-1 .2-2.2.5s-2.1.5-2.8.7c1 1.1 1.4 2.3 1.4 3.6 0 1.3-.6 3-1.7 5.1-1.1 2.1-2.6 4.2-4.4 6.2s-3.6 4-5.6 5.8c-1.9 1.8-3.8 3.3-5.6 4.4-1.8 1.1-3.1 1.7-4 1.7s-1.6-.2-2.3-.7c-.7-.5-1-1.1-1-2 0-.9.2-2 .6-3.2.4-1.2.8-2.3 1.2-3.3.4-1 1.2-2.4 2.2-4.3 1.1-2 3.1-5.5 6.1-10.4-.5.1-.9.1-1.2.1s-.5-.1-.8-.2c-.2-.1-.4-.3-.5-.5-.1-.2-.2-.5-.2-.7zm7.6 11.6c1.3-1.6 2.5-3.2 3.4-4.9.9-1.7 1.4-3.1 1.4-4.2s-.5-2.1-1.6-2.9l-3 .7c-.3.5-.8 1.3-1.4 2.4-.6 1.1-1.2 2-1.6 2.7s-.9 1.6-1.6 2.7c-.6 1.1-1.2 2-1.6 2.7s-.9 1.6-1.4 2.5c-.5.9-.9 1.7-1.3 2.4s-.7 1.3-1 2c-.6 1.3-.9 2.1-.9 2.5 0 .4.1.6.3.6.4 0 1.1-.4 2.2-1.2s2.4-1.9 3.8-3.3c1.6-1.6 3-3.1 4.3-4.7zM502.1 105.1c.5 0 1.1.2 1.7.7.6.5.9 1.2.9 2.2 0 1-.4 2.3-1.1 3.9-.7 1.6-1.7 3.2-2.9 4.9s-2.6 3.2-4 4.7c-1.5 1.5-3.1 2.6-4.8 3.6-1.7.9-3.3 1.4-4.6 1.4s-2.5-.4-3.3-1.3c-.8-.9-1.3-2.1-1.3-3.7s.4-3.3 1.2-5.2c.8-1.9 1.8-3.6 3-5 1.2-1.5 2.5-2.8 3.9-3.9 2.9-2.4 5.5-3.5 7.7-3.5 1 0 1.7.2 2.2.7.2.2.3.3.3.4v.2c.2-.1.6-.1 1.1-.1zm-2.7 3.6h-.2c-.6 0-.9-.5-.9-1.4-1.3.4-2.7 1.2-4.1 2.3-1.4 1.1-2.7 2.4-3.9 3.8-2.3 3-3.5 5.5-3.5 7.5 0 1 .4 1.5 1.1 1.5s1.8-.5 3.3-1.5 2.9-2.4 4.3-4.2c1.4-1.8 2.5-3.4 3.2-4.7.7-1.3 1.1-2.2 1.1-2.7 0-.4-.2-.6-.4-.6zM528.8 85.8c.7.5 1 1.3 1 2.3s-.6 2.6-1.7 4.8c-1.1 2.2-2.5 4.4-4 6.6s-3.3 4.6-5.3 7.2c-3.1 4-6.2 7.6-9 10.8 0 .2-.1.6-.2 1.2s-.2 1.2-.2 1.8.3 1.1.8 1.6c.6.5 1.2.7 2 .7s1.7-.3 2.6-.9c.9-.6 1.7-1.2 2.4-1.9 1.8-1.9 2.9-2.8 3.4-2.8.4 0 .7.7.7 2v.5c0 .7-.1 1.2-.4 1.5-1.5 1.9-3.2 3.2-5.1 4.2-1.9.9-3.7 1.4-5.4 1.4s-3-.5-3.9-1.6c-.9-1-1.3-2.5-1.3-4.3 0-3.5.9-7.7 2.8-12.4s4-8.8 6.4-12.1c5.3-7.5 9.4-11.3 12.2-11.3.8 0 1.5.2 2.2.7zm-3.5 3.7c0-.3-.1-.4-.3-.4-.6 0-2.3 1.8-5 5.4s-4.6 6.5-5.8 8.6-2.3 4.8-3.4 8.1c2.1-2.5 5.1-6.5 8.8-11.8 3.8-5.3 5.7-8.6 5.7-9.9z"/><path fill="#5AACE5" d="M543.1 85.8c.7.5 1 1.3 1 2.3s-.6 2.6-1.7 4.8c-1.1 2.2-2.5 4.4-4 6.6s-3.3 4.6-5.3 7.2c-3.1 4-6.2 7.6-9 10.8 0 .2-.1.6-.2 1.2s-.2 1.2-.2 1.8.3 1.1.8 1.6c.6.5 1.2.7 2 .7s1.7-.3 2.6-.9c.9-.6 1.7-1.2 2.4-1.9 1.8-1.9 2.9-2.8 3.4-2.8.4 0 .7.7.7 2v.5c0 .7-.1 1.2-.4 1.5-1.5 1.9-3.2 3.2-5.1 4.2-1.9.9-3.7 1.4-5.4 1.4s-3-.5-3.9-1.6c-.9-1-1.3-2.5-1.3-4.3 0-3.5.9-7.7 2.8-12.4s4-8.8 6.4-12.1c5.3-7.5 9.4-11.3 12.2-11.3.8 0 1.5.2 2.2.7zm-3.5 3.7c0-.3-.1-.4-.3-.4-.6 0-2.3 1.8-5 5.4s-4.6 6.5-5.8 8.6-2.3 4.8-3.4 8.1c2.1-2.5 5.1-6.5 8.8-11.8 3.8-5.3 5.7-8.6 5.7-9.9z"/><path fill="#5AACE5" d="M551 105.1c.5 0 1.1.2 1.7.7.6.5.9 1.2.9 2.2 0 1-.4 2.3-1.1 3.9-.7 1.6-1.7 3.2-2.9 4.9s-2.6 3.2-4 4.7c-1.5 1.5-3.1 2.6-4.8 3.6-1.7.9-3.3 1.4-4.6 1.4s-2.5-.4-3.3-1.3c-.8-.9-1.3-2.1-1.3-3.7s.4-3.3 1.2-5.2c.8-1.9 1.8-3.6 3-5 1.2-1.5 2.5-2.8 3.9-3.9 2.9-2.4 5.5-3.5 7.7-3.5 1 0 1.7.2 2.2.7.2.2.3.3.3.4v.2c.2-.1.6-.1 1.1-.1zm-2.7 3.6h-.2c-.6 0-.9-.5-.9-1.4-1.3.4-2.7 1.2-4.1 2.3-1.4 1.1-2.7 2.4-3.9 3.8-2.3 3-3.5 5.5-3.5 7.5 0 1 .4 1.5 1.1 1.5s1.8-.5 3.3-1.5 2.9-2.4 4.3-4.2c1.4-1.8 2.5-3.4 3.2-4.7.7-1.3 1.1-2.2 1.1-2.7 0-.4-.2-.6-.4-.6zM581.1 105.6l-.3-1.3c0-.7.3-1.3.8-1.7.5-.4 1.2-.6 1.9-.6 1.5 0 2.3 1 2.3 2.9 0 1.4-.7 3.3-2.1 5.8-1.4 2.4-3 4.8-4.9 7.1s-3.8 4.3-5.9 6c-2.1 1.7-3.7 2.5-4.8 2.5s-1.9-.3-2.4-.9c-.5-.6-.7-1.2-.7-1.8 0-.6 0-1.1.1-1.6.2-1.8.7-3.5 1.5-5.1-1.9 2.5-4 4.8-6.2 6.8s-4.1 3-5.6 3c-.7 0-1.3-.2-1.7-.6-.4-.4-.7-1.2-.7-2.2 0-1 .6-3 1.9-5.8 1.2-2.9 2.4-5.2 3.6-6.9-.4.3-.8.4-1.1.4-.3 0-.7-.2-1-.5-.4-.4-.6-.6-.6-.8 0-.2.1-.5.4-.9s1.3-1.3 3.1-2.8c1.8-1.5 3-2.2 3.7-2.2s1.3.1 1.9.4c.6.3.9.6.9 1s-1.3 3-3.8 7.7-3.8 7.3-3.8 7.7c0 .1 0 .1.1.1.4 0 2.3-1.9 5.7-5.8 3.4-3.9 6.1-7 8-9.5.3-.5.7-.7 1.2-.7h.2l1.5-.3c.2 0 .5.1.7.3.2.2.3.3.3.5s-.3.8-1 1.9c-.6 1.2-1.7 3.3-3.1 6.6-1.4 3.2-2.2 5.5-2.2 6.8 0 .3.1.5.4.5.7 0 2.1-1.2 4.3-3.7 2.2-2.5 3.9-4.9 5.3-7.1 1.4-2.7 2.1-4.3 2.1-5.2zM602.3 105.4c0 1.2-.5 2.2-1.4 3.1-1 .9-2.1 1.4-3.3 1.4-.4 0-.7-.1-.8-.3-.1-.2-.2-.4-.2-.7 0-.3 0-.6.1-.9-.6.2-1.4.6-2.2 1-.8.5-1.8 1.1-2.9 2-1.2.9-1.7 1.5-1.7 2 0 .1.2.2.6.2.4 0 1.1-.1 2-.4.9-.3 1.5-.4 1.9-.4.4 0 .6 0 .7.1.2.1.5.4.8.8.3.4.4.8.4 1s-.2.6-.7 1c-.5.4-1 .7-1.6.9-.6.2-1 .4-1.2.5-3.8 2.1-5.7 3.6-5.7 4.4 0 1.4 1.2 2.1 3.6 2.1 1.5 0 3.1-.5 4.6-1.5 1.3-.8 2.5-1.7 3.6-2.5 1.1-.9 1.7-1.4 2-1.6.3-.2.5-.3.6-.3.5 0 .7.5.7 1.6 0 1-.1 1.7-.2 2.1-.1.3-.5.7-1.1 1.2-3.9 3.1-7.5 4.7-11 4.7-1.8 0-3.3-.3-4.4-.8-2-.9-3-2.3-3-4.2 0-2.5 1.7-4.4 5.2-5.7-.7-.3-1.1-.7-1.3-1.2-.2-.5-.3-1.2-.3-2.3 0-1.1.5-2.2 1.5-3.4 1-1.2 2.2-2.2 3.6-2.9 3.2-1.7 6-2.6 8.5-2.6.6 0 1.2.1 1.8.4.5.3.8.7.8 1.2z"/><path fill="#5AACE5" d="M610.1 110.9c4.3-4.8 7.9-7.3 10.9-7.3.7 0 1.3.2 1.8.7.5.4.7 1 .7 1.7s-.5 1.9-1.5 3.5c-1 1.7-1.9 3-2.8 4.2-.5.6-1 .9-1.5.9s-1-.2-1.3-.6c-.3-.4-.5-.9-.5-1.5 0-1.2.7-2.7 2-4.2l-.1-.1c-.6.1-2.1 1.2-4.4 3.5-2.4 2.3-4.4 4.3-6 6.2-1.7 1.8-3.4 4-5.4 6.6-.6.8-1 1.2-1.4 1.2-.4 0-.9-.1-1.5-.4s-1-.4-1.2-.5c-.1-.1-.2-.3-.2-.5 0-.3.1-.5.2-.9.1-.3.4-.8.8-1.4.4-.6 1-1.6 1.8-3s2-3.4 3.7-6.2c1.7-2.8 2.7-4.5 3-5 .7-1.2 1.2-2.1 1.7-2.6.8-1 2.2-1.5 4.1-1.5.4 0 .6.3.6.8 0 .8-.8 2.4-2.4 4.8l-1.1 1.6zM623.6 120.3v.4c0 .5.2.8.5 1.2.3.3.7.5.9.5 2.2 0 4.1-.3 5.8-1 1.7-.6 2.5-1.3 2.5-1.9 0-.3-.3-.6-.9-.8-.6-.2-1.6-.5-3.1-.8-1.4-.3-2.5-.6-3.1-.8-.7-.2-1.2-.4-1.5-.5-.4-.2-.8-.4-1.2-.7-.8-.6-1.3-1.5-1.3-2.7s.4-2.4 1.3-3.5c.9-1.2 2-2.2 3.3-3 1.3-.8 2.7-1.6 4.3-2.2 3-1.2 5.5-1.9 7.6-1.9 2 0 3.2.4 3.7 1.3.1.3.2.6.2 1v.2c0 1-.2 1.7-.6 2.2-.4.5-1 1-1.9 1.5s-1.6.6-2.1.6-.8 0-1-.1l-.3-.3-.3-.3c-.1-.1-.2-.2-.2-.4s.1-.4.3-.7c.2-.2.3-.5.4-.7-1.2.1-2.4.3-3.7.8s-2.4 1.1-3.3 1.7-1.7 1.2-2.3 1.8-.9 1-.9 1.2c0 .3.4.5 1.2.6 3.7.7 6.2 1.4 7.4 1.9 1.2.5 2 1.2 2.4 1.8.5.7.7 1.3.7 1.9 0 1.2-.5 2.2-1.4 3.3-.9 1-2.1 1.9-3.4 2.5-2.9 1.4-5.4 2.1-7.6 2.1-2.2 0-3.6-.3-4.5-1s-1.2-1.4-1.2-2.3.2-1.7.7-2.5c.5-.8 1.1-1.2 1.8-1.2s.8.4.8.8zM643.4 125.8c0-1.1.5-2.2 1.4-3.1 1-.9 2-1.4 3-1.4s1.6.5 1.6 1.6-.5 2.1-1.4 3.1c-1 1-2 1.5-3 1.5s-1.6-.6-1.6-1.7zM670 84.9l2.1.3c.5 0 .7.1.7.4 0 .1 0 .2-.1.4-5.6 8.2-11.8 17.9-18.7 29-.4.6-.7 1-1.1 1.1h-.1l-.1.1s-.1.1-.2.1c-.3.1-.6.2-.9.2-.4 0-.6.1-.8.2-.1.1-.4.2-.8.2-.7 0-1-.3-1-1 0-1.2 1.5-4.3 4.6-9.3 3.1-5 6.1-9.6 9.1-13.9 3-4.3 4.9-6.7 5.7-7.4.2-.3.8-.4 1.6-.4zM158.9 196.2l3.5-35.1h10.8l-.5 5.4h5.5l-.8 8.1h-5.5l-1.4 13.5h5.4l-.8 8.1h-16.2zM178.2 196.2l3.5-35.2H179l.8-8h13.6l-1.4 13.5h16.2l-4.1 40.7h-10.8l3.3-32.6H191l-2.1 21.7h-10.7zM238.2 166.5l-3 29.8h-10.8l.6-5.5-6.1 5.4h-10.8l3-29.7h27.1zm-11.6 8.1h-5.4l-1.4 13.5h5.5l1.3-13.5zM268.1 166.5l-3 29.8h-10.8l2.2-21.7H251l-2.1 21.7h-10.7l3-29.7h26.9zM268.1 196.2l3.5-35.2h-2.7l.8-8h13.6l-2.4 24.4 6.5-10.9h10.9l-6.6 10.9h5.5l-3 29.8h-10.8l2.2-21.7h-5.5l-1.1 10.8h-10.9zM343.5 166.5l-4.1 40.6h-27l.8-8h16.2l.3-2.7h-16.2l3-29.8h10.8l-2.2 21.6h5.4l2.2-21.6 10.8-.1zM373.5 166.5l-3 29.8h-26.9l3-29.7h26.9zm-11.7 8.1h-5.4l-1.4 13.5h5.4l1.4-13.5zM373.4 196.2l3-29.7h10.7l-2.2 21.7h5.5l2.2-21.7 10.8.1-3 29.7h-27zM448.8 166.4l-.8 8.2h-16.2l-.3 2.7h16.3l-1.9 18.9h-27l.8-8h16.2l.3-2.7-16.2-.1 1.9-19h26.9zM478.7 166.5l-3 29.8h-26.9l3-29.7h26.9zm-11.6 8.1h-5.4l-1.4 13.5h5.4l1.4-13.5zM540.3 166.5l-4.1 40.6h-10.8l3.2-32.5h-5.4l-2.2 21.7h-10.7l2.2-21.7H507l-2.1 21.7h-10.7l3-29.7h43.1zM540.2 196.2l3-29.7h10.7l-2.2 21.7h5.5l2.2-21.7 10.8.1-3 29.7h-27zM600.2 166.5l-1.1 10.7h-10.9l.3-2.6H583l-1.4 13.5h5.4l.3-2.7h10.9l-1.1 10.9h-27l3-29.7h27.1zM600.2 196.2l3.5-35.2H601l.8-8h13.6l-1.4 13.5h16.2l-4.1 40.7h-10.8l3.3-32.6H613l-2.1 21.7h-10.7zM631.1 188.1h10.8l-.8 8.2h-10.8l.8-8.2zm.3-2.7h10.8l5.5-29.8h-13.4l-2.9 29.8z"/><path fill="#F25AAA" d="M270.2 262.6c-.1.1-.3.5-.7 1.2s-.8 1.4-1.3 2.2-1 1.4-1.7 2.1-1.2 1-1.7 1.1-.7.1-.9.1c-1.4 0-2.2-.7-2.2-2.2 0-1.7.9-3.7 2.6-6 .7-.9 1.5-1.8 2.5-2.8l1.7-1.7s1.3-2.3 3.5-6.6c-1.5 1.6-2.9 3-4.2 4s-2.5 1.6-3.7 1.7h-.2c-.6 0-1.2-.2-1.8-.6s-.9-1.1-.9-2.1c0-1.5.4-2.9 1.2-4.3.3-.5.8-1.3 1.5-2.5s1.3-2.3 1.9-3.4c.6-.9 1.1-1.9 1.7-3s1-2 1.4-2.4.6-.7.9-.7.6.2 1.1.5.7.8.7 1.3-1 2.6-3.1 6.3-3.1 5.8-3.1 6.4c0 .1.1.2.2.2.4 0 1.4-.6 2.8-1.8s3-2.7 4.8-4.6c2-2.1 3.5-4 4.6-5.7.1-.2.3-.4.3-.5s.2-.3.3-.5.2-.3.3-.5.2-.2.3-.4.2-.3.3-.3.2-.2.3-.2c.2-.2.4-.2.6-.2s.5 0 1 .1.7.2.8.3l.3.3c.2.2.2.3.2.5s-.1.3-.2.6-.9 1.5-2.2 3.7c-3.9 6.6-6.6 11.4-8.1 14.4 2.4-2 5.7-5 10-8.9.2-.1.3-.2.5-.2.5 0 .7.7.7 2.2 0 .4-.1.7-.2.9-4.3 3.6-8.7 7.6-12.8 12z"/><path fill="#F25AAA" d="M297.7 237c.5 0 .9.2 1.4.6s.7 1.1.7 1.9-.3 2-.9 3.4-1.4 2.8-2.5 4.2-2.2 2.8-3.5 4-2.6 2.3-4.1 3.1-2.8 1.2-4 1.2-2.2-.4-2.9-1.1-1.1-1.8-1.1-3.2.3-2.8 1-4.5 1.5-3.1 2.6-4.3 2.2-2.4 3.4-3.4c2.5-2 4.8-3.1 6.7-3.1.9 0 1.5.2 1.9.6.2.1.2.3.2.4v.1c.3.1.7.1 1.1.1zm-2.3 3.1h-.2c-.5 0-.8-.4-.8-1.2-1.1.4-2.3 1-3.6 2s-2.4 2-3.4 3.3c-2 2.6-3 4.7-3 6.5 0 .9.3 1.3 1 1.3s1.6-.4 2.9-1.3 2.5-2 3.8-3.6 2.2-2.9 2.8-4.1.9-1.9.9-2.3-.2-.6-.4-.6zM319.2 247.5c.3 0 .5.2.5.7s.1.9.1 1.4 0 .8-.1 1c-.5.9-1.4 1.9-3 3.2s-3 1.9-4.4 1.9c-.8 0-1.6-.3-2.3-.8s-1.1-1.4-1.1-2.7.3-2.5 1-3.7c-3.9 4.9-6.9 7.3-9.1 7.3-.9 0-1.6-.3-2.1-.9s-.8-1.3-.8-1.9.1-1.4.3-2.1.4-1.3.6-1.9.5-1.3.9-2.1l.9-1.8s.5-.9 1-1.7 1-1.8 1.8-3.1 1.3-2.2 1.8-2.8.9-.9 1.4-.9.9.2 1.2.6.5.7.5.9-.5 1.3-1.6 3.2c-3.1 5.6-4.6 8.9-4.6 9.8 0 .2.1.4.3.4.8 0 2.6-1.6 5.6-4.9s4.7-5.3 5.2-6.2.9-1.7 1.4-2.3.8-1 1-1.1c.7-.4 1.5-.7 2.6-.7h.4s.2.1.3.4.2.4.2.6c-.1.4-.8 1.6-1.9 3.5s-1.7 3-1.8 3.2c-1.8 3.8-2.8 6.3-2.8 7.5 0 .7.2 1 .8 1 .9-.1 2-.9 3.3-2.2.5-.5.9-1 1.4-1.5s.7-.8.9-.9.1-.4.2-.4zM331.7 223.5c.8 0 1.4.2 1.8.7s.6 1 .6 1.8-.3 1.5-.8 2.2-1.3 1.4-2.3 2.2-1.8 1.2-2.3 1.2-.8-.1-1-.3-.3-.3-.5-.3-.2-.2-.2-.4.1-.4.2-.5.4-.5.9-1.2.8-1.2.9-1.4c-.2-.2-.4-.6-.4-1.1s.3-1.1.9-1.7 1.4-1.2 2.2-1.2zM333.2 242c3.7-4.2 6.8-6.3 9.4-6.3.6 0 1.2.2 1.6.6s.6.9.6 1.5-.4 1.6-1.3 3.1-1.7 2.6-2.4 3.6c-.4.5-.8.8-1.3.8s-.9-.2-1.1-.5-.4-.8-.4-1.3c0-1.1.6-2.3 1.7-3.7-.5 0-1.8 1.1-3.8 3s-3.8 3.8-5.2 5.3-3 3.5-4.7 5.7c-.5.7-.9 1-1.2 1s-.8-.1-1.3-.3-.9-.4-1-.5-.2-.2-.2-.5.1-.5.2-.8.4-.7.7-1.2.8-1.4 1.5-2.6 1.7-3 3.2-5.4 2.3-3.9 2.6-4.4c.6-1 1.1-1.8 1.5-2.2.7-.9 1.9-1.3 3.6-1.3.4 0 .6.2.6.7 0 .7-.7 2.1-2 4.1l-1.3 1.6zM358.4 237.3c0 1-.4 1.9-1.3 2.7s-1.8 1.2-2.8 1.2c-.3 0-.6-.1-.7-.2s-.2-.4-.2-.6 0-.5.1-.8c-.6.2-1.2.5-1.9.9s-1.5 1-2.5 1.7-1.5 1.3-1.5 1.7c0 .1.2.2.6.2s.9-.1 1.7-.4 1.3-.4 1.6-.4h.6c.2.1.4.3.7.7s.4.7.4.9-.2.5-.6.8-.9.6-1.4.8-.9.3-1 .4c-3.3 1.8-4.9 3.1-4.9 3.8 0 1.2 1 1.8 3.1 1.8 1.3 0 2.7-.4 4-1.3 1.1-.7 2.2-1.4 3.1-2.2s1.5-1.2 1.7-1.4.4-.3.6-.3c.4 0 .6.5.6 1.4s-.1 1.5-.2 1.8-.4.6-.9 1.1c-3.3 2.7-6.5 4.1-9.5 4.1-1.6 0-2.9-.2-3.8-.7-1.8-.8-2.6-2-2.6-3.7 0-2.2 1.5-3.8 4.5-4.9-.6-.3-1-.6-1.1-1s-.3-1.1-.3-2 .4-1.9 1.3-2.9 1.9-1.9 3.1-2.5c2.8-1.5 5.2-2.2 7.4-2.2.5 0 1 .1 1.6.4s.5.6.5 1.1zM385.4 237c1.2 0 1.8.4 1.8 1.2 0 .4-.1.8-.3 1s-.6.9-1.3 2-1.4 2.6-2.2 4.4-1.3 3.3-1.6 4.6c0 .2-.1.4-.1.7 0 .9.2 1.3.7 1.3s1-.2 1.7-.7 1.2-.9 1.7-1.4 1-1 1.5-1.6.8-.8.9-.9.2-.1.4-.1c.3 0 .5.2.5.7s.1.9.1 1.4 0 .8-.1 1c-.5.9-1.4 2-3 3.2s-2.9 1.9-4.2 1.9-2.2-.4-2.8-1.1-.9-1.6-.9-2.5.2-1.7.5-2.4c-1.3 1.7-2.8 3.1-4.5 4.3s-3.1 1.8-4.1 1.8-1.9-.3-2.6-1c-.9-.8-1.3-1.9-1.3-3.3s.3-2.8.9-4.3 1.5-2.7 2.5-3.9 2.2-2.3 3.4-3.2c2.6-2 5-3 7.2-3 .8 0 1.5.1 2.1.4s.9.6 1 1.1c.4-.6.7-.9.9-1.1s.7-.5 1.2-.5zm-3.2 2.6c-2.7 0-5.4 1.5-8.3 4.5-1 1.1-1.9 2.3-2.8 3.8s-1.3 2.5-1.3 3 .2.8.5.8c.4 0 1.7-.9 3.7-2.6s3.3-3 4-3.8c.7-.9 2.1-2.8 4.2-5.7z"/><path fill="#F25AAA" d="M411.4 237.4l-.3-1.1c0-.6.2-1.1.7-1.5s1-.6 1.7-.6c1.3 0 2 .8 2 2.5 0 1.2-.6 2.9-1.8 5s-2.6 4.2-4.2 6.1-3.3 3.7-5.1 5.2-3.2 2.2-4.2 2.2-1.7-.3-2.1-.8-.6-1-.6-1.5 0-1 .1-1.4c.2-1.5.6-3 1.3-4.4-1.7 2.2-3.5 4.2-5.4 5.9s-3.5 2.6-4.8 2.6c-.6 0-1.1-.2-1.5-.6s-.6-1-.6-1.9.5-2.6 1.6-5.1 2.1-4.5 3.1-6c-.4.2-.7.3-.9.3s-.6-.2-.9-.5-.5-.5-.5-.7.1-.4.4-.8 1.1-1.1 2.7-2.4 2.6-1.9 3.2-1.9 1.1.1 1.7.3.8.5.8.9-1.1 2.6-3.3 6.7-3.3 6.3-3.3 6.6v.1c.3 0 2-1.7 4.9-5s5.3-6.1 6.9-8.2c.2-.4.6-.6 1.1-.6h.2l1.3-.3c.2 0 .4.1.6.2s.3.3.3.4-.3.7-.8 1.7-1.5 2.9-2.7 5.7-1.9 4.7-1.9 5.9c0 .3.1.4.3.4.6 0 1.8-1.1 3.7-3.2s3.4-4.2 4.6-6.2 1.7-3.2 1.7-4zM429.7 237.3c0 1-.4 1.9-1.3 2.7s-1.8 1.2-2.8 1.2c-.3 0-.6-.1-.7-.2s-.2-.4-.2-.6 0-.5.1-.8c-.6.2-1.2.5-1.9.9s-1.5 1-2.5 1.7-1.5 1.3-1.5 1.7c0 .1.2.2.6.2s.9-.1 1.7-.4 1.3-.4 1.6-.4h.6c.2.1.4.3.7.7s.4.7.4.9-.2.5-.6.8-.9.6-1.4.8-.9.3-1 .4c-3.3 1.8-4.9 3.1-4.9 3.8 0 1.2 1 1.8 3.1 1.8 1.3 0 2.7-.4 4-1.3 1.1-.7 2.2-1.4 3.1-2.2s1.5-1.2 1.7-1.4.4-.3.6-.3c.4 0 .6.5.6 1.4s-.1 1.5-.2 1.8-.4.6-.9 1.1c-3.3 2.7-6.5 4.1-9.5 4.1-1.6 0-2.9-.2-3.8-.7-1.8-.8-2.6-2-2.6-3.7 0-2.2 1.5-3.8 4.5-4.9-.6-.3-1-.6-1.1-1s-.3-1.1-.3-2 .4-1.9 1.3-2.9 1.9-1.9 3.1-2.5c2.8-1.5 5.2-2.2 7.4-2.2.5 0 1 .1 1.6.4s.5.6.5 1.1z"/><path fill="#F25AAA" d="M431.4 250.1v.4c0 .4.1.7.4 1s.6.4.8.4c1.9 0 3.5-.3 5-.8s2.2-1.1 2.2-1.7c0-.3-.3-.5-.8-.7s-1.4-.4-2.6-.7-2.1-.5-2.7-.7-1-.3-1.3-.5-.7-.3-1-.6c-.7-.5-1.1-1.3-1.1-2.3s.4-2 1.1-3 1.7-1.9 2.8-2.6 2.4-1.4 3.7-1.9c2.6-1.1 4.8-1.6 6.5-1.6 1.7 0 2.8.4 3.2 1.1.1.3.2.6.2.9v.2c0 .8-.2 1.5-.5 1.9s-.9.9-1.7 1.3-1.4.6-1.8.6-.7 0-.8-.1-.2-.1-.3-.2-.2-.2-.3-.2-.2-.2-.2-.4.1-.4.2-.6.3-.4.3-.6c-1 0-2.1.3-3.2.7s-2.1.9-2.9 1.4-1.5 1-2 1.5-.8.8-.8 1.1.4.4 1.1.6c3.2.6 5.4 1.2 6.4 1.7s1.7 1 2.1 1.6.6 1.1.6 1.6c0 1-.4 1.9-1.2 2.8s-1.8 1.6-3 2.2c-2.5 1.2-4.7 1.9-6.6 1.9s-3.2-.3-3.9-.9-1.1-1.2-1.1-2 .2-1.5.6-2.2.9-1 1.5-1 1.1.1 1.1.4zM462.4 237c.5 0 .9.2 1.4.6s.7 1.1.7 1.9-.3 2-.9 3.4-1.4 2.8-2.5 4.2-2.2 2.8-3.5 4-2.6 2.3-4.1 3.1-2.8 1.2-4 1.2-2.2-.4-2.9-1.1-1.1-1.8-1.1-3.2.3-2.8 1-4.5 1.5-3.1 2.6-4.3 2.2-2.4 3.4-3.4c2.5-2 4.8-3.1 6.7-3.1.9 0 1.5.2 1.9.6.2.1.2.3.2.4v.1c.3.1.6.1 1.1.1zm-2.4 3.1h-.2c-.5 0-.8-.4-.8-1.2-1.1.4-2.3 1-3.6 2s-2.4 2-3.4 3.3c-2 2.6-3 4.7-3 6.5 0 .9.3 1.3 1 1.3s1.6-.4 2.9-1.3 2.5-2 3.8-3.6 2.2-2.9 2.8-4.1.9-1.9.9-2.3-.1-.6-.4-.6zM464.1 255h-1.5c-.2 0-.3-.1-.5-.3s-.3-.2-.4-.3-.1-.2-.1-.3.1-.4.2-.9c3-6.7 6-12.1 8.8-16.1.3-.4.8-.8 1.5-1s1.4-.3 2-.3c.4 0 .6.3.6.9 0 .2-.1.4-.2.7s-.4.8-.9 1.4-1.1 1.4-1.8 2.2-1.1 1.3-1.2 1.5c2.1-2.2 4.1-3.9 5.8-5s3-1.6 3.8-1.6 1.4.2 1.8.7.6.9.6 1.4 0 .9-.1 1.3-.2.7-.4 1.1-.3.7-.5.9-.4.6-.7 1-.5.7-.6.9-.4.5-.7.9-.6.7-.6.7c.4-.4 1-1.1 1.8-1.9s1.4-1.6 2-2.2l2-2s1.6-1.3 2.3-1.8c1.7-1.1 3.4-1.6 5.1-1.6.6 0 1.1.2 1.5.6s.6.8.6 1.3-.6 1.8-1.9 3.8-2.5 4-3.8 6-1.9 3.2-1.9 3.8c0 .7.1 1.1.4 1.3s.6.2 1 .2.9-.3 1.6-.7 1.3-.9 1.8-1.4c.9-.8 1.7-1.5 2.4-2.3.2-.1.3-.2.5-.2.3 0 .5.2.5.7s.1.9.1 1.4 0 .8-.1 1c-.5.9-1.5 1.9-3 3.2s-3 1.9-4.5 1.9h-.4c-1.6-.2-2.7-.6-3.3-1.3s-.9-1.6-.9-2.6.3-2.2 1-3.6 1.4-2.7 2.2-3.9 1.6-2.2 2.2-3.1 1-1.4 1-1.5-.1-.1-.2-.1c-.5 0-1.6.8-3.2 2.3-2.9 2.7-5.3 5.2-7.4 7.7-.5.7-1.8 2.3-3.9 5-.2.3-.6.5-1.1.5s-1-.1-1.6-.3-.8-.4-.8-.8c0-.2 1.2-2.3 3.7-6.6s3.7-6.5 3.7-6.9-.2-.6-.7-.6-1.4.7-2.8 2.1c-4 3.8-7 7.5-9.2 11.3-.1.2-.4.6-.8 1s-.7.5-.8.5z"/><path fill="#F25AAA" d="M509.4 237.3c0 1-.4 1.9-1.3 2.7s-1.8 1.2-2.8 1.2c-.3 0-.6-.1-.7-.2s-.2-.4-.2-.6 0-.5.1-.8c-.6.2-1.2.5-1.9.9s-1.5 1-2.5 1.7-1.5 1.3-1.5 1.7c0 .1.2.2.6.2s.9-.1 1.7-.4 1.3-.4 1.6-.4h.6c.2.1.4.3.7.7s.4.7.4.9-.2.5-.6.8-.9.6-1.4.8-.9.3-1 .4c-3.3 1.8-4.9 3.1-4.9 3.8 0 1.2 1 1.8 3.1 1.8 1.3 0 2.7-.4 4-1.3 1.1-.7 2.2-1.4 3.1-2.2s1.5-1.2 1.7-1.4.4-.3.6-.3c.4 0 .6.5.6 1.4s-.1 1.5-.2 1.8-.4.6-.9 1.1c-3.3 2.7-6.5 4.1-9.5 4.1-1.6 0-2.9-.2-3.8-.7-1.8-.8-2.6-2-2.6-3.7 0-2.2 1.5-3.8 4.5-4.9-.6-.3-1-.6-1.1-1s-.3-1.1-.3-2 .4-1.9 1.3-2.9 1.9-1.9 3.1-2.5c2.8-1.5 5.2-2.2 7.4-2.2.5 0 1 .1 1.6.4s.5.6.5 1.1z"/></svg>
            
          
!
            
              body {
  margin: 0;
background: #4f1bc6; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #4f1bc6 0%, #b618ac 45%, #b618ac 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#4f1bc6), color-stop(45%,#b618ac), color-stop(100%,#b618ac)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #4f1bc6 0%,#b618ac 45%,#b618ac 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #4f1bc6 0%,#b618ac 45%,#b618ac 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #4f1bc6 0%,#b618ac 45%,#b618ac 100%); /* IE10+ */
background: linear-gradient(135deg,  #4f1bc6 0%,#b618ac 45%,#b618ac 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f1bc6', endColorstr='#b618ac',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  width: 100vw;
  height: 100vh;
}

p {
  position: absolute;
  color: #F28F94;
  text-align: center;
  width: 100%;
  opacity: 0.7;
}

canvas {
  display: block;
  vertical-align: bottom;
}

#container {
  position: absolute;
  opacity: 0.7;
  width: 100%;
  height: 100%;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

svg {
  width: 60%;
  height: 100%;
  margin: 0 auto;
  display: table;
}

svg path {
  perspective: 600;
  position: absolute;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  z-index: 1000;
  transform-origin: 50% 50%;
}

svg path:nth-child(even) {
  animation: flipin 2.5s ease-out;
}

svg path:nth-child(odd) {
  animation: flipinalt 2.5s ease-out;
}

@keyframes flipin {
  0% {
    transform: rotateY(180deg) rotateX(540deg)
   translateZ(600px);
    opacity: 0.4;
  }
  10% { opacity: 1; }
  30% { opacity: 0.4; }
  50% { opacity: 1; }
  100% {
    transform: rotateY(0) translateZ(0px);
  }
}

@keyframes flipinalt {
  0% {
    transform: rotateY(-180deg) rotateX(-720deg)
   translateZ(600px);
    opacity: 0.25;
  }
  10% { opacity: 1; }
  30% { opacity: 0.25; }
  50% { opacity: 1; }
  100% {
    transform: rotateY(0) translateZ(0px);
  }
}
            
          
!
            
              particlesJS("container", {
  "particles": {
    "number": {
      "value": 200,
      "density": {
        "enable": true,
        "value_area": 1122.385068270074
      }
    },
    "color": {
      "value": "#51a5e1"
    },
    "shape": {
      "type": "star",
      "stroke": {
        "width": 0,
        "color": "#a08e8e"
      },
      "polygon": {
        "nb_sides": 5
      },
      "image": {
        "src": "",
        "width": 100,
        "height": 100
      }
    },
    "opacity": {
      "value": 0.0004,
      "random": true,
      "anim": {
        "enable": false,
        "speed": 1,
        "sync": false
      }
    },
    "size": {
      "value": 3,
      "random": true,
      "anim": {
        "enable": false,
        "speed": 40,
        "size_min": 0.1,
        "sync": false
      }
    },
    "line_linked": {
      "enable": false
    },
    "move": {
      "enable": true,
      "speed": 6,
      "direction": "right",
      "random": false,
      "straight": false,
      "out_mode": "bounce",
      "bounce": false,
      "attract": {
        "enable": false,
        "rotateX": 1500,
        "rotateY": 1200
      }
    }
  },
  "interactivity": {
    "detect_on": "canvas",
    "events": {
      "onhover": {
        "enable": true,
        "mode": "bubble"
      },
      "onclick": {
        "enable": true,
        "mode": "push"
      },
      "resize": true
    },
    "modes": {
      "grab": {
        "distance": 400,
        "line_linked": {
          "opacity": 1
        }
      },
      "bubble": {
        "distance": 400,
        "size": 40,
        "duration": 2,
        "opacity": 8,
        "speed": 3
      },
      "repulse": {
        "distance": 200,
        "duration": 0.4
      },
      "push": {
        "particles_nb": 4
      },
      "remove": {
        "particles_nb": 2
      }
    }
  },
  "retina_detect": true
});
var count_particles, stats, update;
count_particles = document.querySelector('.js-count-particles');
update = function() {
  if (window.pJSDom[0].pJS.particles && window.pJSDom[0].pJS.particles.array) {
    count_particles.innerText = window.pJSDom[0].pJS.particles.array.length;
  }
  requestAnimationFrame(update);
};
requestAnimationFrame(update);
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console