animated food

In this example below you will see how to do a animated food with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by seane, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright seane ©
  • HTML
  • CSS
  • JavaScript
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>animated food</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  
<div class="foodContainer">
<svg version="1.1" x="0px" y="0px"
	 width="500px" height="500px" viewBox="0 0 700 400">
<g class="shrimp" id="shrimp">
	<g>
		<path fill="none" d="M474.279,401.732c-0.008-0.007-0.008-0.007-0.008-0.007c0.061-0.023,0.128-0.056,0.22-0.103
			c0.007-0.003,0.013,0.013,0.021,0.023L474.279,401.732L474.279,401.732C474.279,401.732,474.271,401.725,474.279,401.732z"/>
		<path fill="none" d="M595.655,331.791c0,0,0.171,3.92,0.032,9.827c-0.119,5.92-0.788,13.867-2.161,21.726
			c-1.354,7.887-3.396,15.67-5.307,21.444c-1.904,5.764-3.497,9.515-3.497,9.515c-0.715,1.741-2.626,2.016-4.191,1.499
			c2.495-5.837,4.644-11.771,6.309-17.776c3.077-11.021,4.835-22.125,5.378-32.902c1.017-21.594-2.433-41.748-8.316-59.706
			c-2.621-7.986-5.711-15.55-9.134-22.767c1.526-0.843,3.469-0.823,4.292,0.952c0-0.007,6.752,14.36,10.831,29.924
			c2.102,7.75,3.59,15.723,4.371,21.756c0.797,6.049,1.048,10.131,1.048,10.131c0.113,1.751,1.705,2.972,3.562,2.73
			C597.027,328.392,595.582,330.037,595.655,331.791z"/>
		<path fill="none" d="M474.251,401.666c-0.663-1.472-1.319-2.939-1.319-2.939l0,0l0.286-0.132c0,0,0.63,1.492,1.267,2.988
			l-0.133,0.049L474.251,401.666z"/>
		<path fill="none" d="M472.821,398.78c0,0.007,0.669,1.463,1.345,2.922l-1.167,0.451c-3.946,1.287-7.548,1.778-10.619,1.828
			c-6.095-0.05-10.925-1.725-16.204-4.676c-5.187-2.929-10.334-7.3-14.731-11.933c-4.431-4.636-8.093-9.534-10.892-13.704
			c-0.358-0.527-0.656-1.008-0.982-1.512c1.42-1.005,3.37-1.225,4.372,0.275c0,0,2.069,3.158,5.611,7.511
			c3.542,4.319,8.708,9.797,14.693,13.986c2.951,2.069,6.188,3.821,9.284,4.978c3.066,1.161,6.116,1.621,8.756,1.665
			c2.581,0.01,4.915-0.375,6.461-0.716c1.571-0.345,2.428-0.617,2.434-0.607c0.536-0.153,0.994-0.548,1.333-1.064
			c0.166,0.354,0.285,0.604,0.285,0.604L472.821,398.78z"/>
		<path fill="none" d="M487.55,161.79c0,0,12.649,7.891,24.231,17.252c11.687,9.223,22.088,19.896,22.088,19.896
			c1.213,1.243,0.536,3.124-0.691,4.4c-0.961-0.988-1.909-2.04-2.871-3.001c-10.601-10.616-21.471-19.563-31.964-27.042
			c-20.968-15.043-40.374-24.193-54.104-29.875c-3.476-1.386-6.507-2.604-9.307-3.605c-1.505-0.543-2.917-1.064-4.185-1.515
			c-2.395-1.884-4.709-3.682-6.971-5.403c0.55-0.169,1.141-0.203,1.724-0.003c0,0,0.929,0.298,2.554,0.83
			c1.632,0.497,4.06,1.336,6.747,2.36c2.725,1.042,5.91,2.246,9.318,3.536c3.502,1.374,7.038,2.926,10.613,4.534
			c7.129,3.214,14.081,6.769,19.194,9.595c5.129,2.822,8.444,4.858,8.444,4.858c1.445,0.862,3.457,0.252,4.518-1.373
			C485.839,158.868,486.131,160.898,487.55,161.79z"/>
		<path fill="none" d="M422.402,135.541c-0.298-0.103-0.61-0.119-0.907-0.189c0-0.017,0.005-0.04,0.012-0.06
			c0.299-1.121,1.195-2.056,2.27-2.395c2.262,1.721,4.576,3.519,6.971,5.403c-1.042-0.372-1.99-0.713-2.78-0.958
			C424.339,136.167,422.402,135.541,422.402,135.541z"/>
		<path fill="none" d="M513.419,374.623c-6.719,8.566-15.368,15.319-25.205,20.701c-1.194,0.7-2.474,1.324-3.747,1.94
			c-1.233,0.653-2.534,1.247-3.833,1.807c-1.281,0.594-2.575,1.164-3.928,1.679l-1.983,0.799l-0.133,0.063
			c-0.006-0.01-0.013-0.023-0.006-0.034c0.078-0.042,0.165-0.082,0.284-0.139l-0.165,0.057l-0.14,0.057
			c-0.631-1.513-1.247-3.009-1.247-3.009l0.008-0.003v-0.01c0,0-0.181-0.448-0.451-1.111c0.072-0.212,0.125-0.418,0.159-0.64
			c0.815,0.776,1.989,1.081,3.162,0.62c0,0,0.856-0.365,2.356-0.991c0.756-0.352,1.677-0.773,2.726-1.257
			c1.048-0.521,2.221-1.094,3.515-1.731c4.888-2.653,11.528-6.858,17.286-11.806c2.892-2.478,5.598-5.141,7.833-7.813
			c2.242-2.713,4.146-5.439,5.598-7.853c1.46-2.422,2.534-4.524,3.237-6.017c0.71-1.483,1.063-2.358,1.063-2.358
			c0.654-1.559,2.54-1.9,4.125-1.446C521.24,363.039,517.691,369.24,513.419,374.623z"/>
		<path fill="none" d="M313.524,383.766c0,0,0.199-1.025,0.656-2.789c0.458-1.774,1.195-4.292,2.356-7.23
			c2.288-5.867,6.546-13.382,12.396-19.583c0.067-0.083,0.146-0.143,0.212-0.223c0.432,1.127,0.869,2.245,1.32,3.363
			c-15.693,17.604-19.732,43.28-8.238,63.218c0.465,0.799,2.209,3.459,5.327,7.512c3.137,4.072,7.655,9.611,13.962,16.148
			c0.802,0.832,1.638,1.685,2.494,2.54c-1.234,1.267-3.123,1.851-4.463,0.484c0,0-2.754-2.779-6.64-7.167
			c-3.88-4.451-8.835-10.321-13.299-17.113c-4.364-7.213-6.486-15.408-7.063-21.78c-0.307-3.173-0.286-5.856-0.22-7.737
			c0.08-1.876,0.192-2.955,0.192-2.955c0.179-1.834-1.067-3.439-2.905-3.599C311.44,386.974,313.146,385.583,313.524,383.766z"/>
		<path fill="none" d="M342.576,346.934c-4.583,2.956-8.629,6.475-12.112,10.371c-0.451-1.118-0.889-2.235-1.32-3.363
			c5.739-6.161,12.762-10.871,18.399-13.507c2.853-1.36,5.301-2.242,7.039-2.796c1.731-0.564,2.731-0.806,2.731-0.806
			c1.851-0.465,2.938,0.925,3.237,2.537C354.409,340.776,348.328,343.236,342.576,346.934z"/>
		<path fill="none" d="M466.863,494.095c0,0-3.899,0.819-9.771,1.465c-5.883,0.674-13.743,1.032-21.503,0.452
			c-7.748-0.537-15.342-1.891-20.914-3.283c-5.586-1.377-9.167-2.643-9.173-2.643c-1.672-0.554-1.825-2.465-1.201-4.109
			c1.354,0.464,2.686,0.958,4.093,1.397c8.763,2.765,18.631,4.732,29.238,5.349c10.599,0.603,21.929-0.298,33.091-2.846
			c11.164-2.612,21.981-6.745,32.038-12.121l1.267-0.712l0.324-0.183l0.153-0.089c1.578-0.773,0.556-0.282,0.961-0.488l0.81-0.471
			l3.236-1.91c2.156-1.244,4.312-2.596,6.468-4.006c2.155-1.376,4.312-2.806,6.44-4.334c2.148-1.509,4.292-3.015,6.407-4.683
			c1.46-1.118,2.898-2.305,4.351-3.472c0.989,1.29,1.188,3.243-0.443,4.546c-6.467,5.177-13.245,9.615-20.171,13.946
			c-12.258,7.538-25.598,13.29-39.333,16.791c-1.751,0.445-2.972,2.238-2.739,4.066C470.233,494.93,468.608,493.756,466.863,494.095
			z"/>
		<path fill="none" d="M474.193,401.762c0,0,0,0,0.006,0C474.107,401.808,474.027,401.844,474.193,401.762z"/>
		<path fill="none" d="M485.528,222.571c0,0-2.268-2.832-5.891-6.902c-3.613-4.063-8.661-9.312-13.948-14.284
			c-10.512-10.006-22.378-18.45-22.378-18.45c-1.333-0.964-0.996-2.875-0.02-4.325c9.06,6.414,19.329,14.6,29.682,24.937
			c7.985,7.913,15.992,17.083,23.407,27.414c7.448,10.294,14.287,21.799,19.819,34.189c2.434,5.426,4.604,11.034,6.453,16.758
			c-1.592,0.637-3.48,0.375-4.079-1.379c0,0-1.213-3.662-3.402-8.979c-2.182-5.322-5.412-12.283-9.14-18.946
			c-7.329-13.426-16.802-25.388-16.802-25.388c-1.001-1.3-3.03-1.331-4.517-0.073C486.206,225.891,486.57,223.841,485.528,222.571z"
			/>
		<path fill="#C1A763" d="M327.553,428.035c-3.118-4.053-4.862-6.713-5.327-7.512c-11.494-19.938-7.455-45.614,8.238-63.218
			c27.917,68.193,90.645,122.513,161.796,91.445c78.845-34.425,107.805-165.703-13.63-270.765
			c-18.58-16.072-34.392-29.105-47.883-39.684c1.268,0.45,2.68,0.972,4.185,1.515c2.799,1.002,5.831,2.22,9.307,3.605
			c13.73,5.681,33.137,14.831,54.104,29.875c10.493,7.479,21.363,16.426,31.964,27.042c0.962,0.961,1.91,2.013,2.871,3.001
			c-1.214,1.26-2.944,1.94-3.973,0.889l-0.272-0.269l-0.371-0.382c-1.147-1.17-3.197-0.961-4.544,0.438
			c-1.347,1.403-1.505,3.442-0.376,4.583c0,0,3.48,3.413,8.356,8.865c4.889,5.429,11.057,12.98,16.628,20.997
			c5.585,7.993,10.554,16.426,13.903,22.937c3.368,6.497,5.28,11.004,5.28,11.01c0.656,1.457,2.532,1.963,4.251,1.104
			c1.718-0.842,2.594-2.779,1.923-4.304l-1.061-2.352c-0.782-1.678,0.331-3.366,1.844-4.205c3.423,7.217,6.513,14.781,9.134,22.767
			c5.884,17.958,9.333,38.112,8.316,59.706c-0.543,10.778-2.301,21.882-5.378,32.902c-1.665,6.005-3.813,11.939-6.309,17.776
			c-1.539-0.518-2.746-1.818-2.136-3.264l0.152-0.382l0.206-0.507c0.65-1.625-0.245-3.383-1.983-3.917
			c-1.724-0.531-3.588,0.281-4.205,1.807c0,0-1.778,4.71-5.233,11.501c-3.442,6.829-8.669,15.438-15.063,23.438
			c-6.315,8.032-13.578,15.358-19.363,20.433c-2.878,2.567-5.357,4.58-7.135,5.992c-1.806,1.41-2.847,2.208-2.847,2.208
			c-1.301,1.022-1.538,2.982-0.55,4.495c0.987,1.485,2.944,1.877,4.331,0.792l2.182-1.688c1.545-1.23,3.31-0.583,4.291,0.693
			c-1.452,1.167-2.891,2.354-4.351,3.472c-2.115,1.668-4.259,3.173-6.407,4.683c-2.129,1.529-4.285,2.958-6.44,4.334
			c-2.156,1.41-4.312,2.763-6.468,4.006l-3.236,1.91l-0.81,0.471c-0.405,0.207,0.617-0.285-0.961,0.488l-0.153,0.089l-0.324,0.183
			l-1.267,0.712c-10.057,5.376-20.874,9.509-32.038,12.121c-11.162,2.548-22.492,3.449-33.091,2.846
			c-10.606-0.616-20.475-2.584-29.238-5.349c-1.407-0.439-2.739-0.933-4.093-1.397c0.61-1.615,1.971-2.968,3.375-2.494l0.359,0.112
			l0.49,0.166c1.572,0.524,3.37-0.577,4.021-2.384c0.636-1.814-0.027-3.612-1.506-4.113c0,0-4.583-1.379-11.13-4.185
			c-6.573-2.776-14.977-7.213-22.917-12.629c-7.945-5.333-15.375-11.538-20.647-16.459c-5.287-4.958-8.577-8.51-8.577-8.51
			c-1.081-1.144-3.084-1.018-4.497,0.325c-1.413,1.326-1.646,3.398-0.524,4.586l1.765,1.838c1.306,1.313,0.729,3.24-0.505,4.494
			c-0.856-0.855-1.692-1.708-2.494-2.54C335.208,437.646,330.69,432.106,327.553,428.035z"/>
		<path fill="#DDC47F" d="M529.729,294.621l0.094,0.391c0,0,2.681,11.177,3.11,22.92c0.272,5.841,0,11.773-0.464,16.208
			c-0.471,4.45-1.048,7.408-1.048,7.408c-0.412,2.093-2.262,2.842-3.9,2.604c0.06-0.269,0.132-0.524,0.187-0.79
			c2.508-12.171,2.612-25.706,0.417-39.117c-0.576-3.622-1.326-7.229-2.189-10.822C527.554,292.833,529.365,293.045,529.729,294.621
			z"/>
		<path fill="#DDC47F" d="M409.742,362.07l-0.2-0.305c0,0-1.378-2.179-3.966-5.031c-2.554-2.842-6.454-6.225-10.917-8.769
			c-4.439-2.577-9.367-4.281-13.181-5.095c-3.807-0.845-6.44-0.974-6.44-0.974c-1.885-0.106-2.633-2.097-2.302-3.897
			c16.569,0.159,32.11,8.325,40.878,23.318c-0.092-0.116-0.052,0.08,0.16,0.563C412.354,362.906,410.49,363.248,409.742,362.07z"/>
		<path fill="#DDC47F" d="M492.26,448.749c-71.151,31.068-133.878-23.252-161.796-91.445c3.482-3.896,7.529-7.415,12.112-10.371
			c5.751-3.697,11.833-6.158,17.975-7.564c0.325,1.668-0.219,3.582-1.651,3.92l-0.386,0.105l-0.49,0.136
			c-1.606,0.444-2.489,2.328-1.992,4.099c0.478,1.768,1.938,2.823,3.264,2.448c0,0,1.036-0.309,2.86-0.687
			c1.824-0.371,4.463-0.796,7.633-0.845c6.328-0.206,14.851,1.465,21.929,5.836c3.541,2.119,6.706,4.822,9.24,7.721
			c1.273,1.459,2.395,2.961,3.362,4.451c0.511,0.822,0.869,1.346,1.161,1.926c0.509,0.968,1.007,1.914,1.485,2.819
			c1.938,3.602,3.768,6.589,5.18,8.679c1.373,1.967,2.156,3.094,2.156,3.094c1.055,1.469,3.157,1.646,4.657,0.411
			c1.498-1.224,1.877-3.313,0.889-4.699l-1.533-2.179c-1.095-1.651-0.179-3.453,1.253-4.45c0.326,0.503,0.624,0.984,0.982,1.512
			c2.799,4.169,6.46,9.067,10.892,13.704c4.397,4.633,9.544,9.004,14.731,11.933c5.279,2.951,10.109,4.626,16.204,4.676
			c3.071-0.05,6.673-0.541,10.619-1.828l1.167-0.451c0.014,0.023,0.021,0.05,0.027,0.06c-0.166,0.083-0.086,0.046,0.006,0
			c0.677,1.5,1.36,2.991,1.367,2.988c0.021-0.01-0.113,0.053-0.014,0.007c0.086-0.04,0.073-0.037,0.014,0
			c0,0,0.425,1.091,1.027,2.51c0.073,0.179,0.146,0.351,0.226,0.533c0.073,0.176,0.146,0.352,0.227,0.521
			c0.304,0.706,0.583,1.33,0.782,1.771c0.199,0.438,0.332,0.7,0.345,0.693l0.133-0.073c0.007-0.007-0.597-1.34-1.333-3.001
			c-0.743-1.651-1.34-2.995-1.34-2.995l-0.014,0.006c-0.007-0.003-0.664-1.489-1.34-2.991l0.232-0.086
			c0.624,1.506,1.254,3.001,1.26,3.004l-0.02,0.01c0,0,0.569,1.353,1.273,3.028c0.71,1.664,1.287,3.021,1.287,3.021l0.285-0.139
			c0,0-0.551-1.36-1.227-3.051c-0.698-1.679-1.261-3.035-1.261-3.035l-0.272,0.129c0,0-0.622-1.502-1.247-3.001l0.133-0.063
			l1.983-0.799c1.353-0.515,2.646-1.084,3.928-1.679c1.299-0.561,2.6-1.154,3.833-1.807c1.273-0.617,2.553-1.241,3.747-1.94
			c9.837-5.382,18.486-12.135,25.205-20.701c4.271-5.383,7.82-11.584,10.514-18.496c1.578,0.464,2.825,1.708,2.168,3.326
			l-0.171,0.401l-0.24,0.547c-0.729,1.708-0.112,3.655,1.546,4.4c1.618,0.737,3.728-0.159,4.55-2.069c0,0,0.657-1.422,1.639-3.966
			c0.969-2.541,2.229-6.208,3.336-10.642c2.282-8.981,3.463-20.731,2.82-32.203c-0.564-11.518-2.873-22.409-5.062-30.388
			c-2.195-7.97-4.152-13.047-4.152-13.047c-0.617-1.675-2.534-2.377-4.277-1.562c-1.726,0.803-2.641,2.753-2.05,4.368l0.9,2.52
			c0.631,1.877-0.676,3.446-2.288,4.096c-1.85-5.725-4.02-11.332-6.453-16.758c-5.532-12.39-12.371-23.895-19.819-34.189
			c-7.415-10.331-15.422-19.501-23.407-27.414c-10.353-10.337-20.622-18.523-29.682-24.937c0.994-1.452,2.639-2.454,3.899-1.552
			l0.317,0.236l0.432,0.315c1.36,0.978,3.396,0.543,4.584-0.996c1.181-1.548,1.021-3.631-0.391-4.643c0,0-4.2-3.133-10.792-7.438
			c-3.27-2.152-7.256-4.597-11.448-7.024c-1.122-0.617-2.229-1.26-3.375-1.894c-1.082-0.587-2.177-1.184-3.283-1.788
			c-1.156-0.61-2.316-1.234-3.483-1.848l-0.915-0.474l-0.159-0.099c-0.172-0.093-0.378-0.239-0.583-0.408
			c-0.875-0.69-1.785-1.861-2.263-2.873c-0.251-0.498-0.403-0.952-0.457-1.247c-0.013-0.097-0.013-0.12-0.021-0.14l0,0
			c0,0.01,0,0.02,0,0l0,0l0,0c0,0,0-0.003,0.021-0.037c0.112-0.229,0.259-0.424,0.425-0.604c0.317-0.345,0.723-0.617,1.127-0.759
			c0.397-0.153,0.769-0.186,1.087-0.169c0.159,0.006,0.305,0.029,0.452,0.069c0.405,0.129,0.775,0.249,1.115,0.348
			c2.088,0.688,3.276,1.068,3.276,1.068c1.532,0.501,3.475-0.517,4.073-2.332c0.849-1.751,0.067-3.641-1.493-4.142l-2.467-0.803
			c-1.831-0.61-1.897-2.395-1.472-4.029c0.297,0.07,0.609,0.086,0.907,0.189c0,0,1.937,0.627,5.565,1.801
			c0.79,0.245,1.737,0.586,2.78,0.958c13.492,10.579,29.304,23.612,47.883,39.684C600.065,283.046,571.105,414.324,492.26,448.749z"
			/>
		<path fill="#DDC47F" d="M474.271,401.725c-0.005-0.013-0.02-0.041-0.02-0.06l0.101-0.034l0.133-0.049
			c0,0.017,0.006,0.03,0.006,0.04C474.399,401.669,474.332,401.702,474.271,401.725z"/>
		<path fill="#DDC47F" d="M413.613,361.317c0.034,0.043,0.087,0.113,0.154,0.249C413.72,361.48,413.661,361.4,413.613,361.317z"/>
		<path fill="#DDC47F" d="M415.351,146.74L415.351,146.74C415.351,146.727,415.351,146.727,415.351,146.74z"/>
		<path fill="#DDC47F" d="M474.704,401.497l0.165-0.057c-0.119,0.057-0.206,0.096-0.284,0.139c-0.015-0.016-0.015-0.016-0.021-0.025
			L474.704,401.497z"/>
		<path fill="#DDC47F" d="M415.351,146.74L415.351,146.74L415.351,146.74z"/>
		<path fill="#DDC47F" d="M474.279,401.732L474.279,401.732C474.271,401.725,474.279,401.732,474.279,401.732z"/>
		<path fill="#DDC47F" d="M410.775,142.011l-0.191,0.232c0.105-0.003-1.731,1.744-1.951,4.6c-0.292,2.7,2.03,7.598,5.651,10.096
			c0.463,0.318,0.843,0.544,1.367,0.802l1.856,0.981c1.202,0.634,2.375,1.274,3.517,1.877c2.221,1.207,4.418,2.415,6.194,3.472
			c3.536,2.083,5.91,3.556,5.91,3.556c1.632,1.028,1.447,2.991,0.466,4.454c-1.281-0.819-2.561-1.628-3.748-2.358
			c-2.859-1.714-5.478-3.289-7.687-4.516c-2.276-1.234-4.021-2.289-5.778-3.148c-3.375-1.724-5.174-2.636-5.174-2.636
			c-5.339-2.726-7.714-9.247-5.339-15.418c0.902-2.315,2.375-4.239,4.159-5.748C411.034,139.53,411.505,141.152,410.775,142.011z"/>
		<path fill="#DDC47F" d="M474.279,401.732L474.279,401.732l-0.039,0.026C474.266,401.738,474.271,401.738,474.279,401.732z"/>
		<path fill="#DDC47F" d="M474.279,401.732c-0.013,0.003-0.039,0.026-0.08,0.03c-0.006,0-0.006,0-0.006,0
			c0.021-0.01,0.053-0.023,0.078-0.037C474.271,401.725,474.271,401.725,474.279,401.732z"/>
		<path fill="#DDC47F" d="M474.584,401.579c-0.007,0.011,0,0.024,0.006,0.034l-0.079,0.033c-0.008-0.01-0.014-0.026-0.021-0.023
			C474.517,401.612,474.55,401.592,474.584,401.579z"/>
		<path fill="#DDC47F" d="M474.279,401.732c-0.008,0.006-0.013,0.006-0.039,0.026L474.279,401.732
			c0.676,1.502,1.333,2.988,1.34,2.991l0.014-0.006c0,0,0.597,1.343,1.34,2.995c0.736,1.662,1.34,2.995,1.333,3.001l-0.133,0.073
			c-0.013,0.007-0.146-0.255-0.345-0.693c-0.199-0.441-0.479-1.064-0.782-1.771c-0.08-0.17-0.153-0.345-0.227-0.521
			c-0.079-0.182-0.152-0.354-0.226-0.533c-0.603-1.419-1.027-2.51-1.027-2.51c0.06-0.037,0.072-0.04-0.014,0
			c-0.1,0.046,0.034-0.017,0.014-0.007c-0.007,0.003-0.69-1.488-1.367-2.988C474.24,401.758,474.266,401.735,474.279,401.732
			L474.279,401.732z"/>
		<path fill="#DDC47F" d="M475.837,404.614l0.272-0.129c0,0,0.563,1.356,1.261,3.035c0.676,1.691,1.227,3.051,1.227,3.051
			l-0.285,0.139c0,0-0.577-1.356-1.287-3.021c-0.704-1.675-1.273-3.028-1.273-3.028l0.02-0.01c-0.006-0.003-0.636-1.499-1.26-3.004
			l0.079-0.033C475.215,403.112,475.837,404.614,475.837,404.614z"/>
		<path fill="#DDC47F" d="M474.485,401.583l0.079-0.029c0.006,0.01,0.006,0.01,0.021,0.025c-0.034,0.013-0.067,0.034-0.094,0.043
			C474.491,401.612,474.485,401.599,474.485,401.583z"/>
		<path fill="#DDC47F" d="M474.271,401.725c-0.025,0.013-0.058,0.026-0.078,0.037c-0.006-0.01-0.014-0.037-0.027-0.06l0.086-0.036
			C474.251,401.685,474.266,401.712,474.271,401.725z"/>
		<path fill="#DDC47F" d="M473.033,396.781c-0.034,0.222-0.087,0.427-0.159,0.64c-0.22-0.531-0.484-1.184-0.777-1.934
			c-0.444-1.058-0.81-1.93-1.048-2.471c0.358,0.163,0.723,0.404,1.055,0.72c-0.105,0.577-0.105,1.154,0.061,1.734
			C472.348,396.018,472.667,396.419,473.033,396.781z"/>
		<path fill="#DDC47F" d="M320.999,353.444c1.705-2.129,3.622-4.192,5.665-6.179c0.783,2.245,1.618,4.467,2.48,6.676
			c-0.066,0.08-0.145,0.14-0.212,0.223c-5.85,6.201-10.108,13.717-12.396,19.583c-1.161,2.938-1.898,5.456-2.356,7.23
			c-0.457,1.764-0.656,2.789-0.656,2.789c-0.377,1.817-2.083,3.208-3.914,3.091c-1.844-0.109-3.07-1.896-2.653-3.97
			c0,0,0.299-1.585,1.048-4.305c0.77-2.706,2.016-6.567,4.099-10.98"/>
		<path fill="#DDC47F" d="M357.314,336.833c0,0-1,0.242-2.731,0.806c-1.738,0.554-4.187,1.436-7.039,2.796
			c-5.637,2.636-12.661,7.346-18.399,13.507c-0.862-2.208-1.697-4.431-2.48-6.676c2.561-2.494,5.333-4.862,8.278-6.958
			c5.287-3.791,11.197-6.798,16.908-8.746c5.724-1.986,11.249-2.945,15.945-3.274c4.695-0.334,8.569-0.083,11.243,0.223
			c2.681,0.305,4.172,0.617,4.172,0.617c1.997,0.361,3.098,2.251,2.501,4.063c-0.591,1.83-2.467,2.955-4.212,2.63
			c0,0-1.333-0.242-2.679-0.415c-1.347-0.188-2.707-0.289-2.707-0.289c-1.958-0.116-3.091,1.313-3.377,2.882
			c-4.026-0.043-8.111,0.444-12.184,1.37C360.252,337.757,359.165,336.368,357.314,336.833z"/>
		<path fill="#DDC47F" d="M471.407,395.829c0.465,0.985,0.849,1.811,1.107,2.355c-0.339,0.517-0.797,0.911-1.333,1.064
			c-0.006-0.01-0.862,0.262-2.434,0.607c-1.547,0.341-3.881,0.726-6.461,0.716c-2.64-0.043-5.69-0.503-8.756-1.665
			c-3.096-1.157-6.333-2.909-9.284-4.978c-5.984-4.188-11.15-9.667-14.693-13.986c-3.542-4.354-5.611-7.511-5.611-7.511
			c-1.002-1.5-2.952-1.28-4.372-0.275c-2.254-3.493-3.893-6.431-4.875-8.335c-0.43-0.865-0.737-1.516-0.922-1.94
			c1.42-1.028,2.402-2.726,1.4-4.271l-1.433-2c-1.042-1.399-0.811-3.525,0.616-4.835c1.434-1.303,3.655-1.15,4.849,0.448
			c0,0,0.935,1.181,2.375,3.406c0.344,0.547,0.729,1.154,1.221,1.987c0.225,0.384,0.484,0.835,0.689,1.27
			c0.165,0.315,0.324,0.62,0.498,0.949c0.669,1.294,1.454,2.719,2.328,4.252c3.324,5.82,9.062,13.684,15.548,19.802
			c3.257,3.071,6.778,5.764,10.049,7.562c3.542,1.957,6.369,2.882,8.941,3.177c0.637,0.074,1.326,0.126,1.871,0.14
			c0.578,0.02,0.988-0.003,1.591-0.043c1.121-0.089,2.117-0.219,2.945-0.395c1.632-0.315,2.6-0.623,2.514-0.6
			c0.106-0.023,0.278,0.013,0.432,0.03l-0.153,0.076C470.053,392.834,470.643,394.18,471.407,395.829z"/>
		<path fill="#DDC47F" d="M419.57,372.156c-1.432,0.998-2.348,2.799-1.253,4.45l1.533,2.179c0.988,1.386,0.609,3.476-0.889,4.699
			c-1.5,1.234-3.602,1.058-4.657-0.411c0,0-0.783-1.127-2.156-3.094c-1.413-2.09-3.242-5.078-5.18-8.679
			c-0.478-0.906-0.976-1.851-1.485-2.819c-0.292-0.581-0.65-1.104-1.161-1.926c-0.968-1.49-2.089-2.992-3.362-4.451
			c-2.534-2.898-5.699-5.602-9.24-7.721c-7.078-4.371-15.601-6.042-21.929-5.836c-3.17,0.049-5.81,0.474-7.633,0.845
			c-1.825,0.378-2.86,0.687-2.86,0.687c-1.326,0.375-2.786-0.68-3.264-2.448c-0.498-1.771,0.386-3.655,1.992-4.099l0.49-0.136
			l0.386-0.105c1.432-0.339,1.976-2.252,1.651-3.92c4.073-0.925,8.158-1.413,12.184-1.37c-0.331,1.801,0.417,3.792,2.302,3.897
			c0,0,2.633,0.129,6.44,0.974c3.814,0.813,8.742,2.518,13.181,5.095c4.463,2.543,8.362,5.926,10.917,8.769
			c2.588,2.852,3.966,5.031,3.966,5.031l0.2,0.305c0.748,1.177,2.612,0.835,4.031-0.189c0.186,0.425,0.492,1.075,0.922,1.94
			C415.678,365.725,417.316,368.664,419.57,372.156z"/>
		<path fill="#DDC47F" d="M472.874,397.42c-0.094,0.268-0.207,0.524-0.359,0.763c-0.259-0.544-0.643-1.37-1.107-2.355
			c-0.764-1.648-1.354-2.995-1.354-2.995l0.153-0.076c0.251,0.026,0.53,0.119,0.842,0.258c0.238,0.541,0.604,1.413,1.048,2.471
			C472.389,396.236,472.654,396.89,472.874,397.42z"/>
		<path fill="#C1A763" d="M306.327,406.083c-0.729-4.626-0.823-8.59-0.743-11.353c0.079-2.769,0.246-4.351,0.246-4.351
			c0.192-2.096,1.943-3.671,3.78-3.522c1.838,0.159,3.084,1.765,2.905,3.599c0,0-0.112,1.078-0.192,2.955
			c-0.066,1.88-0.087,4.563,0.22,7.737c0.577,6.372,2.699,14.566,7.063,21.78c4.464,6.792,9.419,12.662,13.299,17.113
			c3.886,4.388,6.64,7.167,6.64,7.167c1.34,1.367,3.229,0.782,4.463-0.484c2.554,2.551,5.374,5.25,8.503,8.026
			c-1.121,1.356-1.645,3.233-0.331,4.372l1.771,1.519c1.28,1.087,1.353,3.157,0.126,4.666c-1.227,1.502-3.33,1.837-4.664,0.723
			c0,0-4.118-3.379-9.829-8.875c-5.704-5.468-12.974-13.179-19.514-21.596c-1.646-2.112-3.244-4.255-4.809-6.52l-1.207-1.811
			l-0.709-1.174l-0.531-0.972c-0.703-1.284-1.36-2.58-1.944-3.89C308.483,415.976,307.064,410.703,306.327,406.083z"/>
		<path fill="#C1A763" d="M405.502,490.085c0.007,0,3.587,1.266,9.173,2.643c5.571,1.393,13.166,2.747,20.914,3.283
			c7.761,0.581,15.62,0.222,21.503-0.452c5.871-0.646,9.771-1.465,9.771-1.465c1.745-0.338,3.37,0.835,3.628,2.66
			c0.265,1.844-1.048,3.658-2.905,4.026c0,0-1.419,0.288-3.907,0.684c-2.48,0.384-6.035,0.9-10.294,1.226
			c-8.523,0.743-19.985,0.555-30.936-1.32c-11.031-1.757-21.537-5.216-29.039-8.3c-3.781-1.526-6.846-2.971-8.975-4.006
			c-2.115-1.061-3.323-1.675-3.323-1.675c-1.585-0.802-2.03-2.858-1.054-4.53c0.995-1.671,2.984-2.348,4.497-1.575
			c0,0,1.14,0.583,2.281,1.157c1.161,0.568,2.308,1.124,2.308,1.124c1.784,0.823,3.43-0.354,4.205-1.943
			c3.457,1.55,7.097,3.012,10.952,4.355C403.678,487.621,403.831,489.532,405.502,490.085z"/>
		<path fill="#C1A763" d="M344.514,442.229l-1.765-1.838c-1.122-1.188-0.889-3.26,0.524-4.586c1.413-1.343,3.417-1.469,4.497-0.325
			c0,0,3.29,3.552,8.577,8.51c5.272,4.922,12.702,11.127,20.647,16.459c7.94,5.416,16.344,9.854,22.917,12.629
			c6.547,2.806,11.13,4.185,11.13,4.185c1.479,0.501,2.142,2.299,1.506,4.113c-0.65,1.807-2.448,2.908-4.021,2.384l-0.49-0.166
			l-0.359-0.112c-1.405-0.474-2.766,0.878-3.375,2.494c-3.854-1.343-7.495-2.805-10.952-4.355c0.77-1.555,0.691-3.499-0.953-4.267
			c0,0-2.442-1.125-5.977-3.002c-3.542-1.907-8.166-4.597-12.622-7.592c-8.961-5.879-17.034-12.97-17.034-12.97l-0.291-0.249
			c-1.108-0.979-2.846-0.146-3.961,1.207c-3.129-2.776-5.949-5.475-8.503-8.026C345.243,445.469,345.82,443.542,344.514,442.229z"/>
		<path fill="#C1A763" d="M584.722,394.303c0,0,1.593-3.751,3.497-9.515c1.91-5.774,3.952-13.558,5.307-21.444
			c1.373-7.859,2.042-15.806,2.161-21.726c0.139-5.906-0.032-9.827-0.032-9.827c-0.073-1.754,1.372-3.399,3.216-3.647
			c1.857-0.262,3.416,1.024,3.482,2.868c0.008,0,0.285,5.592-0.099,14.115c-0.412,8.553-1.858,19.951-4.743,31.177
			c-2.793,11.28-7.196,22.271-11.064,30.13c-1.93,3.963-3.667,7.17-4.96,9.402c-1.281,2.241-2.043,3.508-2.043,3.508
			c-1.016,1.652-3.098,2.252-4.624,1.323c-1.538-0.918-2.004-2.938-1.034-4.51c0,0,0.716-1.184,1.405-2.394
			c0.684-1.205,1.367-2.405,1.367-2.405c1.021-1.874,0-3.492-1.492-4.179c1.977-3.731,3.814-7.521,5.465-11.378
			C582.096,396.319,584.007,396.044,584.722,394.303z"/>
		<path fill="#C1A763" d="M473.231,492.688c13.735-3.501,27.075-9.253,39.333-16.791c6.926-4.331,13.704-8.769,20.171-13.946
			c1.631-1.303,1.433-3.256,0.443-4.546c3.23-2.621,6.428-5.396,9.553-8.325c1.127,1.171,2.904,1.761,4.277,0.448l1.817-1.797
			c1.32-1.277,3.356-1.35,4.637-0.097c1.267,1.244,1.239,3.417-0.14,4.756c-5.678,5.658-11.799,11.001-18.028,15.79
			c-1.526,1.193-3.217,2.494-4.855,3.665c-1.651,1.173-3.137,2.232-4.9,3.425l-4.85,3.191c-1.671,1.067-3.024,2.002-5.033,3.186
			c-6.203,3.824-13.213,7.496-20.052,10.395c-6.898,2.958-13.982,5.382-21.266,7.244c-1.891,0.471-3.602-0.687-3.847-2.531
			C470.259,494.927,471.48,493.134,473.231,492.688z"/>
		<path fill="#C1A763" d="M528.887,456.712l-2.182,1.688c-1.387,1.084-3.344,0.693-4.331-0.792c-0.988-1.512-0.751-3.472,0.55-4.495
			c0,0,1.041-0.799,2.847-2.208c1.777-1.412,4.257-3.425,7.135-5.992c5.785-5.075,13.048-12.4,19.363-20.433
			c6.394-8,11.62-16.609,15.063-23.438c3.455-6.792,5.233-11.501,5.233-11.501c0.617-1.525,2.481-2.338,4.205-1.807
			c1.738,0.534,2.634,2.292,1.983,3.917l-0.206,0.507l-0.152,0.382c-0.61,1.446,0.597,2.746,2.136,3.264
			c-1.65,3.857-3.488,7.647-5.465,11.378c-1.453-0.676-3.363-0.478-4.292,1.234c0,0-5.512,10.125-12.722,19.195
			c-7.044,9.188-15.475,17.183-15.475,17.187l-0.293,0.289c-1.153,1.084-0.676,2.835,0.446,3.996
			c-3.125,2.928-6.322,5.704-9.553,8.325C532.197,456.128,530.432,455.481,528.887,456.712z"/>
		<path fill="#C1A763" d="M595.309,325.414c0,0-0.251-4.082-1.048-10.131c-0.781-6.033-2.27-14.006-4.371-21.756
			c-4.079-15.564-10.831-29.931-10.831-29.924c-0.823-1.774-2.766-1.794-4.292-0.952c-1.719-3.605-3.508-7.121-5.366-10.537
			c1.459-0.958,2.534-2.636,1.692-4.155l-1.175-2.046c-0.855-1.459-0.245-3.513,1.354-4.58c1.617-1.078,3.628-0.716,4.511,0.796
			c0,0,2.732,4.56,6.32,11.733c3.595,7.17,7.913,17.06,11.282,27.361c3.436,10.317,5.845,21.089,7.059,29.314
			c1.253,8.222,1.564,13.82,1.564,13.82c0.119,1.851-1.293,3.532-3.138,3.788C597.014,328.385,595.422,327.165,595.309,325.414z"/>
		<path fill="#C1A763" d="M533.87,198.938c0,0-10.401-10.673-22.088-19.896c-11.582-9.361-24.231-17.252-24.231-17.252
			c-1.419-0.892-1.711-2.922-0.662-4.557c1.034-1.622,3.084-2.219,4.537-1.293c0,0,4.471,2.742,10.904,7.249
			c6.394,4.468,14.792,10.812,22.651,17.723c7.898,6.895,15.269,14.311,20.588,20.131c5.313,5.828,8.61,9.939,8.61,9.939
			c1.095,1.344,0.769,3.446-0.717,4.693c-1.472,1.247-3.528,1.201-4.597-0.104l-3.257-3.876c-1.268-1.479-3.211-0.969-4.511,0.252
			c-2.606-2.981-5.259-5.851-7.92-8.61C534.406,202.062,535.083,200.181,533.87,198.938z"/>
		<path fill="#C1A763" d="M572.923,266.855l1.061,2.352c0.671,1.525-0.205,3.462-1.923,4.304c-1.719,0.859-3.595,0.352-4.251-1.104
			c0-0.006-1.912-4.513-5.28-11.01c-3.35-6.51-8.318-14.944-13.903-22.937c-5.571-8.016-11.739-15.567-16.628-20.997
			c-4.876-5.452-8.356-8.865-8.356-8.865c-1.129-1.141-0.971-3.18,0.376-4.583c1.347-1.4,3.396-1.609,4.544-0.438l0.371,0.382
			l0.272,0.269c1.028,1.051,2.759,0.371,3.973-0.889c2.661,2.759,5.313,5.628,7.92,8.61c-1.26,1.194-1.903,3.055-0.709,4.434
			c0,0,7.063,8.152,13.238,17.02c6.269,8.812,11.563,18.288,11.563,18.288l0.185,0.338c0.735,1.31,2.561,1.051,4.026,0.086
			c1.858,3.416,3.647,6.931,5.366,10.537C573.254,263.489,572.141,265.177,572.923,266.855z"/>
		<path fill="#DDC47F" d="M421.507,135.292c-0.006,0.02-0.012,0.043-0.012,0.06c-4.034-0.965-8.266,0.218-11.469,2.905
			c-0.006,0-0.013-0.021-0.026-0.033c-0.995-1.247-2.979-1.834-4.497,0.016c-0.072-0.053-1.81,2.597-1.751,2.627
			c-1.115,1.963-3.004,3.678-4.822,3.502c-0.903-0.123-1.604-0.849-1.844-2.049c-0.271-1.158,0.053-2.896,0.857-4.351
			c0,0,0.278-0.544,0.894-1.52c0.611-0.978,1.599-2.381,3.091-3.939c2.429-2.583,6.561-5.664,12.026-7.024
			c3.109,2.295,6.393,4.769,9.823,7.412C422.702,133.236,421.806,134.171,421.507,135.292z"/>
		<rect x="415.351" y="146.74" fill="#DDC47F" width="0" height="0"/>
		<path fill="#DDC47F" d="M415.351,146.74L415.351,146.74C415.351,146.76,415.351,146.75,415.351,146.74z"/>
		<path fill="#DDC47F" d="M421.495,135.352c-0.425,1.634-0.359,3.419,1.472,4.029l2.467,0.803c1.56,0.501,2.342,2.391,1.493,4.142
			c-0.598,1.814-2.541,2.833-4.073,2.332c0,0-1.188-0.381-3.276-1.068c-0.339-0.099-0.709-0.218-1.115-0.348
			c-0.146-0.04-0.292-0.063-0.452-0.069c-0.318-0.017-0.69,0.016-1.087,0.169c-0.404,0.142-0.81,0.415-1.127,0.759
			c-0.166,0.179-0.313,0.375-0.425,0.604c-0.021,0.033-0.021,0.037-0.021,0.037c0-0.013,0-0.013,0,0l0,0
			c0.008,0.02,0.008,0.043,0.021,0.14c0.054,0.295,0.206,0.749,0.457,1.247c0.478,1.011,1.387,2.182,2.263,2.873
			c0.206,0.168,0.411,0.314,0.583,0.408l0.159,0.099l0.915,0.474c1.167,0.613,2.328,1.237,3.483,1.848
			c1.106,0.604,2.201,1.201,3.283,1.788c1.146,0.633,2.254,1.276,3.375,1.894c4.192,2.428,8.178,4.872,11.448,7.024
			c6.593,4.305,10.792,7.438,10.792,7.438c1.412,1.012,1.572,3.095,0.391,4.643c-1.188,1.539-3.224,1.974-4.584,0.996l-0.432-0.315
			l-0.317-0.236c-1.261-0.901-2.905,0.1-3.899,1.552c-3.431-2.434-6.68-4.6-9.697-6.53c0.981-1.462,1.167-3.425-0.466-4.454
			c0,0-2.374-1.473-5.91-3.556c-1.776-1.058-3.973-2.265-6.194-3.472c-1.142-0.604-2.314-1.244-3.517-1.877l-1.856-0.981
			c-0.524-0.258-0.903-0.484-1.367-0.802c-3.622-2.498-5.944-7.396-5.651-10.096c0.22-2.855,2.056-4.603,1.951-4.6l0.191-0.232
			c0.73-0.858,0.259-2.481-0.749-3.754C413.229,135.57,417.461,134.386,421.495,135.352z"/>
		<path fill="#DDC47F" d="M489.229,227.217c0,0,9.473,11.962,16.802,25.388c3.728,6.663,6.958,13.624,9.14,18.946
			c2.189,5.317,3.402,8.979,3.402,8.979c0.599,1.754,2.487,2.016,4.079,1.379c1.24,3.794,2.342,7.634,3.283,11.515
			c-1.611,0.583-3.037,1.96-2.666,3.598l0.479,2.262c0.344,1.646-0.91,3.373-2.727,3.844c-1.831,0.481-3.523-0.398-3.847-1.943
			c0,0-0.884-4.772-2.966-11.76c-2.056-6.998-5.479-16.114-9.776-24.853c-4.266-8.752-9.346-17.056-13.459-23.059
			c-4.138-6.02-7.157-9.836-7.157-9.836c-0.968-1.258-0.582-3.277,0.896-4.531C486.199,225.887,488.228,225.917,489.229,227.217z"/>
		<path fill="#DDC47F" d="M519.808,357.573c0,0-0.353,0.875-1.063,2.358c-0.703,1.492-1.777,3.595-3.237,6.017
			c-1.452,2.414-3.355,5.14-5.598,7.853c-2.235,2.673-4.941,5.336-7.833,7.813c-5.758,4.948-12.398,9.153-17.286,11.806
			c-1.294,0.637-2.467,1.21-3.515,1.731c-1.049,0.484-1.97,0.906-2.726,1.257c-1.5,0.626-2.356,0.991-2.356,0.991
			c-1.173,0.461-2.347,0.156-3.162-0.62c0.092-0.558,0.085-1.138-0.087-1.685c-0.153-0.571-0.478-0.995-0.843-1.36
			c0.186-1.135,0.862-2.156,2.09-2.64c0,0,0.265-0.102,0.75-0.305c0.51-0.229,1.267-0.561,2.235-0.979
			c0.896-0.392,2.075-0.972,3.48-1.658c0.725-0.365,1.395-0.68,1.958-1.015c0.696-0.405,1.445-0.83,2.222-1.274
			c6.282-3.675,14.632-9.591,20.244-16.383c5.856-6.98,9.664-15.644,11.526-22.406c0.976-3.413,1.52-6.234,1.845-8.297
			c0.325-2.06,0.472-3.244,0.472-3.244c0.186-1.542,1.79-2.799,3.628-2.789c1.856,0.013,3.237,1.386,3.024,3.084
			c0,0-0.166,1.26-0.339,2.521c-0.212,1.257-0.424,2.523-0.424,2.523c-0.358,1.832,1.081,3.035,2.706,3.277
			c-0.922,4.192-2.122,8.188-3.588,11.976C522.348,355.673,520.462,356.015,519.808,357.573z"/>
		<path fill="#DDC47F" d="M524.94,277.813l-0.9-2.52c-0.591-1.615,0.324-3.565,2.05-4.368c1.743-0.815,3.66-0.113,4.277,1.562
			c0,0,1.957,5.078,4.152,13.047c2.188,7.979,4.497,18.87,5.062,30.388c0.643,11.472-0.538,23.222-2.82,32.203
			c-1.106,4.434-2.367,8.102-3.336,10.642c-0.981,2.544-1.639,3.966-1.639,3.966c-0.822,1.91-2.932,2.806-4.55,2.069
			c-1.658-0.746-2.275-2.692-1.546-4.4l0.24-0.547l0.171-0.401c0.657-1.618-0.59-2.862-2.168-3.326
			c1.466-3.788,2.666-7.784,3.588-11.976c1.639,0.238,3.488-0.511,3.9-2.604c0,0,0.577-2.958,1.048-7.408
			c0.464-4.435,0.736-10.367,0.464-16.208c-0.43-11.743-3.11-22.92-3.11-22.92l-0.094-0.391c-0.364-1.575-2.175-1.788-3.794-1.197
			c-0.941-3.88-2.043-7.721-3.283-11.515C524.264,281.259,525.571,279.689,524.94,277.813z"/>
		<path fill="#DDC47F" d="M473.033,396.781c-0.366-0.362-0.685-0.763-0.869-1.311c-0.166-0.581-0.166-1.158-0.061-1.734
			c0.365,0.365,0.689,0.789,0.843,1.36C473.118,395.643,473.125,396.223,473.033,396.781z"/>
	</g>
	<path fill="#AF8496" d="M395.473,130.122c-21.45-14.019,45.808-93.186,75.715-89.286
		C474.437,77.231,431.025,153.363,395.473,130.122z"/>
	<g>
		<path fill="#AF8496" d="M393.688,115.463c16.51-6.679,80.412,22.19,87.455,37.34c2.104,4.487,2.415,16.453,1.507,28.65
			c-13.365-10.749-29.954-19.594-98.499-59.858C386.36,119.283,389.484,117.167,393.688,115.463z"/>
		<path fill="#DDB1C2" d="M384.151,121.595c68.545,40.265,85.134,49.11,98.499,59.858c-1.114,15.153-2.295,28.599-6.016,30.624
			c-6.721,3.665-84.988-64.584-92.146-70.782C379.144,136.668,377.717,128.313,384.151,121.595z"/>
	</g>
	<path fill="#DDB1C2" d="M394.492,136.847c-26.505,0.637-8.61-91.448,19.952-104.81C436.836,59.216,438.415,135.773,394.492,136.847
		z"/>
</g>
</svg>
</div>

<div class="foodContainer">
  <div class="burger">
<svg version="1.1" id="Layer_1"  xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="600" height="300" viewBox="0 0 1000 700" enable-background="new 0 0 954.545 561.181"
	 xml:space="preserve">
  <g class="burger">
<g class="bottombun">
	<path fill="#CE9352" d="M117.398,464.732c-12.99,0-23.519,10.531-23.519,23.518v42.85c0,12.99,10.529,23.518,23.519,23.518h511.785
		v-89.885H117.398z"/>
	<path fill="#AF763E" d="M845.481,464.732H627.045v89.885h218.436c12.991,0,23.518-10.527,23.518-23.518v-42.85
		C868.999,475.263,858.472,464.732,845.481,464.732z"/>
</g>
<g class="patty">
	<path fill="#301204" d="M57.829,358.313c-24.26,0-43.927,21.061-43.927,47.038v17.689c0,25.978,19.667,47.036,43.927,47.036
		h513.649V358.313H57.829z"/>
	<path fill="#230E08" d="M905.053,358.313H569.482v111.764h335.571c24.26,0,43.925-21.059,43.925-47.036v-17.689
		C948.978,379.374,929.313,358.313,905.053,358.313z"/>
</g>
<path class="cheese" fill="#D8B41D" d="M72.932,358.313c-2.341-0.521-2.399-9.591,0-9.591c147.125,0,813.214,0,821.547,0
	c3.886,0,2.327,9.016,0,9.591c-250.51,62.104-399.459,81.811-399.459,81.811S391.679,429.654,72.932,358.313z"/>
<g class="lettuce">
	<path fill="#34661F" d="M847.398,374.353h-18.091h-2.012c-14.916,0-18.965-17.309-2.45-18.888h9.678
		c17.074,0,24.78-7.261,24.78-16.221s-7.706-16.224-24.78-16.224h19.918c5.724,0,10.366-4.641,10.366-10.368
		c0-5.726-4.643-10.365-10.366-10.365h-46.497c-5.725,0-10.368,4.64-10.368,10.365c0,5.728,4.644,10.368,10.368,10.368h-48.789
		c-16.252-1.715-12.168-18.871,2.684-18.871h2.006h18.097c9.616,0,17.407-7.796,17.407-17.413c0-9.613-7.791-17.41-17.407-17.41
		h-88.634c-9.614,0-17.411,7.794-17.411,17.41c0,9.613,7.797,17.413,17.411,17.413H697c16.499,0,16.77,17.156,1.863,18.871h-81.505
		c3.513,0,6.357-2.848,6.357-6.36c0-3.509-2.845-6.355-6.357-6.355h-65.324c-3.512,0-6.357,2.847-6.357,6.355
		c0,3.513,2.846,6.36,6.357,6.36h-23.275v32.444h8.832c14.567,1.55,12.707,15.505,1.425,18.345h-29.9
		c-4.959,0-8.977,4.021-8.977,8.979c0,4.962,4.018,8.978,8.977,8.978h100.152c4.957,0,8.978-4.016,8.978-8.978
		c0-4.957-4.021-8.979-8.978-8.979h-1.904h-12.151c-11.862-2.84-10.779-16.795,2.584-18.345h58.394
		c-4.058,0-7.351,3.296-7.351,7.354c0,4.06,3.293,7.354,7.351,7.354h48.903c4.063,0,7.353-3.294,7.353-7.354
		c0-4.058-3.29-7.354-7.353-7.354h59.021c15.114,1.579,14.923,18.888-1.653,18.888h-3.694c-9.61,0-17.409,7.797-17.409,17.413
		c0,9.612,7.799,17.405,17.409,17.405h88.632c9.617,0,17.409-7.793,17.409-17.405C864.807,382.15,857.015,374.353,847.398,374.353z"
		/>
	<g>
		<g>
			<path fill="#397F1F" d="M481.563,303.847h2.008h18.095c9.615,0,17.408-7.795,17.408-17.411c0-9.613-7.793-17.408-17.408-17.408
				h-88.635c-9.611,0-17.41,7.795-17.41,17.408c0,9.615,7.799,17.411,17.41,17.411h3.697c16.516,0,16.771,17.456,1.825,19.174
				h-51.079c5.725,0,10.366-4.641,10.366-10.368c0-5.726-4.641-10.365-10.366-10.365h-58.375c-5.725,0-10.367,4.64-10.367,10.365
				c0,5.728,4.642,10.368,10.367,10.368h-60.488c-11.502-1.609-8.36-14.246,2.55-14.246h1.495h13.485
				c7.166,0,12.975-5.811,12.975-12.976c0-7.164-5.81-12.973-12.975-12.973h-66.058c-7.164,0-12.974,5.809-12.974,12.973
				c0,7.166,5.811,12.976,12.974,12.976h2.756c12.118,0,12.511,12.637,1.888,14.246h-43.655c5.134,0,9.295-4.163,9.295-9.297
				c0-5.136-4.161-9.298-9.295-9.298h-37.726c-5.135,0-9.298,4.162-9.298,9.298c0,5.134,4.163,9.297,9.298,9.297h-0.491
				c-17.073,0-24.783,7.264-24.783,16.224s7.71,16.221,24.783,16.221h26.937c20.54,1.608,15.731,22.868-2.451,22.868h-2.426h-21.874
				c-11.621,0-21.041,9.42-21.041,21.041c0,11.622,9.42,21.043,21.041,21.043h107.136c11.622,0,21.044-9.421,21.044-21.043
				c0-11.621-9.423-21.041-21.044-21.041h-4.467c-20.204,0-20.26-21.26-1.529-22.868h101.959
				c16.516,1.579,12.469,18.888-2.452,18.888h-2.006h-18.096c-9.613,0-17.407,7.797-17.407,17.413
				c0,9.612,7.794,17.405,17.407,17.405h88.637c9.613,0,17.41-7.793,17.41-17.405c0-9.616-7.797-17.413-17.41-17.413h-3.7
				c-16.573,0-16.761-17.309-1.647-18.888h149.365v-32.444H478.92C462.622,321.303,466.701,303.847,481.563,303.847z"/>
			<path fill="#397F1F" d="M794.454,286.812c0-5.917-4.798-10.715-10.715-10.715h-32.556c-5.918,0-10.716,4.798-10.716,10.715
				c0,5.917,4.798,10.713,10.716,10.713h32.556C789.656,297.525,794.454,292.729,794.454,286.812z"/>
			<path fill="#397F1F" d="M847.934,381.398h-51.753c-5.461,0-9.89,4.426-9.89,9.889c0,5.462,4.429,9.889,9.89,9.889h51.753
				c5.462,0,9.888-4.427,9.888-9.889C857.822,385.824,853.396,381.398,847.934,381.398z"/>
			<path fill="#397F1F" d="M610.279,379.082h-54.342c-1.968,0-3.563,1.595-3.563,3.562c0,1.97,1.596,3.564,3.563,3.564h54.342
				c1.969,0,3.563-1.595,3.563-3.564C613.842,380.676,612.248,379.082,610.279,379.082z"/>
		</g>
		<path fill="#34661F" d="M189.723,399c0,7.065-5.727,12.794-12.792,12.794h-51.385c-7.065,0-12.792-5.729-12.792-12.794l0,0
			c0-7.065,5.727-12.792,12.792-12.792h51.385C183.996,386.208,189.723,391.934,189.723,399L189.723,399z"/>
		<path fill="#34661F" d="M348.891,391.729c0,6.101-4.946,11.049-11.048,11.049h-32.425c-6.102,0-11.048-4.948-11.048-11.049l0,0
			c0-6.101,4.946-11.045,11.048-11.045h32.425C343.945,380.684,348.891,385.628,348.891,391.729L348.891,391.729z"/>
		<path fill="#34661F" d="M467.228,286.812c0,6.821-5.531,12.352-12.352,12.352h-38.838c-6.821,0-12.352-5.53-12.352-12.352l0,0
			c0-6.823,5.531-12.354,12.352-12.354h38.838C461.697,274.458,467.228,279.989,467.228,286.812L467.228,286.812z"/>
		<path fill="#34661F" d="M241.304,295.183c0,4.623-3.748,8.371-8.371,8.371h-31.632c-4.623,0-8.371-3.748-8.371-8.371l0,0
			c0-4.625,3.748-8.371,8.371-8.371h31.632C237.556,286.812,241.304,290.558,241.304,295.183L241.304,295.183z"/>
	</g>
</g>
<g class="tomato">
	<path fill="#751111" d="M875.7,301.803c0-11.98,0.9-21.689-10.098-21.689H578.8v43.375h286.802
		C876.6,323.489,875.7,313.78,875.7,301.803z"/>
	<path fill="#AA0B0B" d="M97.279,280.114c-10.999,0-10.099,9.708-10.099,21.689c0,11.977-0.9,21.686,10.099,21.686h483.484v-43.375
		H97.279z"/>
	<path fill="none" stroke="#FFB0B0" stroke-width="8.1949" stroke-linecap="round" stroke-miterlimit="10" d="M114.049,295.081
		c0,0,45.195,0,56.319,0"/>
	<path fill="none" stroke="#FFB0B0" stroke-width="8.1949" stroke-linecap="round" stroke-miterlimit="10" d="M294.371,295.081
		c0,0,23.82,0,34.944,0"/>
</g>
<g class="topbun">
	<g>
		<g>
			<path fill="#CE9352" d="M481.784,4.92C82.207,4.92,92.506,263.352,92.506,263.352c0.364,9.153,11.246,16.641,24.181,16.641
				h511.754V19.867C587.04,10.444,538.566,4.92,481.784,4.92z"/>
			<path fill="#AF763E" d="M870.398,263.346c0,0-1.013-188.598-242.957-243.662v260.309H846.88
				C859.815,279.993,870.398,272.501,870.398,263.346z"/>
		</g>
	</g>
	<circle fill="#AF763E" cx="536.242" cy="94.826" r="9.406"/>
	<circle fill="#AF763E" cx="593.625" cy="107.786" r="9.406"/>
	<circle fill="#AF763E" cx="562.07" cy="159.334" r="9.406"/>
	<circle fill="#AF763E" cx="427.16" cy="154.898" r="9.406"/>
	<circle fill="#AF763E" cx="292.689" cy="98.375" r="9.407"/>
	<circle fill="#AF763E" cx="189.724" cy="159.335" r="9.406"/>
	<circle fill="#AF763E" cx="189.724" cy="231.661" r="9.406"/>
	<circle fill="#AF763E" cx="311.844" cy="208.143" r="9.406"/>
	<circle fill="#AF763E" cx="426.05" cy="224.608" r="9.406"/>
	<circle fill="#AF763E" cx="450.834" cy="85.417" r="9.406"/>
	<circle fill="#AF763E" cx="361.531" cy="149.931" r="9.406"/>
	<circle fill="#AF763E" cx="571.479" cy="231.661" r="9.406"/>
	<circle fill="#CE9352" cx="675.931" cy="234.017" r="9.407"/>
	<circle fill="#CE9352" cx="819.794" cy="205.788" r="9.406"/>
	<circle fill="#CE9352" cx="671.736" cy="94.826" r="9.407"/>
	<circle fill="#CE9352" cx="749.806" cy="117.194" r="9.407"/>
	<circle fill="#CE9352" cx="727.26" cy="168.743" r="9.406"/>
</g>
  </g>
</svg>
</div>
</div>

<div class="foodContainer">
<svg version="1.1" id="Layer_2"  xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="600px" height="400px" viewBox="0 0 1000 1000" enable-background="new 0 0 945.455 561.181"
	 xml:space="preserve">
<g>
  <g class="dog">
	<path fill="#CC6652" d="M933.315,320.993c0,32.569-26.405,58.969-58.972,58.969H71.108c-32.567,0-58.968-26.4-58.968-58.969
		v-15.454c0-32.568,26.401-58.97,58.968-58.97h803.235c32.566,0,58.972,26.402,58.972,58.97V320.993z"/>
     </g>
  <g class="relish">
	<path fill="#397F1F" d="M134.125,324.895l-11.181-26.034c-0.816-8.762,17.735-14.771,21.135-6.857l0.746,1.736
		c2.448,5.699,9.052,8.337,14.751,5.89c5.698-2.447,8.334-9.053,5.886-14.753l-22.56-52.531c-2.445-5.697-9.052-8.334-14.749-5.89
		c-5.702,2.45-8.335,9.056-5.888,14.753l9.084,21.155c4.634,10.792-12.605,19.858-19.309,11.108l-0.477-1.11
		c-2.448-5.697-9.05-8.333-14.751-5.887c-5.695,2.445-8.332,9.052-5.885,14.751l0.184,0.421
		c4.979,11.599-15.324,21.234-20.637,8.861l-8.907-20.738c-2.447-5.697-9.054-8.338-14.75-5.89
		c-5.698,2.447-8.335,9.056-5.888,14.753l22.56,52.531c2.447,5.697,9.051,8.335,14.75,5.889c5.699-2.45,8.335-9.054,5.888-14.751
		l-0.923-2.154c-4.207-9.792,16.982-17.367,20.635-8.862l9.648,22.472c2.45,5.699,9.054,8.334,14.751,5.885
		C133.938,337.196,136.572,330.594,134.125,324.895z"/>
	<path fill="#397F1F" d="M793.407,297.509l16.836-16.146c6.521-3.163,16.516,9.401,11.399,14.309l-1.127,1.082
		c-3.687,3.531-3.806,9.383-0.271,13.068c3.533,3.686,9.387,3.811,13.071,0.274l33.975-32.58c3.685-3.533,3.804-9.386,0.272-13.07
		c-3.535-3.688-9.389-3.81-13.074-0.274l-13.681,13.117c-6.978,6.692-18.952-3.975-14.146-11.673l0.719-0.687
		c3.687-3.536,3.805-9.387,0.272-13.072c-3.529-3.686-9.387-3.807-13.073-0.274l-0.271,0.263
		c-7.504,7.193-20.798-5.672-12.802-13.344l13.419-12.865c3.68-3.533,3.804-9.388,0.271-13.072
		c-3.534-3.688-9.388-3.807-13.078-0.273l-33.969,32.581c-3.686,3.532-3.809,9.387-0.274,13.073
		c3.532,3.686,9.391,3.809,13.074,0.271l1.393-1.331c6.329-6.078,18.3,8.069,12.796,13.344l-14.528,13.934
		c-3.686,3.533-3.808,9.388-0.275,13.071C783.868,300.924,789.721,301.045,793.407,297.509z"/>
  </g>
	<g class="onion">
		<path fill="none" stroke="#EFEFEF" stroke-width="18.1871" stroke-linecap="round" stroke-miterlimit="10" d="M282.901,255.136
			c-6.246,5.805-15.236,14.161-15.236,14.161"/>
		<path fill="none" stroke="#EFEFEF" stroke-width="18.1871" stroke-linecap="round" stroke-miterlimit="10" d="M193.058,257.055
			c4.864,7.003,11.868,17.086,11.868,17.086"/>
		<path fill="none" stroke="#EFEFEF" stroke-width="18.1871" stroke-linecap="round" stroke-miterlimit="10" d="M89.855,273.208
			c-8.058,2.786-19.659,6.801-19.659,6.801"/>
		<path fill="none" stroke="#EFEFEF" stroke-width="18.1871" stroke-linecap="round" stroke-miterlimit="10" d="M546.413,262.216
			c-4.426,7.286-10.802,17.776-10.802,17.776"/>
		<path fill="none" stroke="#EFEFEF" stroke-width="18.1871" stroke-linecap="round" stroke-miterlimit="10" d="M461.655,265.597
			c7.236,4.514,17.651,11.01,17.651,11.01"/>
		<path fill="none" stroke="#EFEFEF" stroke-width="18.1871" stroke-linecap="round" stroke-miterlimit="10" d="M623.589,254.567
			c8.191,2.379,19.979,5.802,19.979,5.802"/>
		<path fill="none" stroke="#EFEFEF" stroke-width="18.1871" stroke-linecap="round" stroke-miterlimit="10" d="M794.529,269.941
			c7.34,4.348,17.899,10.606,17.899,10.606"/>
		<path fill="none" stroke="#EFEFEF" stroke-width="18.1871" stroke-linecap="round" stroke-miterlimit="10" d="M717.094,247.202
			c7.334,4.348,17.897,10.606,17.897,10.606"/>
	</g>
  <g class="hotdogbun">
		<path fill="#AF763E" d="M780.815,289.453H608.086v167.004h172.729c33.147,0,60.02-23.575,60.02-52.653v-61.698
			C840.834,313.027,813.962,289.453,780.815,289.453z"/>
		<path fill="#CE9352" d="M156.074,289.453c-33.146,0-60.018,23.575-60.018,52.653v61.698c0,29.079,26.871,52.653,60.018,52.653
			h454.118V289.453H156.074z"/>
    <path fill="none" stroke="#FFD4A9" stroke-width="10.9122" stroke-linecap="round" stroke-miterlimit="10" d="M154.591,306.125
		c37.284,0,286.764,0,286.764,0"/>
	</g>
  <g class="mustard">	
<path fill="#C9A614" d="M768.808,285.979H508.993c-5.327,0-9.642-4.317-9.642-9.642s4.314-9.642,9.642-9.642h16.043
	c12.076,0,12.076-19.282,0-19.282H385.058h-1.25c-9.729,0-9.572,19.282,1.25,19.282h7.4c5.323,0,9.638,4.317,9.638,9.642
	s-4.314,9.642-9.638,9.642H132.642c-5.328,0-9.642-4.317-9.642-9.642s4.314-9.642,9.642-9.642h197.492
	c12.077,0,12.077-19.282,0-19.282h-8.299c-5.321,0-9.638-4.315-9.638-9.64c0-5.325,4.316-9.643,9.638-9.643h259.823
	c5.318,0,9.637,4.317,9.637,9.643c0,5.325-4.318,9.64-9.637,9.64h-1.699h-1.255c-9.728,0-9.568,19.282,1.255,19.282h188.85
	c5.328,0,9.643,4.317,9.643,9.642S774.136,285.979,768.808,285.979z"/>
  </g>
</g>
</svg>

</div>
  
  

    <script  src="js/index.js"></script>




</body>

</html>

/*Downloaded from https://www.codeseek.co/seane/animated-food-peXedP */
/* Burger */
.bottombun {
  -webkit-animation: bounceIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 0s, idleMove 3000ms ease-in-out 5s infinite;
  animation: bounceIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 0s, idleMove 3000ms ease-in-out 5s infinite;
  opacity: 0;
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.patty {
  -webkit-animation: bounceIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 1s, idleMove 5000ms ease-in-out 5s infinite;
          animation: bounceIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 1s, idleMove 5000ms ease-in-out 5s infinite;
  opacity: 0;
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.cheese {
  -webkit-animation: bounceIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 1.5s, idleMove 4200ms ease-in-out 6s infinite;
          animation: bounceIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 1.5s, idleMove 4200ms ease-in-out 6s infinite;
  opacity: 0;
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.lettuce {
  -webkit-animation: bounceIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 2s, idleMove 4000ms ease-in-out 5s infinite;
          animation: bounceIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 2s, idleMove 4000ms ease-in-out 5s infinite;
  opacity: 0;
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.tomato {
  -webkit-animation: bounceIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 2.5s, idleMove 4500ms ease-in-out 6s infinite;
          animation: bounceIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 2.5s, idleMove 4500ms ease-in-out 6s infinite;
  opacity: 0;
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.topbun {
  -webkit-animation: bounceIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 3s, idleMove 3500ms ease-in-out 6s infinite;
          animation: bounceIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 3s, idleMove 3500ms ease-in-out 6s infinite;
  opacity: 0;
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

/* End Burger */
/* Hotdog */
.hotdogbun {
  -webkit-animation: slideIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 0ms, idleJump 4500ms ease-in-out 5s infinite;
          animation: slideIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 0ms, idleJump 4500ms ease-in-out 5s infinite;
  opacity: 0;
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.dog {
  -webkit-animation: slideIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 800ms, idleJump 4000ms ease-in-out 6s infinite;
          animation: slideIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 800ms, idleJump 4000ms ease-in-out 6s infinite;
  opacity: 0;
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.mustard {
  -webkit-animation: slideIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 1600ms, idleJump 3000ms ease-in-out 4s infinite;
          animation: slideIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 1600ms, idleJump 3000ms ease-in-out 4s infinite;
  opacity: 0;
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.onion {
  -webkit-animation: slideIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 2000ms, idleJump 2000ms ease-in-out 4s infinite;
          animation: slideIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 2000ms, idleJump 2000ms ease-in-out 4s infinite;
  opacity: 0;
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.relish {
  -webkit-animation: slideIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 2500ms, idleJump 3500ms ease-in-out 4s infinite;
          animation: slideIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 2500ms, idleJump 3500ms ease-in-out 4s infinite;
  opacity: 0;
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

/* End Hotdog */
/* Fried Shrimp */
.shrimp1 {
  margin: 0 auto;
  -webkit-animation: bounceIn 2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1, idleSpin 3000ms ease-in-out 3s infinite;
          animation: bounceIn 2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1, idleSpin 3000ms ease-in-out 3s infinite;
  opacity: 0;
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.shrimp2 {
  margin: 0 auto;
  -webkit-animation: bounceIn 3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1, idleSpin 4000ms ease-in-out 4s infinite;
          animation: bounceIn 3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1, idleSpin 4000ms ease-in-out 4s infinite;
  opacity: 0;
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

/* End Fried Shrimp */
/* Philly */
.phillyBunFront {
  -webkit-animation: slideIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 300ms, idleJump 3500ms ease-in-out 2s infinite;
          animation: slideIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 300ms, idleJump 3500ms ease-in-out 2s infinite;
  opacity: 0;
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.phillyBunBack {
  -webkit-animation: slideIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 1000ms, idleJump 2500ms ease-in-out 4s infinite;
          animation: slideIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 1000ms, idleJump 2500ms ease-in-out 4s infinite;
  opacity: 0;
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.phillyBase {
  -webkit-animation: slideIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 1500ms, idleJump 4500ms ease-in-out 5s infinite;
          animation: slideIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 1500ms, idleJump 4500ms ease-in-out 5s infinite;
  opacity: 0;
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.phillyCheese {
  -webkit-animation: slideIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 2000ms, idleJump 3000ms ease-in-out 3s infinite;
          animation: slideIn 1300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 1 2000ms, idleJump 3000ms ease-in-out 3s infinite;
  opacity: 0;
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


/*Downloaded from https://www.codeseek.co/seane/animated-food-peXedP */


let foodContainer = document.querySelectorAll('.foodContainer')



foodContainer[0].addEventListener('click', function(e) {
  
  if(foodContainer.className == 'foodContainer clickAnimation'){
    e.className = "foodContainer"
    console.log('ree')
  } else {
    console.log(e.target)
  }
})


function animate(){
  console.log('ree')
}

Comments