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 is required to process package imports. If you need a different preprocessor remove all packages first.

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

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

              
                <!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Taco</title>
        <link rel="stylesheet" href="tacoStyle.css">
    </head>
    <body>
        <svg width="443" height="270" viewBox="0 0 443 270" fill="none" xmlns="http://www.w3.org/2000/svg">
            <g clip-path="url(#clip0)">
                <rect width="443" height="270"/>
                <path d="M229 40C241.471 39.1932 263.529 39.1932 276 40C290.164 40.9164 298.186 41.7379 312 45C325.221 48.1221 332.638 50.3679 345 56C358.713 62.2477 366.928 65.7777 378 76C388.043 85.2719 391.912 92.313 399 104C407.246 117.597 411.007 125.903 416 141C420.522 154.673 422.793 162.649 424 177C424.753 185.95 425.754 191.191 424 200C422.357 208.25 417.675 219.506 413 226.5C408.589 233.099 407.723 232.996 401.934 234.959C400.952 235.419 399.965 235.782 399 236C391.315 238.863 386.201 236 378 236C370.58 236 366.397 235.415 359 236C346.248 237.009 339.591 240.741 327 243C312.648 245.574 304.58 248.17 290 248C276.58 247.843 269.411 242.502 256 243C245.284 243.398 239.595 246.347 229 248C210.762 250.845 200.443 252.241 182 253C170.294 253.482 163.641 254.322 152 253C142.487 251.92 128 248 128 248C128 248 104.963 253.362 90 253C77.3553 252.694 70.6196 248.853 58 248C48.2591 247.341 41.3968 252.981 33 248C22.8959 242.006 24.0679 231.565 22 220C20.1441 209.62 20.3873 203.42 22 193C23.9647 180.305 28.141 173.891 33 162C38.2205 149.224 40.6193 141.662 48 130C57.1748 115.503 65.0225 109.283 77 97C85.292 88.4962 88.9366 84.5354 99 76C109.063 67.4646 115.368 63.8798 128 60C128 60 147.406 48.9497 161 45C173.517 41.3633 181.004 41.0023 194 40C207.628 38.9489 215.493 37.9051 229 40Z" fill="#FBD348"/>
                <path d="M229 40C241.471 39.1932 263.529 39.1932 276 40C290.164 40.9164 298.186 41.7379 312 45C325.221 48.1221 332.638 50.3679 345 56C358.713 62.2477 366.928 65.7777 378 76C388.043 85.2719 391.912 92.313 399 104C407.246 117.597 411.007 125.903 416 141C420.522 154.673 422.793 162.649 424 177C424.753 185.95 425.754 191.191 424 200C422.357 208.25 417.675 219.506 413 226.5M229 40C215.493 37.9051 207.628 38.9489 194 40C181.004 41.0023 173.517 41.3633 161 45C147.406 48.9497 128 60 128 60C115.368 63.8798 109.063 67.4646 99 76C88.9366 84.5354 85.292 88.4962 77 97C65.0225 109.283 57.1748 115.503 48 130C40.6193 141.662 38.2205 149.224 33 162C28.141 173.891 23.9647 180.305 22 193C20.3873 203.42 20.1441 209.62 22 220C24.0679 231.565 22.8959 242.006 33 248C41.3968 252.981 48.2591 247.341 58 248C70.6196 248.853 77.3553 252.694 90 253C104.963 253.362 128 248 128 248C128 248 142.487 251.92 152 253C163.641 254.322 170.294 253.482 182 253C200.443 252.241 210.762 250.845 229 248C239.595 246.347 245.284 243.398 256 243C269.411 242.502 276.58 247.843 290 248C304.58 248.17 312.648 245.574 327 243C339.591 240.741 346.248 237.009 359 236C366.397 235.415 370.58 236 378 236C386.201 236 391.315 238.863 399 236M229 40C241.087 41.8746 247.394 45.1391 259 49C266.757 51.5803 264.352 50.1141 272 53M413 226.5C407.934 234.08 407.543 232.818 399 236M413 226.5C413 226.5 405.488 234.537 399 236M413 226.5L410.5 188.5L406.5 173.5C406.5 173.5 403.007 161.206 399 152C395.497 143.953 395.09 134.765 391 127C386.842 119.106 385.722 116.82 382.5 108.5C379.511 100.783 378 104 371 92C364 80 360.68 81.4284 353 76C345.008 70.3515 339.988 67.8716 331 64C321.585 59.9447 318 60 306 56C300.072 54.0241 296.248 53 290 53C270.623 53 276.402 53 272 53M399 236C392.185 237.537 382.5 223 378 212C375.006 204.681 373.26 200.578 371 193C367.476 181.183 368.309 173.879 365 162C361.419 149.143 358.933 141.955 353 130C347.7 119.321 343.461 114.019 337 104C329.838 92.8946 327.747 84.9231 318 76C308.711 67.4959 290 60 290 60C290 60 276.402 54.5621 272 53" stroke="black" stroke-width="5"/>
                <path class="tomato" d="M303.5 59C303.5 79.4347 282.987 96.5 257 96.5C231.013 96.5 210.5 79.4347 210.5 59C210.5 38.5654 231.013 21.5 257 21.5C282.987 21.5 303.5 38.5654 303.5 59Z" fill="#FB0606" stroke="#640101" stroke-width="3"/>
                <path class="tomato" d="M186.5 72C186.5 92.4347 165.987 109.5 140 109.5C114.013 109.5 93.5 92.4347 93.5 72C93.5 51.5654 114.013 34.5 140 34.5C165.987 34.5 186.5 51.5654 186.5 72Z" fill="#FB0606" stroke="#640101" stroke-width="3"/>
                <path class="tomato" d="M252.5 56C252.5 76.4347 231.987 93.5 206 93.5C180.013 93.5 159.5 76.4347 159.5 56C159.5 35.5654 180.013 18.5 206 18.5C231.987 18.5 252.5 35.5654 252.5 56Z" fill="#FB0606" stroke="#640101" stroke-width="3"/>
                <path class="meat" d="M91.7088 160.982L76.8525 172.186L74.1988 178.664L71.5452 185.141L65.9483 188.252L64.6215 191.49L70.8648 199.992L68.9693 204.618L66.8843 209.708L60.3466 225.667L40.4639 210.231L32.5858 214.294C32.5858 214.294 28.4974 205.808 27.3387 208.637C25.1605 213.954 19.7395 195.532 23.1746 206.931C26.6098 218.33 19.168 208.797 19.168 208.797C19.168 208.797 7.60103 204.058 11.8643 193.652C13.9005 188.681 16.9918 186.853 19.6656 186.299C18.8729 185.599 17.762 184.543 16.2238 183.01C7.01491 173.834 16.8893 177.646 19.2565 175.607C21.1425 173.983 25.2631 173.475 25.2631 173.475L20.2042 173.294C20.2042 173.294 21.1908 177.481 13.264 170.451C5.33723 163.421 11.5401 162.18 13.649 157.641C15.2668 154.159 17.1132 152.079 20.1952 150.412C19.7851 149.606 19.3053 148.019 18.7667 145.148C16.8995 135.198 23.6948 133.119 23.6948 133.119C23.6948 133.119 26.8901 131.89 28.9962 132.048C27.3394 128.678 21.1454 126.099 22.1135 122.47C23.4035 117.634 32.6034 111.373 32.6034 111.373L45.1853 105.72L56.2896 110.269L71.0633 120.37L77.5962 138.716L91.7088 160.982Z" fill="#503103"/>
                <path class="meat" d="M70.8648 199.992L68.9693 204.618L66.8843 209.708L60.3466 225.667M70.8648 199.992L45.88 189.756L39.4025 187.103L70.8648 199.992ZM70.8648 199.992L64.6215 191.49L65.9483 188.252M28.9962 132.048C27.3394 128.678 21.1454 126.099 22.1135 122.47C23.4035 117.634 32.6034 111.373 32.6034 111.373L45.1853 105.72L56.2896 110.269L71.0633 120.37L77.5962 138.716L91.7088 160.982L76.8525 172.186L74.1988 178.664M28.9962 132.048C31.7066 133.159 35.9364 134.892 35.9364 134.892L43.5901 141.269M28.9962 132.048C32.7907 133.603 38.7125 136.029 38.7125 136.029L43.5901 141.269M28.9962 132.048C26.8901 131.89 23.6948 133.119 23.6948 133.119C23.6948 133.119 16.8995 135.198 18.7667 145.148C20.6339 155.099 21.7935 149.63 21.7935 149.63M43.5901 141.269L49.2871 148.466M21.7935 149.63C23.6896 152.728 24.3812 154.726 26.6487 157.563C28.1217 159.406 30.7905 161.961 30.7905 161.961M21.7935 149.63C25.3071 154.446 30.7905 161.961 30.7905 161.961M21.7935 149.63C17.717 151.443 15.5287 153.595 13.649 157.641C11.5401 162.18 5.33723 163.421 13.264 170.451C21.1908 177.481 20.2042 173.294 20.2042 173.294L25.2631 173.475M30.7905 161.961L34.4919 163.478M32.7189 175.719L30.322 173.657L25.2631 173.475M32.7189 175.719L35.1159 177.782L42.0561 180.625L32.7189 175.719ZM25.2631 173.475C25.2631 173.475 21.1425 173.983 19.2565 175.607C16.8893 177.646 7.01491 173.834 16.2238 183.01C25.4327 192.186 19.3257 184.281 21.3133 185.095C22.7588 185.687 25.0147 186.612 25.0147 186.612C25.0147 186.612 16.1275 183.245 11.8643 193.652C7.60103 204.058 19.168 208.797 19.168 208.797C19.168 208.797 26.6098 218.33 23.1746 206.931C19.7395 195.532 25.1605 213.954 27.3387 208.637C28.4974 205.808 32.5858 214.294 32.5858 214.294M32.5858 214.294L39.6251 205.025L38.1758 200.649L35.4109 198.165M32.5858 214.294L40.4639 210.231L60.3466 225.667M35.4109 198.165L32.646 195.682L32.4176 189.644L35.4109 198.165ZM40.9519 201.786L60.3466 225.667M65.9483 188.252L51.1873 176.801L71.5452 185.141M65.9483 188.252L71.5452 185.141M71.5452 185.141L74.1988 178.664M74.1988 178.664L48.6902 164.431L43.0768 158.349L38.6619 153.299L34.9605 151.782" stroke="black"/>
                <path class="cream" d="M282.5 70.5C266 73.5 281.662 59.3391 282.5 55.5C283.101 52.7487 281.762 53.9931 286.133 52.3013C290.503 50.6096 293.824 50.4588 298.133 52.3013C300.575 53.3455 303.835 53.9611 306 55.5C308.516 57.2889 312.5 60 312.5 60C312.5 60 315.384 56.4259 318 55.5C320.577 54.5879 322.545 54.2966 325 55.5C327.111 56.535 329 60 329 60L333 63H338.5H345C345 63 350.155 66.8455 351 70.5V75.5C351 75.5 354.566 81.0115 353.5 84.5C351.754 90.2129 344.473 87.428 338.5 87.5C332.143 87.5766 331.099 92.7929 325 91C315 88.0605 329 94.5 318 91C313.234 89.4836 310.115 83.842 306 81C301.536 77.9169 293.092 73.39 288.5 70.5C284.925 68.2498 286.656 69.7443 282.5 70.5Z" fill="#F4F1F1"/>
                <path class="cream" d="M338.5 63H345C345 63 350.155 66.8455 351 70.5V75.5C351 75.5 354.566 81.0115 353.5 84.5C351.754 90.2129 344.473 87.428 338.5 87.5C332.143 87.5766 331.099 92.7929 325 91C315 88.0605 329 94.5 318 91C313.234 89.4836 310.115 83.842 306 81C301.536 77.9169 293.092 73.39 288.5 70.5C284.925 68.2498 286.656 69.7443 282.5 70.5C266 73.5 281.662 59.3391 282.5 55.5C283.101 52.7487 281.762 53.9931 286.133 52.3013C290.503 50.6096 293.824 50.4588 298.133 52.3013C300.575 53.3455 303.835 53.9611 306 55.5C308.516 57.2889 312.5 60 312.5 60C312.5 60 315.384 56.4259 318 55.5C320.577 54.5879 322.545 54.2966 325 55.5C327.111 56.535 329 60 329 60L333 63M338.5 63C336.352 63 333 63 333 63M338.5 63H333" stroke="black"/>
                <path class="cream" d="M62.8018 122.825C61.4641 139.542 51.8 120.769 48.3048 118.973C45.8 117.686 46.659 119.299 46.1462 114.641C45.6334 109.983 46.3404 106.735 49.2277 103.044C50.864 100.952 52.2962 97.9582 54.3394 96.2614C56.7145 94.2889 60.3576 91.1349 60.3576 91.1349C60.3576 91.1349 57.6439 87.43 57.4208 84.6638C57.2011 81.939 57.425 79.9617 59.2184 77.8985C60.7609 76.1239 64.5946 75.1882 64.5946 75.1882L68.5212 72.0927L69.9336 66.7771L71.6027 60.4951C71.6027 60.4951 76.643 56.5004 80.3919 56.6222L85.2243 57.9062C85.2243 57.9062 91.4668 55.8748 94.5645 57.8011C99.6374 60.9559 95.0764 67.2769 93.612 73.0685C92.0536 79.2318 96.8269 81.5803 93.528 87.0146C88.1191 95.9244 97.9378 84.0475 91.7304 93.7799C89.0411 97.9964 82.7877 99.5622 78.9843 102.81C74.8582 106.332 68.3147 113.331 64.3425 117.026C61.2498 119.904 63.1387 118.615 62.8018 122.825Z" fill="#F4F1F1"/>
                <path class="cream" d="M69.9336 66.7771L71.6027 60.4951C71.6027 60.4951 76.643 56.5004 80.3919 56.6222L85.2243 57.9062C85.2243 57.9062 91.4668 55.8748 94.5645 57.8011C99.6374 60.9559 95.0764 67.2769 93.612 73.0685C92.0536 79.2318 96.8269 81.5803 93.528 87.0146C88.1191 95.9244 97.9378 84.0475 91.7304 93.7799C89.0411 97.9964 82.7877 99.5622 78.9843 102.81C74.8582 106.332 68.3147 113.331 64.3425 117.026C61.2498 119.904 63.1387 118.615 62.8018 122.825C61.4641 139.542 51.8 120.769 48.3048 118.973C45.8 117.686 46.659 119.299 46.1462 114.641C45.6334 109.983 46.3404 106.735 49.2277 103.044C50.864 100.952 52.2962 97.9582 54.3394 96.2614C56.7145 94.2889 60.3576 91.1349 60.3576 91.1349C60.3576 91.1349 57.6439 87.43 57.4208 84.6638C57.2011 81.939 57.425 79.9617 59.2184 77.8985C60.7609 76.1239 64.5946 75.1882 64.5946 75.1882L68.5212 72.0927M69.9336 66.7771C69.382 68.853 68.5212 72.0927 68.5212 72.0927M69.9336 66.7771L68.5212 72.0927" stroke="black"/>
                <path class="lettuce" d="M319.5 82C315.795 86.3223 316.82 90.4773 319.5 95.5C321.843 99.8922 324.538 105.173 327 109.5C329.438 113.783 337.834 116.355 340.5 120.5C343.725 125.514 353 138 353 138C353 138 370.862 135.702 376.5 133.5C380.031 132.121 384.5 128 384.5 128L391.5 122C389.912 118.082 376.112 115.438 373.03 115.118C372.082 115.054 371.5 115 371.5 115C371.5 115 372.093 115.021 373.03 115.118C382 116.973 382 112.5 384.5 115C387.213 117.713 392.067 115.814 394 112.5C395.377 110.139 395.237 107.938 394 105.5C392.869 103.27 391.346 102.364 389 101.5C386.435 100.555 383.779 103.576 382 101.5C380.475 99.721 383.17 97.53 382 95.5C380.778 93.3803 376.5 84 376.5 84L371.5 86L366.25 95.5C366.25 95.5 370.602 90.1427 371.5 86C372.162 82.9467 373.393 80.4851 371.5 78C369.015 74.7383 365.101 78 361 78C357.876 78 356.02 77.2012 353 78C349.956 78.805 346 82 346 82C346 82 343.619 83.346 342 84C338.662 85.3482 321.843 79.2663 319.5 82Z" fill="#349806"/>
                <path class="lettuce" d="M371.5 115L353.5 106M371.5 115C371.5 115 372.082 115.054 373.03 115.118M371.5 115C371.5 115 372.093 115.021 373.03 115.118M371.5 86L376.5 84C376.5 84 380.778 93.3803 382 95.5C383.17 97.53 380.475 99.721 382 101.5C383.779 103.576 386.435 100.555 389 101.5C391.346 102.364 392.869 103.27 394 105.5C395.237 107.938 395.377 110.139 394 112.5C392.067 115.814 387.213 117.713 384.5 115C382 112.5 382 116.973 373.03 115.118M371.5 86L366.25 95.5M371.5 86C370.602 90.1427 366.25 95.5 366.25 95.5M371.5 86C372.162 82.9467 373.393 80.4851 371.5 78C369.015 74.7383 365.101 78 361 78C357.876 78 356.02 77.2012 353 78C349.956 78.805 346 82 346 82C346 82 343.619 83.346 342 84C338.662 85.3482 321.843 79.2663 319.5 82C315.795 86.3223 316.82 90.4773 319.5 95.5C321.843 99.8922 324.538 105.173 327 109.5C329.438 113.783 337.834 116.355 340.5 120.5C343.725 125.514 353 138 353 138C353 138 370.862 135.702 376.5 133.5C380.031 132.121 384.5 128 384.5 128L391.5 122C389.912 118.082 376.112 115.438 373.03 115.118M353.5 94.5L366.25 95.5" stroke="black"/>
                <path class="lettuce" d="M41.1901 124.444C43.4457 129.671 47.6287 130.576 53.3179 130.375C58.2931 130.199 64.221 130.098 69.1894 129.787C74.108 129.478 80.1068 123.065 85.0015 122.491C90.922 121.796 106.214 118.948 106.214 118.948C106.214 118.948 111.996 101.893 112.494 95.8604C112.806 92.0819 111.067 86.2575 111.067 86.2575L108.752 77.3334C104.534 77.0393 96.0976 88.2751 94.4561 90.9035C93.9819 91.7269 93.6778 92.2257 93.6778 92.2257C93.6778 92.2257 93.9575 91.702 94.4561 90.9035C100.063 83.6597 96.0442 81.6948 99.3883 80.5471C103.017 79.3017 103.443 74.1066 101.315 70.9145C99.7992 68.6399 97.7603 67.7996 95.0269 67.8396C92.5266 67.8763 91.0444 68.8462 89.2372 70.5743C87.2614 72.4636 88.8083 76.1763 86.1623 76.8628C83.8942 77.4513 83.1099 74.0678 80.7721 74.2272C78.3312 74.3938 68.0251 74.1166 68.0251 74.1166L67.6254 79.4869L73.8537 88.3764C73.8537 88.3764 70.9527 82.1132 67.6254 79.4869C65.1731 77.5513 63.5028 75.3635 60.4386 75.9728C56.4168 76.7725 57.6275 81.7218 55.8263 85.4055C54.4539 88.2122 52.9213 89.5282 52.3122 92.5924C51.6982 95.6805 52.8307 100.638 52.8307 100.638C52.8307 100.638 52.9942 103.368 52.8704 105.11C52.6151 108.701 39.7636 121.139 41.1901 124.444Z" fill="#349806"/>
                <path class="lettuce" d="M93.6778 92.2257L77.6857 104.443M93.6778 92.2257C93.6778 92.2257 93.9819 91.7269 94.4561 90.9035M93.6778 92.2257C93.6778 92.2257 93.9575 91.702 94.4561 90.9035M67.6254 79.4869L68.0251 74.1166C68.0251 74.1166 78.3312 74.3938 80.7721 74.2272C83.1099 74.0678 83.8942 77.4513 86.1623 76.8628C88.8083 76.1763 87.2614 72.4636 89.2372 70.5743C91.0444 68.8462 92.5266 67.8763 95.0269 67.8396C97.7603 67.7996 99.7992 68.6399 101.315 70.9145C103.443 74.1066 103.017 79.3017 99.3883 80.5471C96.0442 81.6948 100.063 83.6597 94.4561 90.9035M67.6254 79.4869L73.8537 88.3764M67.6254 79.4869C70.9527 82.1132 73.8537 88.3764 73.8537 88.3764M67.6254 79.4869C65.1731 77.5513 63.5028 75.3635 60.4386 75.9728C56.4168 76.7725 57.6275 81.7218 55.8263 85.4055C54.4539 88.2122 52.9213 89.5282 52.3122 92.5924C51.6982 95.6805 52.8307 100.638 52.8307 100.638C52.8307 100.638 52.9942 103.368 52.8704 105.11C52.6151 108.701 39.7636 121.139 41.1901 124.444C43.4457 129.671 47.6287 130.576 53.3179 130.375C58.2931 130.199 64.221 130.098 69.1894 129.787C74.108 129.478 80.1068 123.065 85.0015 122.491C90.922 121.796 106.214 118.948 106.214 118.948C106.214 118.948 111.996 101.893 112.494 95.8604C112.806 92.0819 111.067 86.2575 111.067 86.2575L108.752 77.3334C104.534 77.0393 96.0976 88.2751 94.4561 90.9035M67.3547 99.3911L73.8537 88.3764" stroke="black"/>
                <path class="lettuce" d="M121.409 30.4496C117.705 34.7719 118.73 38.9269 121.409 43.9496C123.753 48.3418 126.447 53.623 128.909 57.9496C131.347 62.2327 139.744 64.8047 142.409 68.9496C145.634 73.9633 154.909 86.4496 154.909 86.4496C154.909 86.4496 172.771 84.152 178.409 81.9496C181.941 80.5702 186.409 76.4496 186.409 76.4496L193.409 70.4496C191.821 66.5313 178.021 63.8881 174.939 63.5681C173.991 63.5037 173.409 63.4496 173.409 63.4496C173.409 63.4496 174.003 63.4709 174.939 63.5681C183.909 65.4228 183.909 60.9496 186.409 63.4496C189.122 66.1623 193.976 64.2633 195.909 60.9496C197.287 58.5883 197.146 56.3876 195.909 53.9496C194.778 51.7195 193.256 50.8141 190.909 49.9496C188.344 49.0046 185.688 52.0252 183.909 49.9496C182.385 48.1706 185.08 45.9797 183.909 43.9496C182.688 41.8299 178.409 32.4496 178.409 32.4496L173.409 34.4496L168.159 43.9496C168.159 43.9496 172.512 38.5923 173.409 34.4496C174.071 31.3963 175.303 28.9347 173.409 26.4496C170.924 23.188 167.01 26.4496 162.909 26.4496C159.785 26.4496 157.93 25.6509 154.909 26.4496C151.866 27.2546 147.909 30.4496 147.909 30.4496C147.909 30.4496 145.529 31.7956 143.909 32.4496C140.571 33.7979 123.753 27.716 121.409 30.4496Z" fill="#349806"/>
                <path class="lettuce" d="M173.409 63.4496L155.409 54.4496M173.409 63.4496C173.409 63.4496 173.991 63.5037 174.939 63.5681M173.409 63.4496C173.409 63.4496 174.003 63.4709 174.939 63.5681M173.409 34.4496L178.409 32.4496C178.409 32.4496 182.688 41.8299 183.909 43.9496C185.08 45.9797 182.385 48.1706 183.909 49.9496C185.688 52.0252 188.344 49.0046 190.909 49.9496C193.256 50.8141 194.778 51.7195 195.909 53.9496C197.146 56.3876 197.287 58.5883 195.909 60.9496C193.976 64.2633 189.122 66.1623 186.409 63.4496C183.909 60.9496 183.909 65.4228 174.939 63.5681M173.409 34.4496L168.159 43.9496M173.409 34.4496C172.512 38.5923 168.159 43.9496 168.159 43.9496M173.409 34.4496C174.071 31.3963 175.303 28.9347 173.409 26.4496C170.924 23.188 167.01 26.4496 162.909 26.4496C159.785 26.4496 157.93 25.6509 154.909 26.4496C151.866 27.2546 147.909 30.4496 147.909 30.4496C147.909 30.4496 145.529 31.7956 143.909 32.4496C140.571 33.7979 123.753 27.716 121.409 30.4496C117.705 34.7719 118.73 38.9269 121.409 43.9496C123.753 48.3418 126.447 53.623 128.909 57.9496C131.347 62.2327 139.744 64.8047 142.409 68.9496C145.634 73.9633 154.909 86.4496 154.909 86.4496C154.909 86.4496 172.771 84.152 178.409 81.9496C181.941 80.5702 186.409 76.4496 186.409 76.4496L193.409 70.4496C191.821 66.5313 178.021 63.8881 174.939 63.5681M155.409 42.9496L168.159 43.9496" stroke="black"/>
                <path class="meat" d="M339.5 199.746L349 183.746V176.746V169.746L353 164.746V161.246L344 155.746V150.746V145.246V128L368.25 134.746L374 128C374 128 381 134.302 381 131.246C381 125.5 393 140.492 385.5 131.246C378 122 388.5 128 388.5 128C388.5 128 401 128 401 139.246C401 144.617 398.833 147.481 396.568 149.008C397.567 149.355 398.996 149.911 401 150.746C413 155.746 402.418 155.962 401 158.746C399.871 160.964 396.25 162.996 396.25 162.996L401 161.246C401 161.246 398.5 157.746 408.5 161.246C418.5 164.746 413.231 168.246 413 173.246C412.823 177.081 411.903 179.706 409.683 182.417C410.368 183.007 411.413 184.294 413 186.746C418.5 195.246 413 199.746 413 199.746C413 199.746 410.509 202.094 408.5 202.746C411.311 205.237 418.02 205.275 418.5 209C419.14 213.964 413 223.246 413 223.246L403.5 233.246H391.5L374 229.5L361 215L339.5 199.746Z" fill="#503103"/>
                <path class="meat" d="M344 155.746V150.746V145.246V128M344 155.746H371H378H344ZM344 155.746L353 161.246V164.746M408.5 202.746C411.311 205.237 418.02 205.275 418.5 209C419.14 213.964 413 223.246 413 223.246L403.5 233.246H391.5L374 229.5L361 215L339.5 199.746L349 183.746V176.746M408.5 202.746C405.571 202.746 401 202.746 401 202.746L391.5 199.746M408.5 202.746C404.399 202.746 398 202.746 398 202.746L391.5 199.746M408.5 202.746C410.509 202.094 413 199.746 413 199.746C413 199.746 418.5 195.246 413 186.746C407.5 178.246 408.5 183.746 408.5 183.746M391.5 199.746L383.5 195.246M408.5 183.746C405.571 181.598 404.174 180.012 401 178.246C398.938 177.099 395.5 175.746 395.5 175.746M408.5 183.746C403.423 180.622 395.5 175.746 395.5 175.746M408.5 183.746C411.585 180.524 412.794 177.702 413 173.246C413.231 168.246 418.5 164.746 408.5 161.246C398.5 157.746 401 161.246 401 161.246L396.25 162.996M395.5 175.746H391.5M388.5 163.746L391.5 164.746L396.25 162.996M388.5 163.746L385.5 162.746H378L388.5 163.746ZM396.25 162.996C396.25 162.996 399.871 160.964 401 158.746C402.418 155.962 413 155.746 401 150.746C389 145.746 397.648 150.746 395.5 150.746C393.938 150.746 391.5 150.746 391.5 150.746C391.5 150.746 401 150.492 401 139.246C401 128 388.5 128 388.5 128C388.5 128 378 122 385.5 131.246C393 140.492 381 125.5 381 131.246C381 134.302 374 128 374 128M374 128L371 139.246L374 142.746L377.5 143.996M374 128L368.25 134.746L344 128M377.5 143.996L381 145.246L383.5 150.746L377.5 143.996ZM371 142.746L344 128M353 164.746L371 169.746H349M353 164.746L349 169.746M349 169.746V176.746M349 176.746L378 180.246L385.5 183.746L391.5 186.746H395.5" stroke="black"/>
                <path class="frontShell" d="M378 236C386.201 236 391.315 238.863 399 236C392.185 237.537 382.5 223 378 212C375.006 204.681 373.26 200.578 371 193C367.476 181.183 368.309 173.879 365 162C361.419 149.143 358.933 141.955 353 130C347.7 119.321 343.461 114.019 337 104C329.838 92.8946 327.747 84.9231 318 76C308.711 67.4959 290 60 290 60C290 60 276.402 54.5621 272 53C264.352 50.1141 266.757 51.5803 259 49C247.394 45.1391 241.087 41.8746 229 40C215.493 37.9051 207.628 38.9489 194 40C181.004 41.0023 173.517 41.3633 161 45C147.406 48.9497 128 60 128 60C115.368 63.8798 109.063 67.4646 99 76C88.9366 84.5354 85.292 88.4962 77 97C65.0225 109.283 57.1748 115.503 48 130C40.6193 141.662 38.2205 149.224 33 162C28.141 173.891 23.9647 180.305 22 193C20.3873 203.42 20.1441 209.62 22 220C24.0679 231.565 22.8959 242.006 33 248C41.3968 252.981 48.2591 247.341 58 248C70.6196 248.853 77.3553 252.694 90 253C104.963 253.362 128 248 128 248C128 248 142.487 251.92 152 253C163.641 254.322 170.294 253.482 182 253C200.443 252.241 210.762 250.845 229 248C239.595 246.347 245.284 243.398 256 243C269.411 242.502 276.58 247.843 290 248C304.58 248.17 312.648 245.574 327 243C339.591 240.741 346.248 237.009 359 236C366.397 235.415 370.58 236 378 236Z" fill="#FBD348" stroke="black" stroke-width="5"/>
                <ellipse cx="271" cy="83.5" rx="17" ry="14.5" fill="#FDC534"/>
                <ellipse cx="119" cy="217.5" rx="24" ry="19.5" fill="#FDC534"/>
                <ellipse cx="193" cy="143" rx="16" ry="15" fill="#FDC534"/>
                <ellipse cx="299.5" cy="140.5" rx="17.5" ry="14.5" fill="#FDC534"/>
                <ellipse cx="157" cy="88" rx="25" ry="24" fill="#FDC534"/>
                <ellipse cx="61.5" cy="194" rx="19.5" ry="19" fill="#FDC534"/>
                <ellipse cx="334" cy="195.5" rx="17" ry="14.5" fill="#FDC534"/>
                <path class="lEye" d="M121.41 178.042L121.056 177.968L120.699 178.023C109.771 179.686 102.21 176.544 97.3391 171.31C92.3932 165.995 90 158.28 90 150.5C90 140.237 93.5096 132.676 99.012 127.666C104.543 122.63 112.278 120 121 120C129.841 120 135.804 121.938 139.925 126.417C144.122 130.976 146.757 138.526 148 150.602C147.987 160.66 146.118 168.524 142.038 173.331C138.099 177.971 131.701 180.196 121.41 178.042Z" fill="#FFFEFE" stroke="black" stroke-width="4"/>
                <path class="rEye" d="M263.203 168.01L262.697 167.959L262.228 168.155C257.196 170.262 252.896 170.488 249.279 169.543C245.647 168.595 242.527 166.42 239.953 163.43C234.762 157.397 232 148.265 232 140.5C232 125.517 245.662 113 263 113C271.934 113 278.14 114.606 282.412 118.588C286.703 122.588 289.447 129.361 290.509 140.687C291.58 152.119 290.229 159.305 286.298 163.433C282.399 167.528 275.341 169.249 263.203 168.01Z" fill="#FFFEFE" stroke="black" stroke-width="4"/>
                <path class="lPupil" d="M139 153.5C139 163.717 134.075 170 128 170C121.925 170 114 163.717 114 153.5C114 143.283 117.5 135 128 135C134.075 135 139 138.5 139 153.5Z" fill="black"/>
                <path class="lShine" d="M132.817 149.198C132.817 149.198 134.5 157.782 128.909 157.782C123.317 157.782 125 149.198 125 149.198C125 149.198 123.317 140.5 128.909 140C134.5 139.5 132.817 149.198 132.817 149.198Z" fill="#FFFDFD" fill-opacity="0.96" style="mix-blend-mode:lighten"/>
                <path class="rPupil" d="M265 145.5C265 155.165 265 163 256 163C249.373 163 244 159 244 145.5C244 132 249.373 128 256 128C262.627 128 265 135.835 265 145.5Z" fill="#090808"/>
                <path class="rShine" d="M260 143.5C260 148.194 259.209 150.5 257 150.5C254.791 150.5 254 148.194 254 143.5C254 135 254.791 135 257 135C259.209 135 260 138.806 260 143.5Z" fill="#FFFEFE"/>
                <path class="mouth"  d="M194.5 228H194.446L194.392 228.004C173.848 229.489 158.534 226.002 148.418 220.364C138.279 214.714 133.5 207.013 133.5 200C133.5 189.888 136.567 184.859 140.818 182.651C145.233 180.358 151.488 180.774 158.562 182.935C162.45 184.122 166.347 185.938 170.373 187.813C171.842 188.498 173.328 189.19 174.837 189.863C180.375 192.332 186.164 194.5 192 194.5C201.909 194.5 212.643 189.801 222.123 185.477L222.297 185.397L222.445 185.276C231.352 178.046 237.784 175.991 242.317 176.744C246.708 177.473 249.887 180.955 252.053 186.419C253.638 194.837 250.715 205.134 241.734 213.396C232.709 221.7 217.485 228 194.5 228Z" fill="#090808" stroke="black" stroke-width="3"/>
                <path class="tongue" d="M205 211.5C212.727 211.789 226.5 220.5 219 225.5C211.5 230.5 191 229.5 191 229.5C191 229.5 176.5 229.5 168.5 225.5C160.5 221.5 167 217.5 181.5 211.5C196 205.5 191 220.5 191 220.5C191 220.5 198.505 211.257 205 211.5Z" fill="#FF0909" stroke="black" stroke-width="3"/>
                <path class="brows" d="M242.816 89.7533C241.575 91.2355 241.771 93.4429 243.253 94.6837C244.735 95.9246 246.943 95.7289 248.184 94.2467L242.816 89.7533ZM256 82L256.982 85.3595L256.982 85.3595L256 82ZM268.5 82L270.301 78.9988L268.5 82ZM281.32 99.7512C282.563 101.231 284.771 101.423 286.251 100.18C287.731 98.9367 287.923 96.7289 286.68 95.2488L281.32 99.7512ZM248.184 94.2467C249.263 92.9581 250.115 91.7509 250.837 90.7146C251.586 89.6386 252.134 88.8384 252.724 88.1243C253.75 86.8833 254.83 85.9884 256.982 85.3595L255.018 78.6405C251.348 79.7132 249.124 81.4928 247.329 83.6637C246.509 84.6555 245.767 85.7455 245.092 86.7146C244.39 87.7235 243.684 88.7164 242.816 89.7533L248.184 94.2467ZM256.982 85.3595C258.207 85.0014 259.916 84.4493 260.622 84.239C261.608 83.9451 262.262 83.7952 262.812 83.7433C263.648 83.6644 264.622 83.7547 266.699 85.0012L270.301 78.9988C267.378 77.2453 264.913 76.5139 262.155 76.7742C260.907 76.8919 259.726 77.2019 258.622 77.5307C257.238 77.9433 256.605 78.1769 255.018 78.6405L256.982 85.3595ZM266.699 85.0012C267.604 85.5439 268.967 86.6634 270.628 88.232C272.239 89.7532 273.963 91.5361 275.56 93.2566C277.153 94.9723 278.597 96.5999 279.643 97.8C280.166 98.3993 280.587 98.8901 280.877 99.2299C281.022 99.3997 281.134 99.5316 281.21 99.6203C281.247 99.6647 281.275 99.6982 281.294 99.7202C281.303 99.7312 281.31 99.7394 281.314 99.7446C281.317 99.7472 281.318 99.749 281.319 99.7501C281.32 99.7507 281.32 99.751 281.32 99.7512C281.32 99.7513 281.32 99.7513 281.32 99.7513C281.32 99.7513 281.32 99.7512 284 97.5C286.68 95.2488 286.68 95.2486 286.68 95.2484C286.679 95.2482 286.679 95.2479 286.679 95.2476C286.678 95.2471 286.678 95.2463 286.677 95.2453C286.675 95.2434 286.673 95.2407 286.67 95.2373C286.664 95.2304 286.656 95.2206 286.645 95.2079C286.624 95.1824 286.593 95.1454 286.552 95.0975C286.471 95.0016 286.353 94.862 286.201 94.6842C285.897 94.3286 285.459 93.8195 284.919 93.2C283.841 91.9626 282.347 90.2777 280.69 88.4934C279.037 86.7139 277.199 84.8093 275.434 83.1429C273.72 81.5241 271.896 79.9561 270.301 78.9988L266.699 85.0012Z" fill="black"/>
                <path class="brows" d="M134.42 103.365C135.727 104.79 137.941 104.886 139.365 103.58C140.79 102.273 140.886 100.059 139.58 98.6347L134.42 103.365ZM127.5 94L126.421 97.3297L126.421 97.3297L127.5 94ZM116 94L114.561 90.8094L114.561 90.8094L116 94ZM106.5 99.5L108.866 102.079L108.866 102.079L106.5 99.5ZM96.8612 107.451C96.006 109.185 96.7179 111.284 98.4514 112.139C100.185 112.994 102.284 112.282 103.139 110.549L96.8612 107.451ZM137 101C139.58 98.6347 139.579 98.6343 139.579 98.6339C139.579 98.6337 139.578 98.6333 139.578 98.6329C139.578 98.6322 139.577 98.6315 139.576 98.6306C139.575 98.6289 139.573 98.6269 139.57 98.6245C139.566 98.6198 139.56 98.6137 139.554 98.6063C139.54 98.5915 139.521 98.5714 139.498 98.5464C139.451 98.4965 139.385 98.4266 139.302 98.3394C139.135 98.165 138.898 97.9203 138.601 97.6247C138.009 97.0357 137.169 96.2338 136.177 95.3798C134.299 93.7631 131.478 91.6095 128.579 90.6703L126.421 97.3297C127.906 97.8107 129.835 99.1571 131.611 100.685C132.446 101.404 133.159 102.086 133.664 102.587C133.915 102.837 134.111 103.039 134.241 103.176C134.306 103.244 134.355 103.295 134.385 103.328C134.4 103.344 134.411 103.355 134.417 103.362C134.42 103.365 134.422 103.367 134.422 103.367C134.422 103.368 134.422 103.368 134.422 103.367C134.422 103.367 134.422 103.367 134.421 103.367C134.421 103.366 134.421 103.366 134.421 103.366C134.421 103.366 134.42 103.365 137 101ZM128.579 90.6703C126.348 89.9476 124.122 89.3639 121.794 89.2904C119.389 89.2144 117.054 89.685 114.561 90.8094L117.439 97.1906C119.039 96.4687 120.319 96.2473 121.573 96.2869C122.903 96.3289 124.38 96.6684 126.421 97.3297L128.579 90.6703ZM114.561 90.8094C111.238 92.308 107.802 93.5554 104.134 96.921L108.866 102.079C111.515 99.6483 113.713 98.8706 117.439 97.1906L114.561 90.8094ZM104.134 96.921C102.091 98.7949 100.255 101.532 99.0159 103.574C98.3712 104.636 97.8384 105.594 97.466 106.288C97.2793 106.636 97.1316 106.919 97.029 107.119C96.9777 107.22 96.9375 107.299 96.9093 107.355C96.8952 107.383 96.8841 107.405 96.8761 107.421C96.872 107.43 96.8688 107.436 96.8663 107.441C96.8651 107.444 96.864 107.446 96.8632 107.447C96.8628 107.448 96.8624 107.449 96.8621 107.45C96.8619 107.45 96.8617 107.45 96.8616 107.451C96.8614 107.451 96.8612 107.451 100 109C103.139 110.549 103.139 110.549 103.138 110.549C103.138 110.549 103.138 110.55 103.138 110.55C103.138 110.55 103.138 110.55 103.138 110.55C103.138 110.55 103.138 110.55 103.138 110.549C103.139 110.548 103.14 110.545 103.142 110.541C103.147 110.533 103.154 110.518 103.164 110.498C103.184 110.458 103.216 110.396 103.258 110.313C103.343 110.148 103.47 109.904 103.634 109.598C103.962 108.986 104.434 108.139 105 107.206C106.182 105.258 107.596 103.244 108.866 102.079L104.134 96.921Z" fill="black"/>
                <path class="teeth" d="M143.5 194C140.457 195.326 135.819 194 132.5 194C132.5 194 133.13 189.033 134.5 187.112C138.78 181.112 137.745 182.552 141.5 181C147.996 178.314 155 180 161.5 182.5C165.052 183.866 167.775 185.791 170.581 187.57C170.711 187.279 170.78 187.112 170.78 187.112C170.78 187.112 170.716 187.285 170.613 187.591C173.123 189.181 175.702 190.653 179 191.5C182.088 192.293 184.531 192.347 186.98 192.25C186.994 192.057 187 191.95 187 191.95C187 191.95 187 192.056 187.004 192.249C189.577 192.145 192.158 191.875 195.5 192.12C199.979 192.448 203.192 191.269 207.5 190C211.451 188.836 212.448 188.086 216 186C221.953 182.504 224.715 178.774 231.5 177.5C235.53 176.743 239.42 174.313 242 177.5C244.089 180.08 243.433 183.006 242 186C240.432 189.276 238.062 190.792 234.5 191.5C228.444 192.704 221.5 182.5 221.5 182.5C221.5 182.5 224.944 189.747 223.5 194C222.281 197.59 219.52 200.592 216 202C210.771 204.092 203.5 192.12 203.5 192.12C203.5 192.12 206.335 201.605 203.5 203.5C200.578 205.453 192.986 206.854 190 205C187.321 203.337 187.034 194.04 187.004 192.249C186.996 192.249 186.988 192.249 186.98 192.25C186.841 194.035 185.891 203.21 181 203.5C176.4 203.773 171.351 202.22 169.5 198C168.236 195.119 170.036 189.294 170.613 187.591C170.602 187.584 170.591 187.577 170.581 187.57C169.667 189.617 165.742 197.83 161.5 198C158.183 198.133 156.194 196.491 154 194C150.963 190.551 151 180.26 151 180.26L149 188.5C149 188.5 146.285 192.786 143.5 194Z" fill="#FFFDFD"/>
                <path class="teeth" d="M132.5 194C135.819 194 140.457 195.326 143.5 194C146.285 192.786 149 188.5 149 188.5L151 180.26C151 180.26 150.963 190.551 154 194C156.194 196.491 158.183 198.133 161.5 198C166.346 197.806 170.78 187.112 170.78 187.112C170.78 187.112 168.01 194.602 169.5 198C171.351 202.22 176.4 203.773 181 203.5C186.419 203.179 187 191.95 187 191.95C187 191.95 187.032 203.158 190 205C192.986 206.854 200.578 205.453 203.5 203.5C206.335 201.605 203.5 192.12 203.5 192.12C203.5 192.12 210.771 204.092 216 202C219.52 200.592 222.281 197.59 223.5 194C224.944 189.747 221.5 182.5 221.5 182.5C221.5 182.5 228.444 192.704 234.5 191.5C238.062 190.792 240.432 189.276 242 186C243.433 183.006 244.089 180.08 242 177.5C239.42 174.313 235.53 176.743 231.5 177.5C224.715 178.774 221.953 182.504 216 186C212.448 188.086 211.451 188.836 207.5 190C203.192 191.269 199.979 192.448 195.5 192.12C188.968 191.641 185.343 193.129 179 191.5C172.002 189.703 168.243 185.094 161.5 182.5C155 180 147.996 178.314 141.5 181C137.745 182.552 138.78 181.112 134.5 187.112C133.13 189.033 132.5 194 132.5 194Z" stroke="black"/>
                <path class="stache" d="M215.5 166.012C205.966 166.291 193 175.512 193 175.512C193 175.512 198.99 179.934 203 182.512C208.664 186.152 207.335 192.372 213 196.012C220.393 200.761 224.987 206.407 233 210.012C244.979 215.401 257.8 213.48 269.5 207.512C275.409 204.497 278.569 201.688 282 196.012C286.219 189.031 286 175.512 286 175.512L282 182.512C282 182.512 270.462 191.66 262 191.012C253.518 190.361 250.915 183.68 243.5 179.512C232.918 173.563 227.634 165.656 215.5 166.012Z" fill="#503103" stroke="black" stroke-width="2"/>
                <path class="stache" d="M170.214 167.076C180.014 167.509 193.207 177.25 193.207 177.25C193.207 177.25 186.98 181.737 182.817 184.345C176.938 188.028 178.209 194.487 172.329 198.169C164.655 202.974 159.845 208.748 151.55 212.359C139.151 217.757 125.996 215.576 114.055 209.22C108.025 206.011 104.818 203.056 101.376 197.127C97.1433 189.838 97.5743 175.846 97.5743 175.846L101.581 183.153C101.581 183.153 113.307 192.797 122.018 192.253C130.75 191.708 133.528 184.831 141.216 180.628C152.188 174.63 157.742 166.525 170.214 167.076Z" fill="#503103" stroke="black" stroke-width="2"/>
            </g>
            <defs>
                <clipPath id="clip0">
                    <rect width="443" height="270" fill="white"/>
                </clipPath>
            </defs>
        </svg>
    </body>
</html>
              
            
!

CSS

              
                body {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background-color: indigo;
}

svg{
    width: 600px;
    height: 600px;
    overflow: hidden;
    box-sizing: border-box;
    margin: auto;
    position: relative;
    border-radius: 50%;
}

.stache{
    animation: wiggle .5s linear infinite;
}

.brows{
    animation: howYouDoin 1s linear infinite;
}

@keyframes wiggle {
    0%   {transform:rotate(0deg);}
    50%  {transform: rotate(1deg);}
    100% {transform:rotate(-1deg);}
}

@keyframes howYouDoin {
    0% {transform:translate(0, 10px);}
    10% {transform:translate(0, -10px);}
    20% {transform:translate(0, 10px);}
    30% {transform:translate(0, -10px);}
    40% {transform:translate(0, 10px);}
    50% {transform:translate(0, -10px);}
    60% {transform:translate(0, 0);}
    70% {transform:translate(0, 0);}
    80% {transform:translate(0, 0);}
    90% {transform:translate(0, 0);}
    100% {transform:translate(0, 0);}
}
              
            
!

JS

              
                
              
            
!
999px

Console