Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

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

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

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

+ add another resource

Packages

Add Packages

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

Behavior

Save Automatically?

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

Auto-Updating Preview

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

Format on Save

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

Editor Settings

Code Indentation

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

Visit your global Editor Settings.

HTML

              
                    <div class="wrapper">
        <div class="bird">
            <div class="line">
                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="64.3px" height="72.2px" viewBox="0 0 64.3 72.2" enable-background="new 0 0 64.3 72.2" xml:space="preserve">
                    <defs>
                    </defs>
                    <g>
                        <path class="wing" d="M41.6,37.6c-0.5-0.1-1.1,0.2-1.2,0.8c-0.1,0.5,0.2,1.1,0.8,1.2c1.3,0.3,2.5,2.2,2.9,4.3
            c0.2,0.9-0.3,2.3-1.1,3.4c-0.9,1.1-2,1.9-2.9,2c-1.3,0.1-2.3-2.5-2.6-4c0-0.1,0-0.2-0.1-0.3c-0.1-0.5-0.7-0.9-1.2-0.8
            c-0.5,0.1-0.9,0.6-0.8,1.2c0,0.1,0,0.1,0.1,0.3c0.2,1.4-0.2,3-1.2,4.3c-1,1.4-2.5,2.3-3.9,2.4c-0.6,0.1-1-0.1-1.4-0.4
            c-0.9-0.9-1-2.9-0.9-3.7c0-0.5-0.3-0.9-0.8-1c-0.5-0.1-1,0.2-1.1,0.6c0,0-1.5,4.1-4.4,4.9c-1,0.3-1.4-0.1-1.6-0.2
            c-1-0.8-1.1-3.3-1.1-4.1c0-1.4,1.8-2.6,2.6-3c0.5-0.3,0.7-0.9,0.4-1.3c-0.3-0.5-0.9-0.7-1.3-0.4c-0.4,0.2-3.7,2-3.7,4.9
            c0.1,2,0.3,4.4,1.9,5.6c0.6,0.4,1.3,0.7,2.1,0.7c0.4,0,0.8-0.1,1.2-0.2c1.9-0.5,3.3-1.9,4.3-3.2c0.2,0.7,0.6,1.4,1.1,1.9
            c0.8,0.7,1.8,1.1,2.9,1c2-0.2,4-1.4,5.4-3.2c0.4-0.6,0.8-1.2,1-1.8c0.8,1.1,1.8,2,3.3,1.9c1.5-0.2,3.1-1.2,4.3-2.8
            c1.2-1.6,1.8-3.4,1.5-4.9C45.5,40.5,43.7,38,41.6,37.6z" />
                        <path class="eye" d="M40,27.5L40,27.5c0.2,0,0.5,0,0.7-0.1c1-0.2,2-0.9,2.5-1.9c0.4-0.8,0.5-1.7,0.3-2.4
            c-0.6-1.4-3.1-1.9-4.3-1.9c-0.4,0-0.7,0-1,0.1c-0.2,0-0.3,0.1-0.4,0.2c-0.6,0.6-1.4,1.9-0.7,3.5C37.6,26.2,38.2,27.5,40,27.5z
             M39,23.2c0,0,0.1,0,0.2,0c1,0,2.2,0.4,2.4,0.6c0,0.1,0,0.4-0.2,0.7c-0.1,0.2-0.5,0.7-1.1,0.8c-0.1,0-0.2,0-0.3,0h0
            c-0.4,0-0.6-0.2-1.1-1.4C38.7,23.8,38.9,23.5,39,23.2z" />
                        <path d="M64.3,29.5c-0.3-1-1.6-1.3-2-1.3l-4.5-0.8c4.8-2.6,4.8-3.7,4.8-4.1c0-0.5-0.3-1-0.8-1.2
            c-1.7-0.8-7.5-1.7-8.5-1.8c-1.8-3.5-5-6.4-9.4-8.9c0,0,0,0-0.1-0.1c-0.4-0.3-7.2-5.6-11.7-9.1C32.1,2.2,32,2.1,32,2.1
            c-0.6-0.2-2.4-1-3.6-0.2c-0.5,0.3-0.8,0.9-0.8,1.5c-3.6-2.7-5.9-3.8-6.9-3.2c-0.3,0.1-0.9,0.5-0.8,1.6c0.2,2.6,2.6,5.9,4.4,7.7
            c-0.2,0.1-0.4,0.1-0.6,0.2c-3.2,1.3-2.6,13.1-2.3,18.1l0.1,7.6c0,1.6-1.1,2.9-2.7,3.2c-1.5,0.2-3,0.3-4.6,0.3
            c-0.8,0-1.7-0.1-2.7-0.1c0.6-3.8-0.6-8.2-2.4-9.1c-0.8-0.4-1.6-0.2-2.2,0.5c-0.6,0.7-0.9,1.8-1,3.3c-0.5-1.2-0.9-2.1-0.9-2.2
            c-0.5-1.2-1.6-3.1-3-2.8c-1.3,0.2-1.7,1.9-1.8,3.4c-0.5,4.7,1.4,7.3,2.3,8.3c0,0,0,0,0,0c-0.1,0.4-3.3,9,1.7,14.9
            c2.9,3.4,6.6,6.9,12.1,9v7.2c0,0.6,0.4,1,1,1s1-0.4,1-1v-6.5c2.5,0.7,5.3,1.1,8.6,1.2v4.1c0,0.6,0.4,1,1,1s1-0.4,1-1v-4.1
            c12.5-0.4,20.3-6.7,23.4-12.7c2.2-4.1,3.4-10.9,3.6-17.8c2.4-0.6,4.9-1.9,7.5-3.8C64.1,30.9,64.5,30.2,64.3,29.5z M60.1,23.6
            c-0.9,0.8-2.9,1.9-4.9,2.9c-0.1-0.6-0.2-1.1-0.3-1.6c-0.2-0.8-0.4-1.7-0.7-2.4C56.3,22.8,58.7,23.2,60.1,23.6z M31.1,3.9
            c2.9,2.3,5.1,4,6.7,5.3C36.7,9,35.4,9,34.2,8.9c0,0,0,0,0,0c-2.3-2.1-4.4-4.5-4.6-5.3C29.9,3.5,30.5,3.7,31.1,3.9z M26.7,9
            c-0.7-0.5-4.2-4.1-4.8-6.9c1.6,0.7,5.5,3.6,9.2,6.7C29.7,8.9,28.2,8.9,26.7,9C26.7,9,26.7,9,26.7,9z M8.3,31.5
            c0.7,0.7,1.8,3.8,1.1,7.2c-0.6,0-1.1,0-1.7,0.1c0-0.2,0-0.4,0-0.6C7.6,34.5,7.8,32.3,8.3,31.5z M2.1,32.1c0.1-0.6,0.2-1,0.2-1.3
            c0.3,0.3,0.6,0.9,0.8,1.3c0.6,1.4,2.2,5.2,2.6,6.9c-0.5,0.1-1,0.1-1.4,0.2c-0.1-0.1-0.1-0.2-0.2-0.2C4.1,39,1.6,37,2.1,32.1z
             M50.4,52.3c-2.9,5.5-10.3,11.5-22.3,11.6l-0.6,0c-11.7,0-17.5-4.9-22-10.1c-3.7-4.3-2-10.7-1.5-12.4c1.3-0.4,3.7-0.6,6.9-0.6
            c1.1,0,2.2,0,3.1,0.1c1.6,0.1,3.3,0,4.9-0.3c2.5-0.4,4.4-2.6,4.4-5.1l-0.1-7.7c-0.6-8-0.1-15.6,1-16.2c0.9-0.4,3.5-0.6,6.9-0.6
            c4.2,0,7.7,0.3,8.2,0.6c0.1,0.1,0.4,0.2,0.8,0.4c2.8,1.2,11.2,5,12.7,13.5C54.9,35.6,53.2,47.1,50.4,52.3z M55.8,33.3
            c0-1.4-0.1-2.9-0.2-4.3l6.2,1.1C59.7,31.7,57.7,32.7,55.8,33.3z" />
                    </g>
                </svg>
            </div>


            <div class="back">
                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="64.3px" height="72.2px" viewBox="0 0 64.3 72.2" enable-background="new 0 0 64.3 72.2" xml:space="preserve">
                    <defs>
                    </defs>
                    <g>
                        <path d="M64.3,29.5c-0.3-1-1.6-1.3-2-1.3l-4.5-0.8c4.8-2.6,4.8-3.7,4.8-4.1c0-0.5-0.3-1-0.8-1.2
            c-1.7-0.8-7.5-1.7-8.5-1.8c-1.8-3.5-5-6.4-9.4-8.9c0,0,0,0-0.1-0.1c-0.4-0.3-7.2-5.6-11.7-9.1C32.1,2.2,32,2.1,32,2.1
            c-0.6-0.2-2.4-1-3.6-0.2c-0.5,0.3-0.8,0.9-0.8,1.5c-3.6-2.7-5.9-3.8-6.9-3.2c-0.3,0.1-0.9,0.5-0.8,1.6c0.2,2.6,2.6,5.9,4.4,7.7
            c-0.2,0.1-0.4,0.1-0.6,0.2c-3.2,1.3-2.6,13.1-2.3,18.1l0.1,7.6c0,1.6-1.1,2.9-2.7,3.2c-1.5,0.2-3,0.3-4.6,0.3
            c-0.8,0-1.7-0.1-2.7-0.1c0.6-3.8-0.6-8.2-2.4-9.1c-0.8-0.4-1.6-0.2-2.2,0.5c-0.6,0.7-0.9,1.8-1,3.3c-0.5-1.2-0.9-2.1-0.9-2.2
            c-0.5-1.2-1.6-3.1-3-2.8c-1.3,0.2-1.7,1.9-1.8,3.4c-0.5,4.7,1.4,7.3,2.3,8.3c0,0,0,0,0,0c-0.1,0.4-3.3,9,1.7,14.9
            c2.9,3.4,6.6,6.9,12.1,9v7.2c0,0.6,0.4,1,1,1s1-0.4,1-1v-6.5c2.5,0.7,5.3,1.1,8.6,1.2v4.1c0,0.6,0.4,1,1,1s1-0.4,1-1v-4.1
            c12.5-0.4,20.3-6.7,23.4-12.7c2.2-4.1,3.4-10.9,3.6-17.8c2.4-0.6,4.9-1.9,7.5-3.8C64.1,30.9,64.5,30.2,64.3,29.5z" />
                    </g>
                </svg>
            </div>
        </div>

        <div class="fish">
            <div class="line">
                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="73px" height="60px" viewBox="0 0 73 60" enable-background="new 0 0 73 60" xml:space="preserve">
                    <defs>
                    </defs>
                    <g>
                        <path d="M73,32c-0.2-4.2-0.7-10.5-2.5-16.5c0-0.1,0-0.1,0-0.2c0,0,0,0,0-0.1c-1.2-4-2.8-7.8-5.2-10.8
		C62.4,0.8,51.7,0,43.2,0C29.4,0,12.9,2,9.3,4.1c-0.1,0-0.2,0.1-0.2,0.2c0,0,0,0,0,0C9,4.4,9,4.5,8.9,4.5c-0.2,0.4-5.1,10-5.8,13.6
		c-0.1,0.6-0.3,1.5-0.6,2.5c-1.3,5.6-3.7,16.1-2.1,21.6c1.3,4.5,5.6,7.7,10,9.6c-0.1,1-0.3,3.1,0.1,4.1c1,2.7,16.3,3.7,18,3.8
		C31,60,33.6,60,36.2,60c8.1,0,16.8-0.6,20.1-1c0.9-0.1,1.8-0.8,1.8-1.7v-2.8c2.5-0.7,4.8-1.8,6.7-3.6C70.5,45.2,73.3,38.8,73,32z
		 M9.4,8.2c1,0.7,3,1.3,7.3,1.9c3.2,0.4,7.8,0.6,12.8,0.6c10.2,0,22-0.6,26.7-1.1c4.5-0.4,7-2,8.2-3c1.8,2.6,3.1,5.6,4.1,8.9
		c-1.5,1.5-10.6,6.8-15.5,7.5c-6.1,0.9-17-2.9-19.1-3.6c-0.5-0.2-1.1-0.4-1.7-0.6c-3.7-1.4-8.8-3.4-15.9-3.3
		c-5.1,0.1-8.8,1.5-11,2.7C5.8,15.8,7.9,11.1,9.4,8.2z M63.1,5c-0.9,0.8-3,2.2-7.1,2.5c-6.1,0.6-29.5,1.7-39,0.5
		c-6-0.8-6.6-1.7-6.6-1.7c0-0.1,0.1-0.3,0.2-0.5c0-0.1,0-0.1,0.1-0.1C14.1,4,29.4,2,43.2,2C53.4,2,60.6,3.1,63.1,5z M56.2,57
		C56.1,57,56.1,57,56.2,57c-4.5,0.6-18.2,1.4-27.4,0.8c-9.8-0.6-15.3-2-16.3-2.7c-0.1-0.5-0.1-1.5,0-2.5c1.8,0.7,3.6,1.1,5,1.3
		c4.7,0.7,21.4,2.2,29,2.2c0,0,0,0,0,0c1.4,0,2.5-0.1,3.1-0.2c0.6-0.1,1.2-0.2,1.9-0.3c1.5-0.2,3-0.4,4.6-0.7V57z M51.3,53.7
		c-0.7,0.1-1.3,0.2-1.9,0.3c-0.6,0.1-1.5,0.1-2.8,0.1c0,0,0,0,0,0c-7.5,0-24.1-1.4-28.7-2.1c-5.4-0.8-13.7-4.5-15.4-10.3
		c-1.5-5,1-15.5,2.1-20.6c0-0.1,0-0.2,0.1-0.3c1-0.7,5-3.3,11.6-3.4c6.7-0.1,11.6,1.8,15.2,3.1c0.6,0.2,1.2,0.4,1.7,0.6
		c2.7,1,11.4,3.9,17.7,3.9c0.8,0,1.6,0,2.4-0.2c4.6-0.7,12.6-5,15.8-7.4c1.3,5.4,1.8,10.8,2,14.5c0.3,6.3-2.3,12.2-7.5,17.4
		C60.4,52.5,55.3,53.2,51.3,53.7z" />
                        <path class="bubble b3" d="M16.7,25.9c1.4-2.1,0.7-3.7-0.1-4.7c-0.4-0.5-1-0.7-1.6-0.7c-1.2,0-2.4,0.9-2.6,1.1c-0.9,0.6-2.2,2.3-1,4.3
		c0.6,1.1,1.5,1.6,2.6,1.6C15,27.5,16.1,26.9,16.7,25.9z M15.1,24.8c-0.3,0.4-0.7,0.7-1.1,0.7c-0.3,0-0.6-0.2-0.9-0.6
		c-0.5-0.9,0.2-1.5,0.5-1.7c0.3-0.2,1-0.7,1.4-0.7c0.1,0,0.1,0,0.1,0C15.6,23,15.9,23.6,15.1,24.8z" />
                        <path class="bubble b2" d="M22.3,25.5c0.8,0,1.5-0.3,2-0.9c0.8-1,0.7-2.6,0.2-3.7c-0.4-0.9-1.2-1.4-2-1.4c-1.4,0-2.4,0.8-2.7,1.1
		c-0.3,0.2-0.9,0.6-1.1,1.3c-0.1,0.4-0.1,1.1,0.4,1.9C19.9,24.9,21.2,25.5,22.3,25.5z M20.8,22.4c0.1-0.1,0.2-0.1,0.3-0.2
		c0,0,0.7-0.6,1.4-0.7c0.1,0,0.2,0.2,0.3,0.6c0.1,0.5,0,1-0.1,1.2c0,0-0.1,0.2-0.5,0.2c-0.5,0-1.2-0.4-1.5-0.9
		c-0.1-0.1-0.1-0.2-0.1-0.2C20.7,22.4,20.8,22.4,20.8,22.4z" />
                        <path class="bubble b1" d="M18.9,30.8c0.9,0,1.6-0.4,1.9-1.1c0.4-0.8,0.4-1.8-0.1-2.5c-0.3-0.4-0.9-1.2-2.3-1.2
		c-0.5,0-1.1,0.1-1.6,0.3c-0.2,0.1-0.4,0.2-0.5,0.4c-0.1,0.2-0.7,1.2-0.5,2.2c0.1,0.5,0.4,0.9,0.8,1.1C17,30.3,17.9,30.8,18.9,30.8z
		 M17.8,28.1C18,28,18.3,28,18.5,28c0.2,0,0.5,0,0.6,0.2c0.1,0.2,0.1,0.4,0,0.5c0,0,0,0-0.2,0c-0.3,0-0.8-0.1-1.2-0.4
		C17.7,28.3,17.8,28.2,17.8,28.1z" />
                        <path class="fisher" d="M52.9,29.9c-0.3-0.2-0.7-0.1-1,0c-3.2,1.9-5,3-5.9,3.8c-1-1.3-3.2-3.4-8.3-5.4c-0.2-0.1-0.5-0.2-0.8-0.3
		c0.1-0.1,0.1-0.3,0.1-0.4c0.1-1.9-0.9-2.6-1.6-2.8c-0.2,0-0.3,0-0.5,0c-1.5,0.4-3.5,1.7-3.8,1.9c-0.2,0.1-0.3,0.3-0.4,0.5
		C25,27.6,19.3,31.1,16.7,36c-0.1,0.2-0.1,0.4-0.1,0.6c0,0.1,1.4,10.2,13.2,11.5c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0
		c0.4,0,8.9-1.1,15.2-9.9c1.6,2.2,4.1,5.7,4.6,6.9c0.2,0.4,0.6,0.6,1,0.6c0.4,0,0.8-0.3,0.9-0.8c0.1-0.4,2.1-9,1.7-14.2
		C53.4,30.3,53.2,30,52.9,29.9z M35.1,26.9c0,0.1,0.1,0.3,0,0.5c0,0,0,0,0,0.1c-0.3-0.1-0.7-0.1-1-0.2C34.4,27.1,34.8,27,35.1,26.9z
		 M18.6,36.7c2.2-3.8,6.6-6.7,11.3-7.4c0,0.1,0.1,0.1,0.1,0.2c0,0,2.7,2.9,3.3,7.4c0.5,4.1-2,8-3,9.1c-0.2,0-0.3,0.1-0.4,0.1
		C20.8,45.1,18.9,38.2,18.6,36.7z M44.3,35.9c-3.5,5.4-7.9,7.9-11,9.1c1-1.7,1.9-4,2-6.6c0.7,0.7,1.5,1.5,1.8,2
		c0.2,0.3,0.5,0.5,0.9,0.5c0.2,0,0.3,0,0.5-0.1c0.5-0.3,0.6-0.9,0.4-1.4c-0.8-1.3-2.9-3.2-3.8-3.9c-0.1-0.3-0.1-0.7-0.2-1
		c1.8,1,4.2,2.5,5.3,4.2c0.2,0.3,0.5,0.4,0.8,0.4c0.2,0,0.4-0.1,0.6-0.2c0.5-0.3,0.6-0.9,0.3-1.4c-1.9-2.9-6.6-5.2-8-5.9
		c-0.5-1.1-1.1-2-1.6-2.7c1.6,0,3.2,0.3,4.7,0.9c6.9,2.8,7.8,5.4,7.8,5.4c0,0,0,0,0,0.1C44.6,35.6,44.4,35.8,44.3,35.9z M50.3,42
		c-1.4-2.2-3.4-4.9-4.1-5.8c0.2-0.1,0.4-0.2,0.5-0.4c0.4-0.5,2.6-1.9,4.8-3.2C51.4,35.6,50.8,39.5,50.3,42z" />
                        <path class="fisher" d="M26.1,33.4c-0.5,0-1,0.2-1.3,0.7c-0.2,0.3-0.8,1.1-0.6,2.1c0.1,0.4,0.3,0.9,0.9,1.3
		c0.4,0.3,0.9,0.4,1.4,0.4c0.7,0,1.3-0.3,1.7-0.8c0.4-0.5,0.5-1.1,0.3-1.7C28.3,34.2,27.1,33.4,26.1,33.4z M26.2,35.8
		c0-0.1,0.1-0.2,0.1-0.4c0.2,0.1,0.3,0.2,0.4,0.4C26.7,35.9,26.5,36,26.2,35.8z" />
                    </g>
                </svg>
            </div>
            <div class="back">
                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="73px" height="60px" viewBox="0 0 73 60" enable-background="new 0 0 73 60" xml:space="preserve">
                    <defs>
                    </defs>
                    <path d="M73,32c-0.2-4.2-0.7-10.5-2.5-16.5c0-0.1,0-0.1,0-0.2c0,0,0,0,0-0.1c-1.2-4-2.8-7.8-5.2-10.8
	C62.4,0.8,51.7,0,43.2,0C29.4,0,12.9,2,9.3,4.1c-0.1,0-0.2,0.1-0.2,0.2c0,0,0,0,0,0C9,4.4,9,4.5,8.9,4.5c-0.2,0.4-5.1,10-5.8,13.6
	c-0.1,0.6-0.3,1.5-0.6,2.5c-1.3,5.6-3.7,16.1-2.1,21.6c1.3,4.5,5.6,7.7,10,9.6c-0.1,1-0.3,3.1,0.1,4.1c1,2.7,16.3,3.7,18,3.8
	C31,60,33.6,60,36.2,60c8.1,0,16.8-0.6,20.1-1c0.9-0.1,1.8-0.8,1.8-1.7v-2.8c2.5-0.7,4.8-1.8,6.7-3.6C70.5,45.2,73.3,38.8,73,32z" />
                </svg>

            </div>
        </div>


        <div class="dog">
            <div class="line">

                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="74.3px" height="56.3px" viewBox="0 0 74.3 56.3" enable-background="new 0 0 74.3 56.3" xml:space="preserve">
                    <defs>
                    </defs>
                    <g>
                        <path class="left" d="M5.5,45.7c-1,0-2.1-0.3-2.9-1c-1.8-1.4-2.7-4-2.5-7.7C0.3,29.4,11.2,7.4,15.1,3.9c1.4-1.3,2.9-1.8,4.4-1.8
		c2.3,0.1,3.7,1.8,3.8,1.8c0.4,0.4,0.3,1-0.1,1.4c-0.4,0.4-1,0.3-1.4-0.1c-0.2-0.3-2.5-2.5-5.3,0.1C12.8,8.7,2.3,30,2,37.1
		c-0.1,3,0.5,5.1,1.8,6c0.8,0.6,1.9,0.6,2.6,0.4c1.8-0.6,5.6-3,6.7-5.7c0.2-0.5,0.8-0.8,1.3-0.6c0.5,0.2,0.8,0.8,0.6,1.3
		c-1.4,3.5-5.9,6.2-8,6.9C6.5,45.7,6,45.7,5.5,45.7z" />
                    </g>
                    <g>
                        <path class="right" d="M68.1,45.8c-3.9,0-5.6-4.4-5.7-4.6c-0.2-0.5,0.1-1.1,0.6-1.3c0.5-0.2,1.1,0.1,1.3,0.6
		c0,0.1,1.4,3.6,4.2,3.3c1.1-0.1,2-0.6,2.6-1.5c1-1.3,1.4-3.3,1.1-5.2c-0.1-0.6-0.2-1.6-0.4-2.8c-0.8-5.8-2.5-17.9-4.9-23.3
		c-2.6-5.9-3.8-6.5-5.2-6.8c-1.6-0.3-3,0.9-3.3,1.2c-0.4,0.4-1,0.4-1.4,0.1c-0.4-0.4-0.4-1-0.1-1.4c0.6-0.6,2.7-2.2,5.1-1.8
		c2.7,0.5,4.3,2.3,6.8,7.9c2.5,5.7,4.2,17.9,5,23.8c0.2,1.2,0.3,2.2,0.4,2.8c0.4,2.5-0.1,5-1.5,6.8c-1,1.3-2.4,2.1-4,2.3
		C68.5,45.8,68.3,45.8,68.1,45.8z" />
                    </g>
                    <g>
                        <path class="eye" d="M51.2,16.8L51.2,16.8c-0.3,0-0.6,0-0.9-0.1c-1.9-0.4-2.4-2.4-2.4-3.5c0-0.2,0.1-0.5,0.3-0.7
		c0.5-0.6,1.3-0.9,2.2-0.9c1.1,0,2.4,0.6,3,1.4c0.4,0.5,0.5,1,0.4,1.5C53.4,16.4,52.1,16.8,51.2,16.8z M49.9,13.6
		c0.1,0.4,0.3,1,0.8,1.1c0.2,0,0.3,0.1,0.5,0.1c0.2,0,0.4,0,0.6-0.6c-0.2-0.2-0.8-0.6-1.4-0.6C50.2,13.6,50,13.6,49.9,13.6z" />
                    </g>
                    <g>
                        <path d="M63.5,34.1c-0.1-1.6-0.2-2.7-0.2-3.3c0-0.1,0-0.3,0-0.6c0,0,0,0,0,0c0,0,0-0.1,0-0.1
		c-0.4-4.2-2.9-22-4.5-24.4c-0.2-0.3-0.3-0.5-0.5-0.8c-0.2-0.4-0.5-0.7-0.7-1c-1.2-1.7-2.7-2.9-6.1-3.5C50,0.1,47.7,0,44.4,0
		c-5.2,0-11.1,0.3-11.9,0.3c-0.3,0-0.9-0.1-1.7-0.1c-2.2,0-6.5,0.5-10,3.7c-4.9,4.5-6.5,31.2-6.7,34.2C13.7,41.4,12.9,52,15.8,54
		c0.7,0.5,2.5,1.4,4.3,1.7c3.4,0.4,9.1,0.7,15.4,0.7h0c3.5,0,6.6-0.1,8.1-0.2c1.2-0.1,3-0.2,5.1-0.4c9.7-0.7,13.9-1,14.8-1.7
		C64.4,53.4,64.8,51.7,63.5,34.1z M22.1,5.4c3-2.8,6.7-3.2,8.6-3.2c0.9,0,1.5,0.1,1.5,0.1c0.1,0,0.1,0,0.2,0c0.1,0,6.4-0.3,11.9-0.3
		c3.2,0,5.5,0.1,6.7,0.3c3.1,0.5,4,1.6,4.8,2.7c0.2,0.3,0.4,0.6,0.6,1c0.2,0.3,0.3,0.5,0.5,0.8c0.9,1.3,2.6,11.4,3.5,18.2
		c-0.1-0.1-0.2-0.2-0.2-0.3c-1.9-2.4-7.6-2.6-10-2.6c-0.4,0-2.2,0-4.6,0.1c-1.8,0-3.9,0.1-6.2,0.2c-0.4,0-0.8,0-1.3,0
		c-5.2,0.1-10.8,0.2-14.2,0.2c-3.5,0-5.5,0.8-6.8,1.7C18.3,16,19.9,7.4,22.1,5.4z M36.6,31.7c-0.9-0.6-4.1-4.2-5.8-6.6
		c0-0.1-0.1-0.1-0.1-0.2c2-0.4,4.9-0.6,7.7-0.6c0.4,0,0.8,0,1.2,0c0.7,0,1.4,0,2.1,0c2.4,0,4.1,0.1,5.2,0.2
		C44.1,26.7,38.1,31.3,36.6,31.7z M62.2,52.4c-1.6,0.5-9.4,1-13.7,1.3c-2.1,0.1-3.9,0.3-5.1,0.4c-1.4,0.1-4.5,0.2-7.9,0.2h0
		c-6.2,0-11.8-0.2-15.1-0.6c-1.5-0.2-2.9-1-3.4-1.3c-1.3-0.9-1.5-8-0.9-14c0.1-2.5,0.4-6.2,0.8-10.3c0.3-0.1,0.5-0.4,0.5-0.7
		c0-0.1,0.5-2.9,6.7-2.8c1.3,0,2.8,0,4.6,0c-0.1,0.5,0.1,1.1,0.5,1.8c0.5,0.7,4.1,5.4,6.2,6.9c-0.5,2-1.9,4.5-3.9,6
		c-1.8,1.3-5.5,0.1-6.7-0.5c-0.5-0.2-1.1,0-1.3,0.5c-0.2,0.5,0,1.1,0.5,1.3c0.2,0.1,5.6,2.6,8.8,0.3c1.8-1.3,3.1-3.2,3.9-5
		c1.4,2.7,4.8,6.3,12.3,6.8c0,0,0,0,0.1,0c0.5,0,1-0.4,1-0.9c0-0.6-0.4-1-0.9-1.1c-8.4-0.6-10.7-5.3-11.3-7.2
		c3.5-1.6,11.6-8.4,12-8.9c0.1-0.1,0.2-0.3,0.2-0.5c0.2,0,0.3,0,0.4,0c3.4,0,7.4,0.6,8.5,1.9c1.4,1.8,2.4,3,2.4,4.4c0,0,0,0,0,0
		c0,0.2,0,0.4,0,0.5c0,0.6,0.1,1.8,0.2,3.3C61.8,38.7,62.7,50.3,62.2,52.4z" />
                        <path class="eye" d="M27.3,17.4c0.5,0,0.9-0.2,1.2-0.5c0.7-0.7,1.6-2.2,1.3-3.4c-0.1-0.5-0.5-1-1-1.1c-0.3-0.1-0.8-0.2-1.3-0.2
		c-0.8,0-1.5,0.1-1.5,0.1c0,0,0,0,0,0c-0.2,0-1.3,0.2-1.7,1.1c-0.1,0.3-0.3,0.9,0.1,1.7C24.8,15.6,25.9,17.4,27.3,17.4z M26.5,14.3
		c0,0,0.6-0.1,1.2-0.1c0.1,0,0.2,0,0.3,0c-0.1,0.3-0.3,0.8-0.6,1.2c-0.2-0.1-0.5-0.4-0.9-1C26.4,14.3,26.5,14.3,26.5,14.3z" />
                        <path d="M32.6,9.5L33.2,9c0,1.2,0.1,2.4,0.4,3c0.2,0.5,0.8,0.8,1.4,0.8c0.7-0.1,2-0.8,2.9-1.7c0.7,2,1,2.7,1.6,3
		c0.2,0.1,0.3,0.1,0.5,0.1c0.2,0,0.5-0.1,0.7-0.2c0.6-0.4,1.1-2.1,1.4-3.6c0.2,0.2,0.5,0.4,0.7,0.6c0.5,0.3,1,0.2,1.4-0.1
		c0.5-0.4,0.7-1.5,0.8-2.5c0.8,0.6,1.3,0.8,1.7,0.8c0.6,0,1-0.4,1-1c0-0.5-0.4-0.9-0.8-1c-0.3-0.1-1.2-0.8-1.5-1
		c-0.8-0.6-1.3-0.9-1.9-0.5c-0.3,0.2-0.5,0.6-0.4,1c0,0.3,0,1-0.1,1.7c-0.1-0.1-0.2-0.3-0.3-0.4c-0.5-0.7-1-1.3-1.8-0.9
		c-0.1,0.1-0.8,0.4-0.6,1.3c0,0.4-0.2,1.5-0.4,2.5c0-0.1-0.1-0.3-0.1-0.4c-0.6-1.7-0.8-2.3-1.6-2.2c-0.4,0-0.8,0.3-0.9,0.7
		c-0.2,0.4-1.2,1.2-1.9,1.6c-0.1-0.9-0.1-2.3-0.1-3.6c0-0.4-0.2-0.7-0.6-0.9c-0.4-0.2-0.8-0.1-1.1,0.1l-2.2,1.8
		c-0.4,0.4-0.5,1-0.1,1.4C31.6,9.8,32.2,9.8,32.6,9.5z" />
                    </g>
                    <g>
                        <path class="lang" d="M36.6,46.7c-0.6,0-1.1-0.1-1.8-0.2c-3-0.6-3.7-5.1-3.8-5.6c-0.1-0.5,0.3-1.1,0.8-1.1
		c0.5-0.1,1.1,0.3,1.1,0.8c0.1,0.9,0.8,3.6,2.2,3.9c1.9,0.4,3.5,0.7,6.3-4.9c0.2-0.5,0.8-0.7,1.3-0.5c0.5,0.2,0.7,0.8,0.5,1.3
		C40.9,45.3,38.9,46.7,36.6,46.7z" />
                    </g>
                </svg>
            </div>
            <div class="back">
                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="74.3px" height="56.3px" viewBox="0 0 74.3 56.3" enable-background="new 0 0 74.3 56.3" xml:space="preserve">
                    <defs>
                    </defs>
                    <path d="M74.1,36.7c-0.1-0.6-0.2-1.6-0.4-2.8c-0.8-5.9-2.5-18.1-5-23.8c-2.5-5.6-4-7.5-6.8-7.9
	c-2-0.3-3.7,0.7-4.6,1.4c-1.1-1.5-2.6-2.7-5.9-3.2C50,0.1,47.7,0,44.4,0c-5.2,0-11.1,0.3-11.9,0.3c-0.3,0-0.9-0.1-1.7-0.1
	c-2,0-5.5,0.4-8.8,2.7c-0.6-0.4-1.5-0.7-2.5-0.8c-1.5-0.1-3,0.5-4.4,1.8C11.2,7.4,0.3,29.4,0,37.1c-0.1,3.7,0.7,6.3,2.5,7.7
	c0.8,0.6,1.9,1,2.9,1c0.5,0,1-0.1,1.5-0.2c1.7-0.5,4.9-2.4,6.9-5c-0.3,4.4-0.4,11.8,2,13.4c0.7,0.5,2.5,1.4,4.3,1.7
	c3.4,0.4,9.1,0.7,15.4,0.7h0c3.5,0,6.6-0.1,8.1-0.2c1.2-0.1,3-0.2,5.1-0.4c9.7-0.7,13.9-1,14.8-1.7c0.7-0.5,1.1-1.6,0.7-10.1
	c0.9,1,2.2,1.8,3.9,1.8c0.2,0,0.4,0,0.6,0c1.6-0.2,3-1,4-2.3C74,41.7,74.5,39.2,74.1,36.7z" />
                </svg>
            </div>
        </div>
        <div class="cat">
            <div class="line">
                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="73.3px" height="55.3px" viewBox="0 0 73.3 55.3" enable-background="new 0 0 73.3 55.3" xml:space="preserve">
                    <defs>
                    </defs>
                    <g class="m2">
                        <path d="M19.2,31.9c-0.1-0.5-0.6-0.9-1.2-0.8c-0.5,0.1-12.7,2.2-17.5,4.8c-0.5,0.3-0.7,0.9-0.4,1.4
		c0.2,0.3,0.5,0.5,0.9,0.5c0.2,0,0.3,0,0.5-0.1c4.5-2.4,16.7-4.5,16.9-4.6C18.9,33,19.2,32.5,19.2,31.9z" />
                        <path d="M20,35.2c-0.9,0-16.4,7.9-17.8,8.7c-0.5,0.3-0.6,0.9-0.4,1.4c0.2,0.3,0.5,0.5,0.9,0.5c0.2,0,0.3,0,0.5-0.1
		c3.7-2.1,16.1-8.1,17.1-8.5c0.4-0.1,0.7-0.5,0.7-1C21,35.6,20.6,35.2,20,35.2z" />
                        <path fill="#D24A43" d="M17.7,41.7c-0.8,0.5-8,4.7-9.9,7.1c-0.3,0.4-0.3,1.1,0.2,1.4c0.2,0.1,0.4,0.2,0.6,0.2
		c0.3,0,0.6-0.1,0.8-0.4c1.4-1.8,7.2-5.4,9.3-6.6c0.5-0.3,0.6-0.9,0.4-1.4C18.8,41.6,18.1,41.5,17.7,41.7z" />
                    </g>
                    <g>
                        <path d="M64.6,21.7c1.1-3.9,5-19.7-0.5-21.5c-5-1.6-11.3,5.1-12.3,6.2C50,5.5,44,3.3,37.1,3.3c-3,0-5.8,0.4-8.3,1.2
		l-0.1,0c-0.1,0-0.4,0.2-0.9,0.5c-0.1-0.1-0.2-0.2-0.3-0.2C24.4,3.4,17,0,15.6,0c0,0,0,0,0,0c-0.1,0-0.3,0-0.4,0c-1.3,0-3.4,0-4.5,3
		c-1,2.8-1.7,14.2,0.4,19.1c0,0,0,0,0,0c-1.8,3.1-2.9,6.7-2,12.2c1.5,9.5,8.2,15,11,16.1c0.2,0.1,0.6,0.3,1.1,0.5
		c2.9,1.3,9.8,4.4,17.1,4.4c0,0,0,0,0,0c2.2,0,4.3-0.3,6.2-0.9c11.3-3.3,16.2-9.6,17.4-11.4c0.2-0.3,0.5-0.6,0.7-1
		c2-2.7,5.4-7.1,3.3-16.6C65.5,24.2,65.1,22.9,64.6,21.7z M56.8,10.1c1.9-1.2,4-2.3,5-2.7c0.2,0.7,0.6,2.7-0.3,8.1
		C59.9,13.4,58.3,11.6,56.8,10.1z M63.5,2.1c2.5,0.8,1.5,9.6-0.2,16.6c-0.1-0.3-0.3-0.5-0.4-0.7c2.1-10,0.7-12.2-0.4-12.6l-0.3-0.1
		c-1.4-0.1-4.9,2-7,3.4c-0.6-0.5-1.1-0.9-1.6-1.2C55.6,5.4,60.4,1.2,63.5,2.1z M45.2,9.5c0.3-1.7,0.4-2.6,0.3-3.1
		c2.1,0.5,3.8,1.1,4.8,1.5c-0.9,2.5-4.4,8.1-6,9.5C44.2,15.6,44.9,11.3,45.2,9.5z M43.8,6c-0.3,0.3-0.5,0.9-0.7,1.5
		c-1.1,3.3-2.5,6.4-3.5,7.9c-0.1-0.7-0.1-1.4-0.2-2.1c-0.6-5.9-0.8-7.5-2-7.7c-0.2,0-0.9-0.1-1.4,0.7c-0.4,0.7-1.2,2.2-2.1,3.9
		c-0.8,1.5-1.8,3.5-2.7,5c-0.2-2.1-0.4-5.7-0.6-9c2-0.5,4.1-0.8,6.4-0.8C39.5,5.3,41.8,5.6,43.8,6z M12.5,3.7C13.2,2,14,2,15.1,2
		c0.2,0,0.3,0,0.4,0c0.8,0.1,5.6,2.1,10.2,4.2c-1.1,0.6-2.3,1.5-3.6,2.5c-4.8-4.4-8-2.6-8.2-2.5l-0.4,0.2l-0.1,0.5
		c-0.1,0.8-1.2,7.6,0.7,10.7c-0.1,0.1-0.1,0.1-0.2,0.2c-0.5,0.7-1.1,1.4-1.6,2.1C11.1,15.1,11.7,5.9,12.5,3.7z M15.5,15.8
		c-0.7-2.2-0.4-6-0.2-7.9c0.8-0.2,2.6-0.1,5.2,2.2c-1.6,1.4-3.1,3-4.4,4.8C15.9,15.1,15.7,15.5,15.5,15.8z M61,40.9
		c-0.3,0.4-0.6,0.8-0.8,1.1c-1.1,1.7-5.6,7.5-16.3,10.6c-1.7,0.5-3.7,0.8-5.7,0.8c0,0,0,0,0,0c-6.9,0-13.5-3-16.3-4.2
		c-0.5-0.2-0.9-0.4-1.2-0.5c-2.1-0.8-8.3-5.8-9.7-14.6c-1.2-7.2,1.4-10.6,4.6-15c0.7-1,1.5-2,2.3-3.2c3.2-4.7,8.8-7.9,10.9-9
		c0.5,10.4,1,11,1.2,11.3l0.4,0.5l0.6,0c0.9-0.1,1.4-0.7,4.9-7.5c0.4-0.8,0.8-1.6,1.2-2.3c0.2,1.4,0.4,3.4,0.5,4.7
		c0.2,2.2,0.3,3.5,0.5,4c0.2,0.7,0.7,0.9,1.2,0.9c1,0,2.2-1.8,3.3-3.9c-0.3,3.3-0.1,4.5,0.7,5c0.2,0.1,0.4,0.2,0.8,0.2
		c0.2,0,0.4,0,0.6-0.1c2.3-0.9,6.3-7.9,7.5-10.7c2.1,1.4,6.1,4.8,9,9.8c0,0,0,0,0,0.1c1.2,2.1,2.2,4.5,2.8,7.2
		C65.8,34.5,62.9,38.3,61,40.9z" />
                        <path d="M46,41.5c-1.1,1.2-3.2,2.8-4.2,2.3c-1.1-0.5-3.8-4.1-5.5-6.9c0,0,0,0,0,0l0.1-0.1c7-8.5,6.9-8.8,6.8-9.4
		l-0.1-0.5l-0.4-0.2c-0.6-0.3-7.5-1.3-9.8-1.5c-1.4-0.1-1.9,0.4-2.2,0.8c-0.5,0.8-0.2,1.7-0.1,2l1.8,6.7l0,0.1
		c0.4,0.9,0.8,1.6,1.3,2c-1.1,1.9-3.6,5.7-5.5,6.7c-2,1.1-4.4-2.4-4.4-2.4c-0.3-0.5-0.9-0.6-1.4-0.3c-0.5,0.3-0.6,0.9-0.3,1.4
		c1.2,1.9,4.1,4.7,7.1,3.1c2.2-1.2,4.6-4.6,5.8-6.6c1.5,2.3,4.2,6.2,6,7c0.4,0.2,0.8,0.2,1.2,0.2c2.3,0,4.8-2.5,5.3-3.1
		c0.4-0.4,0.4-1-0.1-1.4C47,41.1,46.4,41.1,46,41.5z M32.5,27.5l0-0.1c0,0,0-0.1,0-0.1c0.1,0,0.2,0,0.3,0c2.1,0.2,5.9,0.8,7.9,1.1
		c-1.1,1.5-3.3,4.3-5.4,6.9L35,34.8L34.8,35c-0.1-0.2-0.3-0.5-0.5-0.9L32.5,27.5z" />
                        <path class="eye" d="M24.5,22.4c-0.2-1.2-1.2-1.9-2.6-2l-0.1,0c-0.5,0-1.6,0.1-2.3,0.9c-0.3,0.4-0.6,1-0.4,2
		c0.3,1.6,1.3,2.5,2.6,2.5h0c0.5,0,1-0.1,1.5-0.4C24.1,24.9,24.7,23.6,24.5,22.4z M22.2,23.7c-0.2,0.1-0.4,0.2-0.6,0.2
		c-0.1,0-0.5,0-0.7-0.9c0-0.2,0-0.3,0-0.3c0.1-0.1,0.4-0.2,0.8-0.2c0.7,0,0.8,0.3,0.8,0.4C22.6,23.1,22.4,23.6,22.2,23.7z" />
                        <path class="eye" d="M49.7,22.6l-0.2,0c0,0-0.2,0-0.4,0c-1.6,0-2.7,0.9-2.8,2.3c0,0.9,0.3,1.7,0.9,2.3c0.5,0.5,1.1,0.8,1.7,0.8
		c0.4,0,0.7-0.1,1.1-0.3c0.8-0.5,1.8-1.9,1.6-3.1C51.5,23.9,51.1,23,49.7,22.6z M48.9,26.9v-1c0,0,0,0,0,0L48.9,26.9z M48.9,25.9
		c0,0-0.2-0.1-0.3-0.2c-0.1-0.1-0.3-0.4-0.3-0.9c0-0.1,0-0.4,0.8-0.4c0,0,0.1,0,0.1,0c0.2,0.1,0.4,0.2,0.4,0.2
		C49.6,25,49.2,25.7,48.9,25.9z" />
                    </g>
                    <g class="m1">
                        <path d="M64.1,50.1c-2.3-0.8-9.6-5.5-12.2-7.2c-0.5-0.3-1.1-0.2-1.4,0.3c-0.3,0.5-0.2,1.1,0.3,1.4
		c0.4,0.3,9.6,6.4,12.6,7.4c0.1,0,0.2,0.1,0.3,0.1c0.4,0,0.8-0.3,0.9-0.7C64.9,50.8,64.6,50.3,64.1,50.1z" />
                        <path d="M68.1,45.2c-2.6-1.4-14.7-5.5-15.3-5.6c-0.5-0.2-1.1,0.1-1.3,0.6c-0.2,0.5,0.1,1.1,0.6,1.3
		c4.3,1.4,13,4.4,14.9,5.5c0.2,0.1,0.3,0.1,0.5,0.1c0.3,0,0.7-0.2,0.9-0.5C68.7,46,68.6,45.4,68.1,45.2z" />
                        <path d="M73,40.1c-3.7-2.9-18.9-5.7-20.6-6c-0.5-0.1-1.1,0.3-1.2,0.8c-0.1,0.5,0.3,1.1,0.8,1.2
		c4.5,0.8,16.9,3.4,19.7,5.6c0.2,0.1,0.4,0.2,0.6,0.2c0.3,0,0.6-0.1,0.8-0.4C73.5,41,73.4,40.4,73,40.1z" />
                    </g>
                </svg>

            </div>
            <div class="back">
                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="73.3px" height="55.3px" viewBox="0 0 73.3 55.3" enable-background="new 0 0 73.3 55.3" xml:space="preserve">
                    <defs>
                    </defs>
                    <g>
                        <path d="M73,40.1c-1.3-1.1-4.2-2.1-7.5-3c1-2.7,1.5-6.4,0.3-11.6c-0.3-1.3-0.7-2.6-1.2-3.8c1.1-3.9,5-19.7-0.5-21.5
		c-5-1.6-11.3,5.1-12.3,6.2C50,5.5,44,3.3,37.1,3.3c-3,0-5.8,0.4-8.3,1.2l-0.1,0c-0.1,0-0.4,0.2-0.9,0.5c-0.1-0.1-0.2-0.2-0.3-0.2
		C24.4,3.4,17,0,15.6,0c0,0,0,0,0,0c-0.1,0-0.3,0-0.4,0c-1.3,0-3.4,0-4.5,3c-1,2.8-1.7,14.2,0.4,19.1c0,0,0,0,0,0
		C9.3,25,8.3,28.3,8.8,33.1c-3.1,0.8-6.4,1.8-8.3,2.8c-0.5,0.3-0.7,0.9-0.4,1.4c0.2,0.3,0.5,0.5,0.9,0.5c0.2,0,0.3,0,0.5-0.1
		c1.8-0.9,4.7-1.8,7.7-2.6c0.3,1.7,0.8,3.2,1.4,4.6c-3.9,1.9-7.7,3.9-8.3,4.3c-0.5,0.3-0.6,0.9-0.4,1.4c0.2,0.3,0.5,0.5,0.9,0.5
		c0.2,0,0.3,0,0.5-0.1c1.6-0.9,4.9-2.6,8.2-4.2c0.6,1.1,1.2,2.1,1.9,3.1c-2.1,1.4-4.5,3.1-5.4,4.3c-0.3,0.4-0.3,1.1,0.2,1.4
		c0.2,0.1,0.4,0.2,0.6,0.2c0.3,0,0.6-0.1,0.8-0.4c0.8-1,3-2.6,5.1-4c2.1,2.4,4.2,3.9,5.5,4.4c0.2,0.1,0.6,0.3,1.1,0.5
		c2.9,1.3,9.8,4.4,17.1,4.4h0c2.2,0,4.3-0.3,6.2-0.9c5.5-1.6,9.5-4,12.3-6.1c2.6,1.6,5.3,3.1,6.7,3.6c0.1,0,0.2,0.1,0.3,0.1
		c0.4,0,0.8-0.3,0.9-0.7c0.2-0.5-0.1-1.1-0.6-1.3c-1.1-0.4-3.4-1.7-5.7-3.1c1.1-1,1.9-1.9,2.5-2.6c2.8,1,5.3,2,6.2,2.5
		c0.2,0.1,0.3,0.1,0.5,0.1c0.3,0,0.7-0.2,0.9-0.5c0.3-0.5,0.1-1.1-0.4-1.4c-1-0.6-3.4-1.5-6-2.4c0.1-0.2,0.3-0.4,0.5-0.6
		c0.6-0.8,1.4-1.9,2.1-3.2c3.2,0.9,5.9,1.9,7,2.8c0.2,0.1,0.4,0.2,0.6,0.2c0.3,0,0.6-0.1,0.8-0.4C73.5,41,73.4,40.4,73,40.1z" />
                    </g>
                </svg>

            </div>
        </div>
        <div class="turtle">
            <div class="line">
                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="90.7px" height="57.4px" viewBox="0 0 90.7 57.4" enable-background="new 0 0 90.7 57.4" xml:space="preserve">
                    <defs>
                    </defs>
                    <g>
                        <path d="M85.9,34c-0.1-2-2-3.3-3-3.8c-0.6-3.6-4.6-16.6-9-22.6C69.5,1.6,61.2-1,51,0.4
		c-8.8,1.2-15.4,13.5-15.7,14.1c-0.3,0.5-0.1,1.1,0.4,1.4c0.5,0.3,1.1,0.1,1.4-0.4c0-0.1,1.3-2.4,3.3-5.1c0,0,0,0,0,0.1
		c1.1,1.1,4.1,4.2,4.7,5.8c0.9,2.2,1.2,5.8,1,6.4c-0.7,1-6.9,5.4-8.3,5.6c-0.6,0-1,0.5-0.9,1.1c0,0.5,0.5,0.9,1,0.9c0,0,0.1,0,0.1,0
		c2.2-0.2,9.2-5.3,9.9-6.5c0.9-1.5-0.1-6.2-0.8-8.2c-0.9-2.3-4.8-6.1-5.2-6.5c-0.1-0.1-0.1-0.1-0.2-0.1c0.9-1,1.8-2,2.9-3
		c0.5,1.8,2.3,8,5.7,8.7c0.7,0.1,1.4,0.3,2.2,0.5c1.5,0.4,3.2,0.9,4.9,0.9c1.3,0,2.6-0.3,3.8-1c3.5-2.2,6.5-9.1,6.8-10.1
		c1.5,0.9,3,2.1,4.2,3.7c-0.2,0.1-0.4,0.2-0.5,0.4c-0.9,1.2-5.3,7.3-5.5,9.6c-0.2,2,0.3,8.8,2.4,10.2l0.5,0.3c1.6,1.1,4,2.8,7.1,2.8
		c1.9,0,3.7-0.9,4.9-1.9c0.1,0.5,0.2,0.8,0.2,1.1c0,0.4,0.3,0.7,0.6,0.8c0.2,0.1,0.4,0.2,0.6,0.3c-2.4,2.2-9,7.1-16.9,9.5l-0.5,0.1
		c-2.4,0.7-6.8,2.1-17.4,0.6c-7.6-1.1-9.8-3.5-9.9-3.5c-0.4-0.4-1-0.5-1.4-0.1c-0.4,0.4-0.5,1-0.1,1.4c0.3,0.3,2.7,3,11.1,4.2
		c3.6,0.5,6.5,0.7,8.9,0.7c4.9,0,7.7-0.8,9.4-1.4l0.5-0.1c8.3-2.5,15.2-7.6,17.8-10c0.1,0.2,0.2,0.4,0.2,0.6c-0.2,1-4.4,4.5-8.1,6.9
		c-1,0.7-0.5,1.9,0.4,4.6c0.7,2.1,1.7,5,1.7,7.1c0,0.8,0,1.4-0.1,1.7c0,0-0.1,0-0.1,0c-0.4-0.1-1-0.2-1.7-0.2
		c-0.9,0-2.6,0.2-4.3,0.5C70,54.9,67,55.3,66,55.1c-0.3-1-0.5-3.5-0.3-4c0.6-0.8,0.9-3.2,1-5.1c0-0.4-0.2-0.7-0.5-0.9s-0.7-0.2-1,0
		c-2.4,1.3-6.4,3.2-7.6,3.1c-2.2-0.1-5.4-0.4-5.8-0.6c-0.3-0.1-0.7-0.1-1,0.2s-0.4,0.6-0.3,1c0,0,0.3,1.6,0.2,2.9
		c-0.1,1.1-0.5,2.7-0.8,3.3c-0.1,0-0.3,0-0.4,0c-10.1,0.8-11.8,0-12.1-0.1c-0.6-1.3,0.2-3.1,0.5-3.7l2.1-4.1
		c0.3-0.5,0.1-1.1-0.4-1.3c-2-1-4.5-2.2-5.2-2.3c-0.5-0.1-1.1,0.3-1.1,0.9c-0.1,0.5,0.3,1,0.9,1.1c0.4,0.1,2,0.9,3.7,1.7l-1.6,3.2
		c-0.1,0.1-1.7,3-0.6,5.5c0.5,1,1.9,1.7,6.5,1.7c1.9,0,4.4-0.1,7.6-0.4c0.4,0,0.6-0.1,0.7-0.1c1.9,0,2.3-5,2.3-5.2
		c0.1-0.7,0-1.4-0.1-2c1.8,0.2,4.3,0.4,4.9,0.4c1.6,0.1,5-1.5,7.1-2.5c-0.1,1.1-0.3,2-0.4,2.2c-1,1.2-0.4,5.4,0.2,6.5
		c0.6,1.1,2.5,1,7.7,0.3c1.6-0.2,3.2-0.4,4-0.4c0.5,0,1,0.1,1.3,0.2c0.6,0.1,1.2,0.2,1.8-0.2c0.7-0.5,0.7-1.5,0.7-3.5
		c0-2.4-1-5.3-1.9-7.7c-0.3-0.9-0.7-2-0.8-2.5C80.7,40.1,86,36.1,85.9,34z M66,4.1c-0.3,1-3.2,7.3-6,9.1c-2,1.3-4.4,0.6-7-0.1
		c-0.8-0.2-1.5-0.4-2.3-0.6c-2-0.4-3.8-5.3-4.3-7.6c0-0.2-0.1-0.3-0.2-0.4c1.6-1.1,3.3-2,5.1-2.2c3.1-0.4,9.4-0.9,14.8,1.5
		C66.1,4,66,4,66,4.1z M75.9,29.8c-2.5,0-4.5-1.4-5.9-2.4L69.5,27c-0.8-0.6-1.8-5.8-1.5-8.3c0.1-1.3,3.1-5.9,5.2-8.7c0,0,0,0,0,0
		c3.1,4.9,5.8,12.9,7.1,17.5C79.8,28.1,78.1,29.8,75.9,29.8z" />
                        <path d="M55.6,40c0.1,0,0.3,0,0.5,0c2.5,0,7.1-1.3,9.8-2.8c3.7-2,0.9-7.4-0.4-10c-0.3-0.6-0.6-1.2-0.8-1.7
		c-1-2.2-2-4.4-3.9-5.7c-0.7-0.5-1.5-0.7-2.4-0.7c-2.2,0-4.7,1.3-7.2,2.8c-3.1,1.8-4.1,6.2-4.4,7.6c0,0.1,0,0.2-0.1,0.3
		c-0.3,0.8,0.2,4.8,0.4,6C47.7,38.3,53.5,39.8,55.6,40z M48.6,30.4c0-0.1,0.1-0.2,0.1-0.5c0.7-3.3,1.9-5.4,3.5-6.3
		c2.2-1.3,4.5-2.6,6.2-2.6c0.5,0,0.9,0.1,1.3,0.4c1.4,1,2.3,2.8,3.2,4.8c0.3,0.6,0.6,1.2,0.9,1.8c1.4,2.7,3,6.4,1.2,7.4
		c-2.6,1.4-7.1,2.7-9.2,2.6c-2.6-0.2-6.4-1.8-6.6-2.6C48.8,33.8,48.6,30.7,48.6,30.4z" />
                    </g>
                    <g class="head">
                        <path d="M37.5,29.6c0-5.4-0.1-8.8-0.3-10c-0.1-1.1-1.6-9.3-12.9-10.4C15.9,8.4,7,10.6,2.7,14.5
		C0.9,16.1,0,17.9,0,19.8c0,4.9,2.6,12.7,6.7,16.8c1.9,1.8,3.9,2.8,6.1,2.8c0.1,0,0.2,0,0.2,0c0.7,0,1.3-0.1,2-0.2
		c0,0.5,0.4,0.9,0.9,1c1.3,0.2,7.3,0.8,10.1,0.2c1,1.4,3.8,4.4,8.1,5c0,0,0.1,0,0.1,0c0.5,0,0.9-0.4,1-0.9c0.1-0.5-0.3-1-0.9-1.1
		c-4.6-0.6-7.1-4.7-7.1-4.7c-0.3-0.5-0.9-0.6-1.3-0.4c-0.7,0.4-3.9,0.4-7.1,0.1c4.6-1.3,7.9-3.9,8.3-6.2c0.1-0.5-0.3-1.1-0.8-1.2
		c-0.5-0.1-1.1,0.3-1.2,0.8c-0.3,1.7-4.9,5.2-12.2,5.4c-1.7,0-3.3-0.7-4.9-2.2C4.5,31.6,2,24.4,2,19.8c0-1.3,0.7-2.7,2-3.9
		c3.9-3.5,12.3-5.5,20-4.7c10.4,1,11.1,8.4,11.1,8.7c0,0.1,0,0.1,0,0.2c0.2,0.8,0.3,5.8,0.3,9.5c0,4.7,0,7.6,0.2,8.7
		c0.1,0.5,0.6,0.9,1.2,0.8c0.5-0.1,0.9-0.6,0.8-1.2C37.6,37,37.5,33.1,37.5,29.6z" />
                        <path class="eye" d="M25.2,19.6c-0.1,0-0.2,0-0.3,0c-1,0-3.9,0.6-4.5,1c-0.8,0.6-0.9,2.7-0.9,3.3h0c0,0.2,0,1.3,0.6,2
		c0.4,0.4,0.8,0.6,1.4,0.6h0c0.5,0,1.1-0.2,1.8-0.6c2.2-1.3,3.4-3.7,3.1-5.1C26.2,20.2,25.8,19.7,25.2,19.6z M22.2,24.2
		c-0.4,0.2-0.6,0.3-0.7,0.3c0-0.1-0.1-0.3-0.1-0.5c0,0,0-0.1,0-0.1c0-0.3,0.1-1.2,0.2-1.7c0.5-0.2,1.8-0.5,2.7-0.6
		C24.1,22.3,23.5,23.5,22.2,24.2z" />
                    </g>
                    <g class="tail">
                        <path d="M82.8,40.8c-1,0-1.7,0-1.8-0.1c-0.5-0.1-0.9-0.6-0.8-1.2c0.1-0.5,0.6-0.9,1.2-0.8c0.7,0.1,3.7,0,5.7-0.3
		c-1.8-0.6-3.6-0.9-3.7-0.9c-0.5-0.1-0.9-0.6-0.8-1.1c0.1-0.5,0.6-0.9,1.1-0.8c0.1,0,3.5,0.6,6,1.8c1.2,0.6,0.9,1.5,0.9,1.7
		C90.1,40.6,85.5,40.8,82.8,40.8z" />
                    </g>
                </svg>


            </div>
            <div class="back">
                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="90.7px" height="57.4px" viewBox="0 0 90.7 57.4" enable-background="new 0 0 90.7 57.4" xml:space="preserve">
                    <defs>
                    </defs>
                    <g>
                        <path d="M89.8,37.5c-1.6-0.8-3.5-1.3-4.8-1.6c0.5-0.7,0.9-1.4,0.8-1.9c-0.1-2-2-3.3-3-3.8c-0.6-3.6-4.6-16.6-9-22.6
		C69.5,1.6,61.2-1,51,0.4c-8.8,1.2-15.4,13.5-15.7,14.1c-0.1,0.1-0.1,0.3-0.1,0.4c-1.7-2.5-5-5-11-5.6C15.9,8.4,7,10.6,2.7,14.5
		C0.9,16.1,0,17.9,0,19.8c0,4.9,2.6,12.7,6.7,16.8c1.9,1.8,3.9,2.8,6.1,2.8c0.1,0,0.2,0,0.2,0c0.7,0,1.3-0.1,2-0.2
		c0,0.5,0.4,0.9,0.9,1c1.3,0.2,7.3,0.8,10.1,0.2c1,1.4,3.8,4.4,8.1,5c0.4,0.1,2,0.9,3.7,1.7l-1.6,3.2c-0.1,0.1-1.7,3-0.6,5.5
		c0.5,1,1.9,1.7,6.5,1.7c1.9,0,4.4-0.1,7.6-0.4c0.4,0,0.6-0.1,0.7-0.1c1.9,0,2.3-5,2.3-5.2c0.1-0.7,0-1.4-0.1-2
		c1.8,0.2,4.3,0.4,4.9,0.4c1.6,0.1,5-1.5,7.1-2.5c-0.1,1.1-0.3,2-0.4,2.2c-1,1.2-0.4,5.4,0.2,6.5c0.6,1.1,2.5,1,7.7,0.3
		c1.6-0.2,3.2-0.4,4-0.4c0.5,0,1,0.1,1.3,0.2c0.6,0.1,1.2,0.2,1.8-0.2c0.7-0.5,0.7-1.5,0.7-3.5c0-2.4-1-5.3-1.9-7.7
		c-0.3-0.9-0.7-2-0.8-2.5c0.9-0.6,2-1.4,3.1-2.2c0.1,0.3,0.4,0.5,0.7,0.6c0.1,0,0.8,0.1,1.8,0.1c2.7,0,7.3-0.3,7.8-1.7
		C90.7,38.9,91,38,89.8,37.5z" />
                    </g>
                </svg>

            </div>
        </div>
        <div class="mouse">
            <div class="line">
                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="72.1px" height="45.9px" viewBox="0 0 72.1 45.9" enable-background="new 0 0 72.1 45.9" xml:space="preserve">
                    <defs>
                    </defs>
                    <g class="ear">
                        <path d="M26.9,17.7c-0.3,0-0.6-0.2-0.8-0.4c-0.3-0.5-0.2-1.1,0.3-1.4c2.9-2,4.6-7,4.1-9.9c-0.4-2.4-4-4.2-8.1-4
		c-3.1,0.1-6.9,6-8.1,8.3c-0.3,0.5-0.9,0.7-1.4,0.4c-0.5-0.3-0.7-0.9-0.4-1.4c0.5-0.9,5-9.1,9.8-9.4c5.2-0.
              
            
!

CSS

              
                        * {
            -webkit-transition: .1s;
            -o-transition: .1s;
            transition: .1s;
        }
        
        body {
            margin: 0;
            padding: 0;
            height: 100%;
        }
        
        .wrapper {
            background: white;
            height: 80vh;
            width: 100%;
            margin: 0 auto;
            display: flex;
            justify-content: center;
            align-items: center;
/*            overflow: auto;*/
        }
        
        .wrapper div {
            padding: 40px;
        }
        /*Bird*/
        
        .bird,
        .fish,
        .dog,
        .cat,
        .turtle,
        .mouse {
            position: relative;
            display: inline-block;
            width: 80px;
            height: 80px;
            cursor: pointer;
        }
        
        .bird .line,
        .fish .line,
        .dog .line,
        .cat .line,
        .turtle .line,
        .mouse .line {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
        }
        
        .bird .line path,
        .fish .line path,
        .dog .line path,
        .cat .line path,
        .turtle .line path,
        .mouse .line path {
            fill: #F2C45A;
        }
        
        .bird:hover .line path,
        .fish:hover .line path,
        .dog:hover .line path,
        .cat:hover .line path,
        .turtle:hover .line path,
        .mouse:hover .line path {
            fill: #553B2B;
        }
        
        .bird .back,
        .fish .back,
        .dog .back,
        .cat .back,
        .turtle .back,
        .mouse .back {
            position: absolute;
            top: 0;
            left: 0;
        }
        
        .bird:hover .back,
        .fish:hover .back,
        .dog:hover .back,
        .cat:hover .back,
        .turtle:hover .back,
        .mouse:hover .back {
            top: 2px;
            left: 4px;
        }
        
        .bird .back path,
        .fish .back path,
        .dog .back path,
        .cat .back path,
        .turtle .back path,
        .mouse .back path {
            fill: #F2C45A;
            opacity: 0;
        }
        
        .bird:hover .back path,
        .fish:hover .back path,
        .dog:hover .back path,
        .cat:hover .back path,
        .turtle:hover .back path,
        .mouse:hover .back path {
            opacity: 1;
        }
        
        .bird:hover .line .wing {
            -webkit-animation-name: wing;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-duration: .2s;
        }
        
        .bird:hover {
            -webkit-animation-name: fly;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-duration: 2s;
        }
        
        .bird:hover .line .eye {
            -webkit-animation-name: eye;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-duration: 2s;
        }
        /*Animation*/
        
        @-webkit-keyframes fly {
            0% {
                -webkit-transform: translate(0px, 0px);
                -ms-transform: translate(0px, 0px);
                -o-transform: translate(0px, 0px);
                transform: translate(0px, 0px);
            }
            50% {
                -webkit-transform: translate(0px, 4px);
                -ms-transform: translate(0px, 4px);
                -o-transform: translate(0px, 4px);
                transform: translate(0px, 4px);
            }
            100% {
                -webkit-transform: translate(0px, 0px);
                -ms-transform: translate(0px, 0px);
                -o-transform: translate(0px, 0px);
                transform: translate(0px, 0px);
            }
        }
        
        @-webkit-keyframes wing {
            0% {
                -webkit-transform: scaleY(1);
                -ms-transform: scaleY(1);
                -o-transform: scaleY(1);
                transform: scaleY(1);
            }
            50% {
                -webkit-transform: scaleY(1.05);
                -ms-transform: scaleY(1.05);
                -o-transform: scaleY(1.05);
                transform: scaleY(1.05);
            }
            100% {
                -webkit-transform: scaleY(1);
                -ms-transform: scaleY(1);
                -o-transform: scaleY(1);
                transform: scaleY(1);
            }
        }
        /*Fish*/
        
        .fish:hover .back path {
            opacity: 1;
        }
        
        .fish:hover .line .bubble.b1 {
            -webkit-animation-name: bubble;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-duration: 4s;
        }
        
        .fish:hover .line .bubble.b2 {
            -webkit-animation-name: bubble;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-duration: 4.4s;
        }
        
        .fish:hover .line .bubble.b3 {
            -webkit-animation-name: bubble;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-duration: 4.6s;
        }
        
        .fish:hover .line .fisher {
            -webkit-animation-name: fish;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-duration: 2s;
        }
        /*Animation*/
        
        @-webkit-keyframes fish {
            0% {
                -webkit-transform: translate(0px, 0px);
                -ms-transform: translate(0px, 0px);
                -o-transform: translate(0px, 0px);
                transform: translate(0px, 0px);
            }
            50% {
                -webkit-transform: translate(0px, 2px);
                -ms-transform: translate(0px, 2px);
                -o-transform: translate(0px, 2px);
                transform: translate(0px, 2px);
            }
            100% {
                -webkit-transform: translate(0px, 0px);
                -ms-transform: translate(0px, 0px);
                -o-transform: translate(0px, 0px);
                transform: translate(0px, 0px);
            }
        }
        
        @-webkit-keyframes bubble {
            0% {
                -webkit-transform: translate(0px, 0px);
                -ms-transform: translate(0px, 0px);
                -o-transform: translate(0px, 0px);
                transform: translate(0px, 0px);
                opacity: 1;
            }
            100% {
                -webkit-transform: translate(0px, -4px);
                -ms-transform: translate(0px, -4px);
                -o-transform: translate(0px, -4px);
                transform: translate(0px, -4px);
                opacity: 0;
            }
        }
        /*Dog*/
        
        .dog:hover {
            -webkit-animation-name: dog;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-duration: 4s;
        }
        
        .dog:hover .line .left {
            -webkit-animation-name: ears;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-duration: 2s;
        }
        
        .dog:hover .line .right {
            -webkit-animation-name: ears;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-duration: 2s;
        }
        
        .dog:hover .line .eye {
            -webkit-animation-name: eye;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-duration: 2s;
        }
        
        .dog:hover .line .lang {
            -webkit-animation-name: lang;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-duration: .3s;
        }
        /*Animation*/
        
        @-webkit-keyframes ears {
            0% {
                -webkit-transform: translate(0px, 0px);
                -ms-transform: translate(0px, 0px);
                -o-transform: translate(0px, 0px);
                transform: translate(0px, 0px);
            }
            50% {
                -webkit-transform: translate(0px, 2px);
                -ms-transform: translate(0px, 2px);
                -o-transform: translate(0px, 2px);
                transform: translate(0px, 2px);
            }
            100% {
                -webkit-transform: translate(0px, 0px);
                -ms-transform: translate(0px, 0px);
                -o-transform: translate(0px, 0px);
                transform: translate(0px, 0px);
            }
        }
        
        @-webkit-keyframes lang {
            0% {
                -webkit-transform: translate(0px, 0px);
                -ms-transform: translate(0px, 0px);
                -o-transform: translate(0px, 0px);
                transform: translate(0px, 0px);
            }
            50% {
                -webkit-transform: translate(0px, -1px);
                -ms-transform: translate(0px, -1px);
                -o-transform: translate(0px, -1px);
                transform: translate(0px, -1px);
            }
            100% {
                -webkit-transform: translate(0px, 0px);
                -ms-transform: translate(0px, 0px);
                -o-transform: translate(0px, 0px);
                transform: translate(0px, 0px);
            }
        }
        
        @-webkit-keyframes eye {
            0% {
                opacity: 1;
            }
            5% {
                opacity: 0;
            }
            10% {
                opacity: 1;
            }
            100% {
                opacity: 1;
            }
        }
        
        @-webkit-keyframes dog {
            0% {
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            5% {
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            13% {
                -webkit-transform: rotate(2deg);
                -ms-transform: rotate(2deg);
                -o-transform: rotate(2deg);
                transform: rotate(2deg);
            }
            15% {
                -webkit-transform: rotate(-4deg);
                -ms-transform: rotate(-4deg);
                -o-transform: rotate(-4deg);
                transform: rotate(-4deg);
            }
            17% {
                -webkit-transform: rotate(4deg);
                -ms-transform: rotate(40deg);
                -o-transform: rotate(4deg);
                transform: rotate(4deg);
            }
            20% {
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            100% {
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }
        }
        /*Cat*/
        
        .cat:hover {
            -webkit-animation-name: cat;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-duration: 3s;
        }
        
        .cat:hover .line .m1 {
            -webkit-animation-name: m1;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-duration: .5s;
        }
        
        .cat:hover .line .m2 {
            -webkit-animation-name: m2;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-duration: .5s;
        }
        
        .cat:hover .line .eye {
            -webkit-animation-name: eye;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-duration: 2s;
        }
        /*Animation*/
        
        @-webkit-keyframes cat {
            0% {
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            50% {
                -webkit-transform: rotate(-5deg);
                -ms-transform: rotate(-5deg);
                -o-transform: rotate(-5deg);
                transform: rotate(-5deg);
            }
            100% {
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }
        }
        
        @-webkit-keyframes m1 {
            0% {
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            50% {
                -webkit-transform: rotate(2deg);
                -ms-transform: rotate(1deg);
                -o-transform: rotate(1deg);
                transform: rotate(1deg);
            }
            100% {
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }
        }
        
        @-webkit-keyframes m2 {
            0% {
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            50% {
                -webkit-transform: rotate(-1deg);
                -ms-transform: rotate(-1deg);
                -o-transform: rotate(-1deg);
                transform: rotate(-1deg);
            }
            100% {
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }
        }
        /*Turtle*/
        
        .turtle:hover {
            -webkit-animation-name: turtle;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-duration: 2s;
        }
        
        .turtle:hover .line .head {
            -webkit-animation-name: head;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-duration: 2s;
        }
        
        .turtle:hover .line .eye {
            -webkit-animation-name: eye;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-duration: 2s;
        }
        
        .turtle:hover .line .tail {
            -webkit-animation-name: tail;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-duration: .9s;
        }
        /*Animation*/
        
        @-webkit-keyframes head {
            0% {
                -webkit-transform: translate(0px, 0px);
                -ms-transform: translate(0px, 0px);
                -o-transform: translate(0px, 0px);
                transform: translate(0px, 0px);
            }
            50% {
                -webkit-transform: translate(1px, 2px);
                -ms-transform: translate(1px, 2px);
                -o-transform: translate(1px, 2px);
                transform: translate(1px, 2px);
            }
            100% {
                -webkit-transform: translate(0px, 0px);
                -ms-transform: translate(0px, 0px);
                -o-transform: translate(0px, 0px);
                transform: translate(0px, 0px);
            }
        }
        
        @-webkit-keyframes tail {
            0% {
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            50% {
                -webkit-transform: rotate(-1deg);
                -ms-transform: rotate(-1deg);
                -o-transform: rotate(-1deg);
                transform: rotate(-1deg);
            }
            100% {
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }
        }
        
        @-webkit-keyframes turtle {
            0% {
                -webkit-transform: scaleY(1);
                -ms-transform: scaleY(1);
                -o-transform: scaleY(1);
                transform: scaleY(1);
            }
            50% {
                -webkit-transform: scaleY(1.02);
                -ms-transform: scaleY(1.02);
                -o-transform: scaleY(1.02);
                transform: scaleY(1.02);
            }
            100% {
                -webkit-transform: scaleY(1);
                -ms-transform: scaleY(1);
                -o-transform: scaleY(1);
                transform: scaleY(1);
            }
        }
        /*Mouse*/
        
        .mouse:hover .line .eye {
            -webkit-animation-name: eye;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-duration: 2s;
        }
        
        .mouse:hover .line .tails {
            -webkit-animation-name: tails;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-duration: 3s;
        }
        
        .mouse:hover .line .ear {
            -webkit-animation-name: ear;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-duration: 1s;
        }
        /*Animation*/
        
        @-webkit-keyframes tails {
            0% {
                -webkit-transform: scaleY(1);
                -ms-transform: scaleY(1);
                -o-transform: scaleY(1);
                transform: scaleY(1);
            }
            12% {
                -webkit-transform: scaleY(.95);
                -ms-transform: scaleY(.95);
                -o-transform: scaleY(.95);
                transform: scaleY(.95);
            }
            15% {
                -webkit-transform: scaleY(1);
                -ms-transform: scaleY(1);
                -o-transform: scaleY(1);
                transform: scaleY(1);
            }
            18% {
                -webkit-transform: scaleY(.95);
                -ms-transform: scaleY(.95);
                -o-transform: scaleY(.95);
                transform: scaleY(.95);
            }
            20% {
                -webkit-transform: scaleY(1);
                -ms-transform: scaleY(1);
                -o-transform: scaleY(1);
                transform: scaleY(1);
            }
            100% {
                -webkit-transform: scaleY(1);
                -ms-transform: scaleY(1);
                -o-transform: scaleY(1);
                transform: scaleY(1);
            }
        }
        
        @-webkit-keyframes ear {
            0% {
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            5% {
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            13% {
                -webkit-transform: rotate(2deg);
                -ms-transform: rotate(2deg);
                -o-transform: rotate(2deg);
                transform: rotate(2deg);
            }
            15% {
                -webkit-transform: rotate(-4deg);
                -ms-transform: rotate(-4deg);
                -o-transform: rotate(-4deg);
                transform: rotate(-4deg);
            }
            17% {
                -webkit-transform: rotate(4deg);
                -ms-transform: rotate(40deg);
                -o-transform: rotate(4deg);
                transform: rotate(4deg);
            }
            20% {
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            100% {
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }
        }
              
            
!

JS

              
                
              
            
!
999px

Console