md.shakil hossain
1177
Deer Animation with html and css javascript
<svg class="svg" viewBox="0 0 306 766" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<g id="Separate-stuff" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Deer" sketch:type="MSLayerGroup">
<g class="EarLeft" id="EarLeft" transform="translate(84.729932, 129.156036)" sketch:type="MSShapeGroup">
<path d="M3.20424742,23.2956944 C1.57212402,21.9888847 3.20424741,19.069192 3.20424741,19.069192 C3.20424741,19.069192 16.7172676,7.97784973 31.5001834,8.37878555 C46.2830992,8.77972137 63.6221309,14.5756973 63.6221336,19.069192 C63.6221362,23.5626867 50.1959441,34.8391781 35.9696506,34.4533387 C25.139781,34.1596157 8.40845153,27.4626004 3.20424742,23.2956944 Z" id="Path-388-Copy" fill="#BDA087" transform="translate(33.050496, 21.415585) scale(-1, 1) rotate(-17.000000) translate(-33.050496, -21.415585) "></path>
<path d="M15.8122279,23.3860345 C15.812228,19.4179481 24.3317098,16.0335939 32.7320583,14.8507941 C41.1324067,13.6679944 50.8877909,18.4472672 50.8877909,18.4472672 C50.8877909,18.4472672 39.7315136,26.482082 32.7320583,27.4676309 C25.732603,28.4531798 15.8122279,27.3541209 15.8122279,23.3860345 Z" id="Path-331-Copy-3" fill="#8A6F56" transform="translate(33.350009, 21.234979) scale(-1, 1) rotate(-9.000000) translate(-33.350009, -21.234979) "></path>
</g>
<path d="M101.821609,499.41728 C102.755767,464.537635 101.821609,441.020804 101.821609,441.020804 L231.569926,447.02735 C231.569926,447.02735 230.093302,453.500997 231.569926,493.284494 C232.980497,531.288377 216.177877,757.558671 216.177877,757.558671 L200.848381,757.558671 C200.848381,757.558671 181.428637,497.201435 165.642236,497.201435 C149.855835,497.201435 134.529631,757.558671 134.529631,757.558671 L118.196222,757.558671 C118.196222,757.558671 100.637071,543.645644 101.821609,499.41728 Z" id="Path-242-Copy" fill="#745B44" sketch:type="MSShapeGroup"></path>
<path d="M231.569926,447.02735 C231.569926,447.02735 230.093302,453.500997 231.569926,493.284494 C232.980497,531.288377 216.177877,757.558671 216.177877,757.558671 L200.848381,757.558671 L231.569926,447.02735 Z" id="Path-242-Copy-3" fill="#68513C" sketch:type="MSShapeGroup"></path>
<path d="M149.690433,208.529451 C149.690433,208.529451 138.880015,234.449968 138.880016,238.092467 C138.880016,238.909834 117.632435,253.717993 106.15432,259.605667 C94.6762058,265.493341 106.154321,437.922608 106.154321,437.922608 L130.935893,441.849865 L227.137332,453.008248 C227.137332,453.008248 235.278492,352.088331 230.89361,304.036709 C228.904584,282.240008 233.987926,260.907157 214.415963,253.717992 C194.844001,246.528828 189.209887,227.019148 189.209887,227.019148 L184.810322,204.95845 L149.690433,208.529451 Z" id="Path-335" fill="#AE9176" sketch:type="MSShapeGroup"></path>
<path d="M127.116759,245.845855 C127.116759,245.845855 109.321964,245.845855 103.902152,261.356586 C98.48234,276.867316 103.126201,420.991852 103.126201,420.991852 L105.616801,443.30324 L165.908517,454.960265 L225.6273,454.960261 L225.6273,308.162788 C225.6273,308.162788 225.245013,263.719342 225.6273,261.356585 C227.104335,252.22767 207.546624,247.360864 201.0716,244.186973 C199.465436,243.399673 184.976254,269.43149 165.908517,269.859199 C146.84078,270.286908 127.116759,245.845855 127.116759,245.845855 Z" id="Path-344" fill="#D4CF8F" sketch:type="MSShapeGroup"></path>
<path d="M103.237278,429.806655 L105.616801,443.30324 L165.908517,454.960265 L225.6273,454.960261 L229.167652,329.202213 L103.237278,429.806655 Z" id="Path-344-Copy" fill="#CDC889" sketch:type="MSShapeGroup"></path>
<path d="M114.289709,435.644968 L115.041644,444.440731 C115.041644,444.440731 147.315975,453.222686 165.943688,455.251625 C184.5714,457.280563 212.591489,455.065902 212.591489,455.065902 L215.444112,444.40943 C215.444112,444.40943 199.313708,448.891746 168.23775,446.199188 C137.161793,443.506631 114.289709,435.644968 114.289709,435.644968 Z" id="Path-380" fill="#C0BB80" sketch:type="MSShapeGroup"></path>
<path d="M106.183991,257.498959 C106.183991,257.498959 96.2866079,268.898504 92.4823982,292.615587 C92.2550837,294.032763 81.6531685,323.647404 85.4427187,372.591051 C89.2322689,421.534698 106.183991,469.577471 106.183991,469.577471 L125.505195,466.38154 C125.505195,466.38154 113.566462,416.432484 109.101336,368.159767 C104.63621,319.88705 106.183991,257.498959 106.183991,257.498959 Z" id="Path-381" fill="#EAE6B7" sketch:type="MSShapeGroup"></path>
<path d="M227.357842,257.940544 C227.357842,257.940544 217.46046,269.340088 213.65625,293.057172 C213.428935,294.474348 202.82702,324.088989 206.61657,373.032636 C210.406121,421.976283 227.357843,470.019055 227.357843,470.019055 L246.679047,466.823125 C246.679047,466.823125 234.740314,416.874069 230.275188,368.601352 C225.810062,320.328635 227.357842,257.940544 227.357842,257.940544 Z" id="Path-381-Copy" fill="#D9D6A9" sketch:type="MSShapeGroup" transform="translate(226.239049, 363.979800) scale(-1, 1) translate(-226.239049, -363.979800) "></path>
<path d="M128.149109,245.179301 C128.149109,245.179301 148.278903,270.04516 166.212565,269.71868 C184.146226,269.392199 198.542931,243.897787 198.542931,243.897787 L200.960798,246.452751 C200.960798,246.452751 184.713918,275.399063 166.212565,276.017012 C147.711212,276.63496 124.904269,248.993051 124.904269,248.993051 L128.149109,245.179301 Z" id="Path-382" fill="#CCC789" sketch:type="MSShapeGroup"></path>
<g id="Scarf" transform="translate(0.685108, 97.000000)" sketch:type="MSShapeGroup">
<path d="M131.315006,137.36517 C131.315006,137.36517 95.7617806,137.365172 84.1151964,131.507015 C72.4686122,125.648858 77.660947,98.6855714 63.8161048,75.7590609 C49.9712626,52.8325504 32.8850816,51.0582183 27.4040476,37.5955978 C21.9230136,24.1329773 34.5566114,3.89133366 34.5566114,3.89133366 L2.41201955,0 C2.41201955,0 -4.62355387,17.6079574 5.33723941,43.762033 C15.2980327,69.9161086 30.5440514,74.8136816 41.8378669,88.5599698 C53.1316825,102.306258 52.8475274,132.163601 72.6355332,147.874319 C92.4235391,163.585037 125.380676,154.888912 125.380676,154.888912 L131.315006,137.36517 Z" id="Path-338" fill="#EDEDED"></path>
<path d="M48.569269,101.647573 C49.6946605,104.894936 54.2587336,117.799737 54.2587336,117.799737 L69.6706434,88.5599671 C69.6706434,88.5599671 64.507708,76.9043285 63.8161048,75.7590609 C49.9712626,52.8325504 32.8850816,51.0582183 27.4040476,37.5955978 C21.9230136,24.1329773 34.5566114,3.89133366 34.5566114,3.89133366 L2.41201955,0 C2.41201955,0 -4.62355387,17.6079574 5.33723941,43.762033 C15.2980327,69.9161086 30.5440514,74.8136816 41.8378669,88.5599698 C41.9235911,88.6643091 47.4438776,98.4002105 48.569269,101.647573 Z" id="Path-338-Copy" fill="#F7F7F7"></path>
<path d="M126.2521,153.550612 C126.2521,153.550612 127.340998,156.118146 127.022497,157.318913 C126.657722,158.694139 124.56705,159.903364 124.202275,161.278589 C123.71761,163.105807 124.686939,164.303275 124.202275,166.130492 C123.830314,167.532809 122.004359,169.564876 121.632398,170.967193 C121.254216,172.392965 122.010581,173.922395 121.632399,175.348166 C121.325961,176.503455 118.3996,178.252629 120.453458,179.254796 C122.507316,180.256962 123.80227,177.700786 125.914134,177.195992 C127.091548,176.914558 128.35984,175.664064 129.681437,175.348166 C130.951898,175.044491 132.270816,175.67657 133.644735,175.348166 C136.100433,174.761187 141.027898,171.041824 143.684119,170.406915 C146.076971,169.834957 146.187537,172.350092 148.614535,171.769973 C163.406773,168.234222 197.105223,157.318913 197.105223,157.318913 L126.2521,153.550612 Z" id="Path-337" fill="#E35151"></path>
<path d="M129.825507,151.683431 L140.383454,156.547273 C140.383454,156.547273 104.292727,183.610148 80.2181991,178.342353 C56.1436708,173.074557 57.8946719,154.909173 42.8952753,144.902176 C27.8958788,134.895179 5.87442564,128.743165 5.87442564,128.743165 L9.42882997,105.529659 C9.42882997,105.529659 32.0099916,116.517838 50.4135621,130.833385 C68.8171327,145.148932 63.7795371,156.758753 81.8259042,161.84502 C99.8722712,166.931288 129.825507,151.683431 129.825507,151.683431 Z" id="Path-339" fill="#EBEBEB"></path>
<path d="M121.374575,144.664112 L116.753717,141.346772 L122.615853,140.013083 L130.135445,142.826165 L121.374575,144.664112 L121.374575,144.664112 Z" id="Path-348-Copy-13" fill="#E35151"></path>
<path d="M122.852054,153.703217 L117.43227,151.976201 L122.595372,148.896239 L130.616195,149.247894 L122.852054,153.703217 L122.852054,153.703217 Z" id="Path-348-Copy-14" fill="#E35151"></path>
<path d="M125.297539,151.666851 C125.497088,150.619456 125.09799,149.295703 125.297539,148.248308 C125.474321,147.320409 126.218929,147.522917 126.395712,146.595018 C126.584987,145.601547 126.206437,143.477668 126.395712,142.484197 C126.556768,141.638843 128.73431,141.648081 128.895366,140.802727 C128.999416,140.256588 127.086979,138.855858 127.191029,138.309719 C127.303664,137.718519 128.749516,137.25036 128.895366,136.484818 C129.076149,135.535919 131.206064,129.59431 144.006351,129.59431 C156.806637,129.59431 161.296808,136.484818 165.503241,136.484818 C166.079372,136.484818 175.387279,133.049825 176.231493,132.421249 C181.551038,128.460475 188.390371,125 190.320386,125 C192.556694,125 193.816464,125.573375 193.941779,128.376666 C193.997852,129.631017 192.539255,130.997426 192.64666,132.421249 C192.74898,133.777656 194.414554,135.189242 194.577835,136.484818 C194.706131,137.502793 194.404169,138.829412 194.577833,139.694387 C194.849336,141.046674 195.63168,141.790161 196.035386,142.45024 C196.62731,143.418063 198.124474,144.926379 199.971407,146.595019 C200.92791,147.459186 200.346402,149.171596 201.41337,150.068959 C202.391757,150.89182 199.0245,153.158607 199.971405,153.924263 C203.09394,156.449109 196.000509,158.57342 192.646663,160.267895 C189.292818,161.962369 187.025487,160.355898 170.049299,162.798985 C153.073112,165.242071 124.216162,153.924262 124.216162,153.924262 C124.216162,153.924262 125.136629,152.511441 125.297539,151.666851 Z" id="Path-336" fill="#FF9999"></path>
<path d="M6.57427973,10.6101449 L12.163646,4.50849833 L14.189112,12.3785564 L9.34596998,22.3681998 L6.57427973,10.6101449 Z" id="Path-348" fill="#E35151"></path>
<path d="M14.3829114,19.5260615 L19.9722777,13.4244149 L21.9977436,21.294473 L17.1546016,31.2841164 L14.3829114,19.5260615 Z" id="Path-348-Copy" fill="#E35151"></path>
<path d="M6.10975535,33.0784367 L7.45445247,27.5512379 L10.8869884,32.4870546 L11.0957039,40.5130872 L6.10975535,33.0784367 L6.10975535,33.0784367 Z" id="Path-348-Copy-2" fill="#E35151"></path>
<path d="M34.3271273,59.6605374 L32.7281448,54.201476 L38.1686495,56.7597041 L42.3623099,63.6060916 L34.3271273,59.6605374 L34.3271273,59.6605374 Z" id="Path-348-Copy-3" fill="#E35151"></path>
<path d="M25.1899104,67.4922164 L24.5631503,61.8384225 L29.4767819,65.3025448 L32.4179007,72.7731615 L25.1899104,67.4922164 L25.1899104,67.4922164 Z" id="Path-348-Copy-4" fill="#E35151"></path>
<path d="M49.1367705,96.1493669 L48.5100104,90.4955729 L53.423642,93.9596952 L56.3647608,101.430312 L49.1367705,96.1493669 L49.1367705,96.1493669 Z" id="Path-348-Copy-5" fill="#E35151"></path>
<path d="M54.5851573,83.4917486 L55.2462535,77.8418669 L59.2547122,82.3225606 L60.4399728,90.2633316 L54.5851573,83.4917486 L54.5851573,83.4917486 Z" id="Path-348-Copy-6" fill="#E35151"></path>
<path d="M62.6745269,97.6347894 L65.6613619,92.7936565 L67.4006877,98.5486379 L65.1190748,106.246347 L62.6745269,97.6347894 L62.6745269,97.6347894 Z" id="Path-348-Copy-7" fill="#E35151"></path>
<path d="M61.5596774,128.128874 L62.0231982,122.459361 L66.1855848,126.797428 L67.6472447,134.691996 L61.5596774,128.128874 L61.5596774,128.128874 Z" id="Path-348-Copy-8" fill="#E35151"></path>
<path d="M72.3155905,132.325214 L72.7791113,126.655701 L76.9414979,130.993768 L78.4031578,138.888336 L72.3155905,132.325214 L72.3155905,132.325214 Z" id="Path-348-Copy-9" fill="#E35151"></path>
<path d="M98.1571013,144.253134 L93.8429445,140.545672 L99.7990088,139.727991 L107.044817,143.185762 L98.1571013,144.253134 L98.1571013,144.253134 Z" id="Path-348-Copy-10" fill="#E35151"></path>
<path d="M96.7750688,153.796678 L92.460912,150.089215 L98.4169763,149.271534 L105.662784,152.729305 L96.7750688,153.796678 L96.7750688,153.796678 Z" id="Path-348-Copy-11" fill="#E35151"></path>
<path d="M93.6887191,173.307214 L89.8248227,170.419393 L94.0273702,168.585473 L99.9889465,170.720429 L93.6887191,173.307214 L93.6887191,173.307214 Z" id="Path-348-Copy-15" fill="#E35151"></path>
<path d="M123.825112,164.743848 L119.071348,163.925 L121.983285,160.382997 L128.264312,159.578684 L123.825112,164.743848 L123.825112,164.743848 Z" id="Path-348-Copy-21" fill="#E35151"></path>
<path d="M69.2768069,167.716041 L69.6392389,163.585067 L72.7798481,164.613239 L73.8695549,169.370614 L69.2768069,167.716041 L69.2768069,167.716041 Z" id="Path-348-Copy-16" fill="#E35151"></path>
<path d="M55.9870871,153.041942 L56.349519,148.910969 L59.4901283,149.93914 L60.5798351,154.696516 L55.9870871,153.041942 L55.9870871,153.041942 Z" id="Path-348-Copy-17" fill="#E35151"></path>
<path d="M42.4691478,137.313365 L40.8498342,133.495775 L44.1055118,132.92913 L47.3010576,136.618043 L42.4691478,137.313365 L42.4691478,137.313365 Z" id="Path-348-Copy-18" fill="#E35151"></path>
<path d="M19.57927,130.621313 L17.9599564,126.803724 L21.215634,126.237079 L24.4111798,129.925992 L19.57927,130.621313 L19.57927,130.621313 Z" id="Path-348-Copy-19" fill="#E35151"></path>
<path d="M23.1046487,121.91656 L21.485335,118.098971 L24.7410126,117.532325 L27.9365584,121.221238 L23.1046487,121.91656 L23.1046487,121.91656 Z" id="Path-348-Copy-20" fill="#E35151"></path>
<path d="M108.903938,150.560611 L104.589781,146.853149 L110.545846,146.035468 L117.791654,149.493239 L108.903938,150.560611 L108.903938,150.560611 Z" id="Path-348-Copy-12" fill="#E35151"></path>
<path d="M12.5169007,56.3777202 L12.5169007,45.2237681 L20.037671,50.044048 L20.5957716,39.2851665 L31.9375448,44.8496006 L35.9174077,47.9223723 L24.8348272,45.7338064 L23.3423786,54.1180833 L15.9135799,51.1602793 L15.9135799,62.0822058 L12.5169007,56.3777202 Z" id="Path-351" fill="#FF9A9A"></path>
<path d="M54.6026709,118.616322 L60.0668352,105.688224 L64.3077946,113.550377 L70.011788,104.411027 L76.0393845,116.115106 L76.5028224,119.166108 L70.5930718,112.106325 L65.223079,118.715806 L60.1596382,112.527201 L55.7998357,122.26122 L54.6026709,118.616322 L54.6026709,118.616322 Z" id="Path-351-Copy-2" fill="#FF9A9A"></path>
<path d="M82.3697589,178.823416 L74.1329246,172.043809 L81.8674786,171.316616 L76.4939278,163.649973 L87.8752028,162.845297 L90.5700807,162.907577 L82.8499927,165.795581 L86.3125848,172.336524 L79.6375278,174.289887 L85.6622605,179.035003 L82.3697589,178.823416 L82.3697589,178.823416 Z" id="Path-351-Copy-5" fill="#FF9A9A"></path>
<path d="M34.3170453,140.009281 L26.1898866,134.406394 L33.9244407,133.679202 L28.5508898,126.012559 L40.2829536,123.395385 L42.8973055,125.289853 L34.9069547,128.158166 L38.3695469,134.69911 L31.6944898,136.652472 L37.5934226,141.603363 L34.3170453,140.009281 L34.3170453,140.009281 Z" id="Path-351-Copy-8" fill="#FF9A9A"></path>
<path d="M61.093045,167.396269 L58.512713,158.552782 L63.2931221,161.33204 L62.708842,153.890337 L70.8552933,155.852043 L72.8493016,157.737066 L65.718522,158.024181 L65.5589058,163.898924 L61.9211856,163.259837 L62.8467342,169.150006 L61.093045,167.396269 L61.093045,167.396269 Z" id="Path-351-Copy-6" fill="#FF9A9A"></path>
<path d="M49.5488794,150.963618 L45.0732621,143.741712 L50.2948188,144.55469 L47.6954287,140.448751 L59.3123832,139.402625 L61.1336764,141.769687 L54.2121929,141.944711 L54.0525767,147.819455 L50.4148564,147.180367 L51.3404051,153.070536 L49.5488794,150.963618 L49.5488794,150.963618 Z" id="Path-351-Copy-7" fill="#FF9A9A"></path>
<path d="M39.2054486,85.5457523 L36.9650879,76.9220697 L46.8340615,76.9220693 L41.4532383,71.727622 L51.6312181,69.7849745 L61.2551761,71.727622 L63.2403267,74.7544495 L48.287597,73.960792 L50.1387691,80.9961047 L42.7099704,78.0383007 L42.4084906,89.3402107 L39.2054486,85.5457523 Z" id="Path-351-Copy" fill="#FF9A9A"></path>
<path d="M81.3475466,153.052697 L77.6677215,142.340131 L86.4841441,143.460751 L82.1558719,137.145684 L95.5779862,134.89088 L100.518387,135.43541 L88.9902306,139.378854 L90.8414027,146.414166 L82.8868837,147.135034 L85.1448947,154.535895 L81.3475466,153.052697 Z" id="Path-351-Copy-3" fill="#FF9A9A"></path>
<path d="M103.709366,175.986772 L99.721519,166.145013 L108.537942,167.265634 L104.209669,160.950566 L116.557019,157.439741 L122.379488,158.120595 L111.044028,163.183736 L112.8952,170.219048 L104.940681,170.939916 L106.662037,174.79224 L103.709366,175.986772 Z" id="Path-351-Copy-4" fill="#FF9A9A"></path>
<path d="M6.66900816,125.203444 L11.227459,124.822584 L7.61499088,119.59737 L11.5548941,119.59737 L8.47818008,113.729554 L14.1855913,113.729554 L9.12183291,108.784243 L17.3814211,110.028316 L18.095582,115.568688 L13.1979448,115.853933 L15.5909445,122.359009 L12.5083549,122.359009 L13.0318236,127.63764 L8.97974855,129.232126 L6.66900816,125.203444 Z" id="Path-372" fill="#E35151"></path>
</g>
<path d="M27.4509494,147.642029 L60.4915244,130.120019 C60.4915244,130.120019 60.4416348,113.831928 53.9774155,107.172254 C47.5589254,100.559693 36.8167515,99.6687186 37.4067011,98.9853904 C38.0222231,98.2724421 48.8476612,98.6335735 56.2390176,104.483245 C63.0666848,109.886802 66.4921525,126.49383 67.2655617,126.493827 C68.8762325,126.49382 85.4113778,92.7518643 85.4113778,92.7518643 C85.4113778,92.7518643 68.937537,74.8259042 60.4915252,62.4281742 C56.8724013,57.1157354 50.5420703,50.2898355 49.0869168,46.1573869 C46.9081999,39.9701117 52.313594,34.2552217 52.7218583,34.2552221 C53.2532426,34.2552227 50.5026169,41.6342687 52.7218583,46.1573869 C56.0040871,52.8470188 62.9539111,60.8969297 63.6456212,60.8969285 C64.2616266,60.8969275 70.0733832,50.5919743 72.2929277,41.9340205 C74.2508534,34.2965842 72.6250103,28.1256366 73.3707363,28.8146641 C74.1826079,29.5648081 77.0144883,34.3245469 75.4643773,41.9340205 C73.9765995,49.2375006 68.1390023,59.3505819 67.2655625,62.4281742 C65.4820883,68.7123006 89.5807816,85.9638961 89.5807816,85.9638961 C89.5807816,85.9638961 109.903596,60.8946255 119.520498,41.9340205 C130.518684,20.2500861 129.283479,1.36430819e-08 130.285109,0 C132.162571,-2.55727021e-08 129.503008,23.2940872 130.285109,24.3308062 C130.679422,24.8534905 140.218828,27.0631331 145.03431,27.0631331 C149.849791,27.0631331 159.532297,22.249481 159.789146,22.7853481 C160.084141,23.4007968 150.754038,31.1055661 145.03431,30.6594904 C140.70998,30.3222404 130.295937,30.250059 129.691276,30.6594904 C129.181508,31.0046676 123.770104,44.3595569 117.601447,56.0781652 C106.775146,76.6449089 85.4113779,106.399981 85.4113778,107.17226 C85.4113776,108.384571 120.951594,104.483241 122.539704,104.483249 C123.352564,104.483253 125.174811,93.9572727 130.285108,85.9638968 C135.158946,78.3403835 143.333437,73.2207839 143.983773,73.659617 C144.648299,74.1080257 135.730716,81.7297989 132.053522,88.9889655 C128.358782,96.2827686 128.227939,102.553295 128.609391,102.977029 C128.949254,103.354564 136.723181,104.260589 143.983779,102.977029 C152.98261,101.386175 161.795235,95.1212353 161.68518,96.1931052 C161.486329,98.1298002 152.47985,104.045226 146.689147,105.238771 C140.898444,106.432316 83.1885524,113.335663 82.1748156,114.092034 C81.7246944,114.427879 77.5551914,127.762384 67.2655617,135.055485 C54.3814886,144.187479 34.8600414,147.642029 34.8600414,147.642029 L27.4509494,147.642029 Z" id="Path-328-Copy" fill="#877A6D" sketch:type="MSShapeGroup" transform="translate(94.568575, 73.821015) scale(-1, 1) translate(-94.568575, -73.821015) "></path>
<path d="M171.327321,148.415942 L204.367896,130.893932 C204.367896,130.893932 204.318006,114.60584 197.853787,107.946167 C191.435297,101.333605 180.693123,100.442631 181.283073,99.7593031 C181.898595,99.0463548 192.724033,99.4074862 200.115389,105.257158 C206.943056,110.660714 210.368524,127.267743 211.141933,127.26774 C212.752604,127.267733 229.287749,93.5257771 229.287749,93.5257771 C229.287749,93.5257771 212.813909,75.599817 204.367897,63.202087 C200.748773,57.8896481 194.418442,51.0637482 192.963288,46.9312996 C190.784572,40.7440244 196.189966,35.0291344 196.59823,35.0291349 C197.129614,35.0291355 194.378989,42.4081815 196.59823,46.9312996 C199.880459,53.6209315 206.830283,61.6708425 207.521993,61.6708413 C208.137998,61.6708402 213.949755,51.365887 216.169299,42.7079332 C218.127225,35.0704969 216.501382,28.8995493 217.247108,29.5885768 C218.05898,30.3387208 220.89086,35.0984597 219.340749,42.7079332 C217.852971,50.0114133 212.015374,60.1244946 211.141934,63.202087 C209.35846,69.4862133 233.457153,86.7378088 233.457153,86.7378088 C233.457153,86.7378088 253.779968,61.6685382 263.396869,42.7079332 C274.395055,21.0239989 273.159851,0.773912755 274.16148,0.773912741 C276.038943,0.773912715 273.37938,24.068 274.16148,25.104719 C274.555793,25.6274032 284.0952,27.8370459 288.910681,27.8370459 C293.726163,27.8370459 303.408668,23.0233937 303.665518,23.5592608 C303.960512,24.1747095 294.63041,31.8794788 288.910681,31.4334031 C284.586352,31.0961532 274.172309,31.0239718 273.567648,31.4334031 C273.05788,31.7785803 267.646476,45.1334696 261.477819,56.852078 C250.651517,77.4188217 229.28775,107.173894 229.287749,107.946172 C229.287749,109.158483 264.827966,105.257154 266.416075,105.257162 C267.228936,105.257166 269.051182,94.7311855 274.16148,86.7378095 C279.035318,79.1142962 287.209809,73.9946966 287.860145,74.4335298 C288.524671,74.8819384 279.607087,82.5037116 275.929893,89.7628783 C272.235154,97.0566813 272.10431,103.327208 272.485762,103.750941 C272.825626,104.128477 280.599553,105.034502 287.86015,103.750941 C296.858982,102.160088 305.671607,95.895148 305.561552,96.9670179 C305.3627,98.903713 296.356221,104.819139 290.565519,106.012684 C284.774816,107.206229 227.064924,114.109576 226.051187,114.865946 C225.601066,115.201792 221.431563,128.536297 211.141933,135.829397 C198.25786,144.961391 178.736413,148.415942 178.736413,148.415942 L171.327321,148.415942 Z" id="Path-328-Copy-2" fill="#726558" sketch:type="MSShapeGroup"></path>
<g class="Ear" id="EarRight" transform="translate(185.500000, 127.719506)" sketch:type="MSShapeGroup">
<path d="M3.24807658,24.2666765 C1.61595318,22.9598667 3.24807657,20.0401741 3.24807657,20.0401741 C3.24807657,20.0401741 16.7610968,8.94883177 31.5440126,9.34976759 C46.3269284,9.75070341 63.6659601,15.5466794 63.6659627,20.0401741 C63.6659654,24.5336688 50.2397733,35.8101601 36.0134797,35.4243208 C25.1836102,35.1305977 8.45228069,28.4335824 3.24807658,24.2666765 Z" id="Path-388" fill="#B69A83" transform="translate(33.094326, 22.386567) rotate(-17.000000) translate(-33.094326, -22.386567) "></path>
<path d="M20.1754591,23.3693263 C20.1754591,19.4012399 28.6949409,16.0168856 37.0952894,14.8340859 C45.4956379,13.6512862 55.251022,18.430559 55.251022,18.430559 C55.251022,18.430559 44.0947447,26.4653738 37.0952894,27.4509227 C30.0958341,28.4364715 20.1754591,27.3374127 20.1754591,23.3693263 Z" id="Path-331-Copy-2" fill="#8A6F56" transform="translate(37.713241, 21.218271) rotate(-9.000000) translate(-37.713241, -21.218271) "></path>
</g>
<path d="M141.419809,148.525702 C141.419809,148.525702 149.94205,141.076117 167.346213,141.076117 C184.750377,141.076117 195.492432,148.525702 195.492432,148.525702 L199.830769,164.468275 C199.830769,164.468275 198.614118,185.226399 195.49243,194.594468 C192.370743,203.962537 192.877429,202.063295 184.75038,217.521644 C176.623331,232.979993 184.750381,244.437325 167.346211,244.067846 C149.942042,243.698367 157.216181,228.895236 151.708236,217.521645 C146.200291,206.148054 141.41981,202.251871 141.41981,194.594468 C141.41981,186.937064 138.036616,163.44659 138.036616,163.44659 L141.419809,148.525702 Z" id="Path-330" fill="#BDA087" sketch:type="MSShapeGroup"></path>
<path d="M155.934318,177.761368 C153.117591,164.336859 141.419809,148.525702 141.419809,148.525702 C141.419809,148.525702 149.94205,141.076117 167.346213,141.076117 C184.750377,141.076117 195.492432,148.525702 195.492432,148.525702 C195.492432,148.525702 184.815715,164.545187 182.00008,178.61714 C180.042441,188.40101 177.038217,202.428341 177.038217,206.979048 C177.038217,212.869333 182.36794,229.808354 177.038216,240.348375 C174.922913,244.531583 171.064222,243.962869 167.346211,244.067846 C163.654559,244.172079 160.363826,243.197219 157.989211,240.348375 C155.614595,237.499532 157.989211,209.53007 157.989211,205.540717 C157.989211,201.551364 158.201759,188.567982 155.934318,177.761368 Z" id="Path-330-Copy" fill="#AE9176" sketch:type="MSShapeGroup"></path>
<path d="M167.483792,234.67649 C168.441171,234.67649 170.182731,233.011471 172.091258,233.255078 C173.999785,233.498684 174.992892,233.712487 174.992892,235.634959 C174.992893,237.557432 170.918201,241.322239 167.483792,241.46816 C164.049383,241.61408 160.334784,237.605386 160.334784,236.257749 C160.334784,234.910113 161.821523,233.589779 163.334737,233.255078 C164.847951,232.920376 166.526412,234.67649 167.483792,234.67649 Z" id="Nose" fill="#656565" sketch:type="MSShapeGroup"></path>
<ellipse id="HeadSpot" fill="#D3B397" sketch:type="MSShapeGroup" cx="153.149392" cy="149.558637" rx="3.09411552" ry="1.3543473"></ellipse>
<ellipse id="HeadSpot" fill="#D3B397" sketch:type="MSShapeGroup" cx="160.497917" cy="144.915161" rx="3.09411552" ry="1.3543473"></ellipse>
<ellipse id="HeadSpot" fill="#D3B397" sketch:type="MSShapeGroup" cx="165.13909" cy="149.945594" rx="3.09411552" ry="1.3543473"></ellipse>
<ellipse id="HeadSpot" fill="#D3B397" sketch:type="MSShapeGroup" cx="169.780263" cy="154.202114" rx="3.09411552" ry="1.3543473"></ellipse>
<ellipse id="HeadSpot" fill="#D3B397" sketch:type="MSShapeGroup" cx="171.327321" cy="146.07603" rx="3.09411552" ry="1.3543473"></ellipse>
<ellipse id="HeadSpot" fill="#D3B397" sketch:type="MSShapeGroup" cx="182.54349" cy="146.07603" rx="3.09411552" ry="1.3543473"></ellipse>
<ellipse id="HeadSpot" fill="#D3B397" sketch:type="MSShapeGroup" cx="177.515552" cy="150.719506" rx="3.09411552" ry="1.3543473"></ellipse>
<path d="M182.609629,187.019521 C182.609629,187.019521 181.868566,184.472648 182.510593,180.418944 C183.152619,176.36524 185.157123,173.314119 186.987778,173.604074 C188.818434,173.894029 189.782008,177.415261 189.139982,181.468964 C188.497955,185.522668 182.609629,187.019521 182.609629,187.019521 L182.609629,187.019521 Z" id="EyeR" fill="#464646" sketch:type="MSShapeGroup"></path>
<path d="M155.001388,187.019521 C155.001388,187.019521 155.742451,184.472648 155.100425,180.418944 C154.458399,176.36524 152.453894,173.314119 150.623239,173.604074 C148.792584,173.894029 147.829009,177.415261 148.471036,181.468964 C149.113062,185.522668 155.001388,187.019521 155.001388,187.019521 L155.001388,187.019521 Z" id="EyeL" fill="#464646" sketch:type="MSShapeGroup"></path>
<path d="M104.77056,469.900713 L133.39232,457.184365 C133.39232,457.184365 144.528026,488.965022 129.921018,495.208033 C115.31401,501.451045 104.77056,469.900713 104.77056,469.900713 Z" id="PocketL" fill="#BDA087" sketch:type="MSShapeGroup"></path>
<path d="M197,471.716349 L225.621759,459 C225.621759,459 236.757465,490.780657 222.150457,497.023668 C207.543449,503.26668 197,471.716349 197,471.716349 Z" id="PocketR" fill="#BDA087" sketch:type="MSShapeGroup" transform="translate(213.341546, 478.420727) scale(-1, 1) translate(-213.341546, -478.420727) "></path>
<g id="ShoeL" transform="translate(115.000000, 744.000000)" sketch:type="MSShapeGroup">
<path d="M0.275161829,8.95683997 C0.275161829,8.95683997 1.13976381,11.3105137 1.78193746,11.3211307 C4.37501587,11.364002 7.8761184,13.0706208 11.3875481,13.1286519 C15.3269603,13.1937559 19.2418999,11.5949006 21.1658594,11.3211307 C22.0017266,11.2021909 22.4999352,9.32428139 22.4999352,9.32428139 C22.4999352,9.32428139 18.9803322,1.05109584 11.3875481,0.958227616 C3.79476397,0.865359388 0.275161829,8.95683997 0.275161829,8.95683997 Z" id="Path-385" fill="#545454"></path>
<path d="M0,9.33333333 C0,9.33333333 6.96443762,12.2527259 11.3949908,12.2527259 C15.9840149,12.2527259 22.32558,9.33333333 22.32558,9.33333333 L22.32558,16.7023481 C22.32558,16.7023481 16.1758821,19.6857547 11.3949908,19.5800254 C7.07436427,19.4844748 0,16.7023481 0,16.7023481 L0,9.33333333 Z" id="Path-384" fill="#D8D8D8"></path>
</g>
<g id="ShoeR" transform="translate(198.000000, 746.000000)" sketch:type="MSShapeGroup">
<path d="M0.275161829,8.95683997 C0.275161829,8.95683997 1.13976381,11.3105137 1.78193746,11.3211307 C4.37501587,11.364002 7.8761184,13.0706208 11.3875481,13.1286519 C15.3269603,13.1937559 19.2418999,11.5949006 21.1658594,11.3211307 C22.0017266,11.2021909 22.4999352,9.32428139 22.4999352,9.32428139 C22.4999352,9.32428139 18.9803322,1.05109584 11.3875481,0.958227616 C3.79476397,0.8653
.svg{
width:26%;
margin:0 auto;
display:block;
margin-top:4%;
}
p{
text-align:center;
font-family:Avenir;
}
@media only screen and (min-width:1100px){
.svg{
width:15%;
}
}
@media only screen and (max-width:700px){
.svg{
width:40%;
}
}
TweenMax.to(".Ear", 1, { rotation:6, repeat:-1, yoyo:true });
TweenMax.from(".EarLeft", 1, { rotation:10, transformOrigin:"90% 90%", repeat:-1, yoyo:true });
TweenMax.from(".EyeLidL", 0.5, { x:7, repeat:-1, repeatDelay:3 });
TweenMax.from(".EyeLidR", 0.5, { x:-7, repeat:-1, repeatDelay:3 });
