CSS SVG Rain animation



CSS SVG Rain animation




 
<svg class="svg" viewBox="0 0 211 729" 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="Walrus" sketch:type="MSLayerGroup">
          
          <g id="CloudAndRain" transform="translate(41.751553, 0.000000)" sketch:type="MSShapeGroup">
                
                <path class="rainDropOne" d="M15.0662927,152.96043 C20.4962779,152.960428 23.1192227,146.326217 20.5998032,138.990803 C18.0803836,131.655388 15.0662927,123.19965 15.0662927,123.19965 C15.0662927,123.19965 12.2639126,130.469373 9.27084462,138.990802 C6.27777661,147.512231 9.63630757,152.960431 15.0662927,152.96043 Z" id="Raindrop" fill="#C8DAF0"></path>
                <path class="rainDropTwo" d="M112.917224,159.76078 C118.34721,159.760779 120.970154,153.126567 118.450735,145.791153 C115.931315,138.455739 112.917224,130 112.917224,130 C112.917224,130 110.114844,137.269724 107.121776,145.791153 C104.128708,154.312581 107.487239,159.760781 112.917224,159.76078 Z" id="Raindrop" fill="#C8DAF0"></path>
                <path class="rainDropThree" d="M82.9172244,129.76078 C88.3472096,129.760779 90.9701544,123.126567 88.4507348,115.791153 C85.9313153,108.455739 82.9172244,100 82.9172244,100 C82.9172244,100 80.1148443,107.269724 77.1217763,115.791153 C74.1287083,124.312581 77.4872393,129.760781 82.9172244,129.76078 Z" id="Raindrop" fill="#C8DAF0"></path>
                <path class="rainDropFour" d="M53.9172244,114.76078 C59.3472096,114.760779 61.9701544,108.126567 59.4507348,100.791153 C56.9313153,93.4557386 53.9172244,85 53.9172244,85 C53.9172244,85 51.1148443,92.2697237 48.1217763,100.791153 C45.1287083,109.312581 48.4872393,114.760781 53.9172244,114.76078 Z" id="Raindrop" fill="#C8DAF0"></path>
            
            <g id="Cloud" transform="translate(64.329193, 42.625538) scale(1, -1) translate(-64.329193, -42.625538) translate(0.354037, 0.494189)">
                    <path d="M26.3108147,64.7132804 C11.0268501,60.3370297 0,47.8793065 0,33.1943958 C0,14.8616372 17.1855916,0 38.3850932,0 C48.216212,0 57.1841095,3.19610656 63.9751553,8.45232765 C70.7662011,3.19610656 79.7340985,0 89.5652174,0 C110.764719,0 127.950311,14.8616372 127.950311,33.1943958 C127.950311,48.7921712 115.509915,61.8772533 98.7414579,65.434315 C93.35235,76.4227472 79.2474197,84.262697 62.6956522,84.262697 C45.7840722,84.262697 31.4268675,76.0781831 26.3108147,64.7132804 Z" id="Oval-82" fill="#95B8D5"></path>
                    <path d="M16.9676566,45.6121389 C24.0613708,50.4818345 53.4790527,25.6994633 47.1846606,19.7893899 C43.0876152,15.9424991 38.0602598,12.7670753 32.6273292,12.7670753 C18.8476532,12.7670753 7.67701863,21.9126982 7.67701863,33.1943958 C7.67701863,37.8657433 11.9547293,42.1708626 16.9676566,45.6121389 Z" id="Oval-85" fill="#F2F2F2"></path>
                </g>
            </g>
          
            <g id="Body" transform="translate(0.000000, 130.224168)" sketch:type="MSShapeGroup">
                <path d="M33.7332419,350.990178 C33.7332419,350.990178 -10.5590369,322.664336 17.3856019,209.007759 C45.3302407,95.3511815 44.4776544,38.7709579 110.498296,38.7709579 C157.327362,38.7709579 174.319005,142.370331 195.360443,217.550416 C216.401881,292.730501 189.793202,350.990178 189.793202,350.990178 L33.7332419,350.990178 Z" id="Path-246" fill="#95B9D5"></path>
                <path d="M110.844116,189.834453 C110.844116,189.834453 145.974615,187.446353 155.823062,185.695079 C165.462595,183.980954 185.055032,179.090559 185.055032,179.090559 C185.055032,179.090559 175.460234,138.791471 169.447633,120.119658 C163.769881,102.487704 149.983973,70.1792591 149.983973,70.1792591 L126.117103,72.422688 L110.844116,189.834453 Z" id="Path-276" fill="#8DB2D0"></path>
                <path d="M68.920468,159.384747 L82.3602429,158.206559 C82.3602429,158.206559 79.2575727,186.354571 75.9245957,186.646754 C72.5916187,186.938937 68.920468,159.384747 68.920468,159.384747 Z" id="Path-248" fill="#FFFFFF"></path>
                <path d="M122.714286,159.489923 L136.154061,158.311734 C136.154061,158.311734 133.05139,186.459746 129.718413,186.751929 C126.385436,187.044112 122.714286,159.489923 122.714286,159.489923 Z" id="Path-248-Copy" fill="#FFFFFF"></path>
                <path d="M6.02403278,389.98883 C3.89658933,357.585647 15.6686009,326.265022 15.6686009,326.265022 C15.6686009,326.265022 190.335621,315.460942 199.052256,323.145993 C207.768892,330.831043 210.182105,350.909479 210.182105,389.98883 C210.182105,429.068181 176.075936,523.924769 176.075936,523.924769 L145.256372,523.924769 C145.256372,523.924769 129.483538,434.549923 107.974493,434.549923 C86.4654472,434.549923 62.9947437,593.139982 62.9947437,593.139982 L37.2318215,593.139982 C37.2318215,593.139982 8.15147623,422.392013 6.02403278,389.98883 Z" id="Path-242" fill="#577C9A"></path>
                <path d="M74.0138262,495.072843 C81.8483789,461.800352 93.2844041,428.797122 105.818814,422.762661 C118.353223,416.7282 128.479349,434.987316 137.873231,458.988343 C147.267112,482.98937 155.82517,523.924766 155.82517,523.924766 L145.256372,523.924769 C145.256372,523.924769 129.483538,434.549923 107.974493,434.549923 C86.4654472,434.549923 62.9947437,593.139982 62.9947437,593.139982 L55.5338496,593.139974 C55.5338496,593.139974 66.1792736,528.345333 74.0138262,495.072843 Z" id="Path-242-Copy-2" fill="#4D6F8B"></path>
                <path d="M103.387649,100.460625 C132.384842,100.460625 136.612791,143.274363 156.735308,143.274363 C176.857826,143.274363 151.188175,150.897981 151.188175,150.897981 C151.188175,150.897981 158.814376,155.522705 158.814376,156.700215 C158.814376,157.279159 147.316048,158.708561 147.316048,160.298509 C147.316048,161.888457 152.326876,166.880548 151.188177,168.15936 C150.10207,169.379109 128.06066,157.768045 105.501735,156.700214 C104.409401,156.648508 104.051761,141.887336 102.953555,141.887335 C101.57943,141.887335 102.005119,156.620548 100.616084,156.700214 C77.9686975,157.999121 58.5759012,166.702217 56.2917956,168.159359 C54.0076899,169.6165 55.1204365,156.700215 55.1204365,156.700215 C55.1204365,156.700215 47.890374,160.714383 45.3638843,157.877725 C42.8373946,155.041068 49.9246196,150.897981 49.9246196,150.897981 C49.9246196,150.897981 27.7567121,145.450513 48.1137804,143.274363 C68.4708488,141.098212 74.3904556,100.460625 103.387649,100.460625 Z" id="Path-247" fill="#EFEFEF"></path>
                <path d="M120.654204,141.499498 C126.686596,128.193119 125.943151,111.610107 125.943151,111.610107 C125.943151,111.610107 132.492393,120.25925 137.743431,128.369159 C142.384977,135.537743 148.850591,140.88549 149.97222,141.499498 C152.037429,142.630047 154.266768,143.274363 156.735308,143.274363 C176.857826,143.274363 151.188175,150.897981 151.188175,150.897981 C151.188175,150.897981 158.814376,155.522705 158.814376,156.700215 C158.814376,157.279159 147.316048,158.708561 147.316048,160.298509 C147.316048,161.888457 152.326876,166.880548 151.188177,168.15936 C150.10207,169.379109 128.06066,157.768045 105.501735,156.700214 C105.433857,156.697001 114.621811,154.805877 120.654204,141.499498 Z" id="Path-247-Copy" fill="#EBEBEB"></path>
                <path d="M98.1681064,110.024049 L111.219162,110.024049 C111.219162,110.024049 107.740443,118.435899 104.497309,118.435899 C101.254175,118.435899 98.1681064,110.024049 98.1681064,110.024049 Z" id="Path-250" fill="#B7B7B7"></path>
                <path d="M33.8247267,596.548328 C35.7985398,598.9686 64.7546234,598.566726 66.1329192,596.522997 C67.511215,594.479268 66.1329184,560.468289 49.7534876,560.474606 C33.3740568,560.480923 31.8509136,594.128056 33.8247267,596.548328 Z" id="Path-244" fill="#515151"></path>
                <path d="M52.2932939,56.1130671 L152.690218,54.99231 C152.690218,54.99231 139.866578,3.09534608 102.491758,0.179616796 C65.1169386,-2.73611248 52.2932939,56.1130671 52.2932939,56.1130671 Z" id="Path-252" fill="#F28A8A"></path>
                <path d="M55.1780238,45.8371938 C55.1780238,45.8371938 54.3826109,48.8076968 53.7839117,50.2773101 C53.0172424,52.1592359 52.2932939,56.1130671 52.2932939,56.1130671 L152.690218,55.2795471 C152.690218,55.2795471 151.524213,49.7171965 150.396084,47.3714984 C149.416403,45.3344636 148.427093,42.0808619 148.427093,42.0808619 L55.1780238,45.8371938 Z" id="Path-252-Copy" fill="#FFC4C4"></path>
                <path d="M58.3996083,71.925454 C57.6858306,71.8963282 57.122484,70.9776005 57.122484,70.9776005 C57.122484,70.9776005 56.0379816,71.9630453 55.5699079,71.925453 C53.8736028,71.7892179 52.825638,71.6182175 52.5734709,71.4084616 C51.6851095,70.6695107 50.7890424,69.0473576 50.1420568,67.0671032 C48.8011003,62.9627841 48.5301388,57.320147 51.6154753,54.8144241 C52.3636005,54.2068422 55.4731795,53.6723538 60.1671096,53.2135793 C60.7237875,53.1591708 61.7390603,54.814424 61.7390603,54.814424 C61.7390603,54.814424 63.1592999,52.9471305 63.8195067,52.8956215 C67.1169406,52.6383575 70.9332441,52.4094413 75.0925867,52.209466 C75.4264427,52.1934146 75.6507013,53.9987177 75.9888865,53.9830396 C76.3142628,53.9679553 76.7534081,52.131876 77.0826268,52.1171377 C79.5767055,52.0054845 82.1787216,51.903769 84.8534649,51.8121102 C85.2256658,51.7993555 85.711605,53.9954045 86.0865276,53.9830396 C86.4756416,53.9702067 86.7538403,51.7489749 87.1456777,51.7365625 C87.6096234,51.7218659 88.0793906,53.2276851 88.5468295,53.2135792 C88.9568836,53.201205 89.3642273,51.6688376 89.7767152,51.6569188 C91.9410042,51.5943819 94.1371589,51.5381193 96.3480119,51.4881889 C96.952772,51.4745309 97.6115581,53.2262885 98.2181664,53.2135792 C98.6058859,53.205456 98.9409849,51.432585 99.3292242,51.4248501 C102.521361,51.3612536 105.727965,51.310796 108.898038,51.2736492 C109.845339,51.2625487 111.649767,52.1171377 111.649767,52.1171377 C111.649767,52.1171377 113.522665,51.2283232 114.412056,51.2221689 C115.266864,51.216254 116.11738,52.1210226 116.961102,52.1171377 C117.642502,52.1140003 118.31922,51.2018558 118.99214,51.2000466 C122.995678,51.1892831 126.839283,51.2020613 130.405474,51.2387775 C131.121164,51.246146 131.618093,52.8863215 132.310488,52.8956214 C132.790657,52.9020708 133.472584,51.2771425 133.940777,51.2845234 C134.624949,51.2953091 135.297024,52.1043573 135.953956,52.1171377 C136.568805,52.1290995 137.170261,51.3446696 137.759573,51.3583843 C143.317182,51.4877236 149.152464,50.4045253 150.237833,51.9829198 C151.323202,53.5613144 152.282449,52.2852654 152.55305,52.4658397 C156.072539,54.8144241 155.665872,67.9070656 153.471577,69.6577638 C151.596415,71.1538452 80.5294872,72.8284642 58.3996083,71.925454 Z" id="Path-251" fill="#F28A8A"></path>
                <path d="M56.9383328,56.8125508 C56.9383328,56.8125508 55.0908028,60.3917332 55.089741,62.1091297 C55.0886972,63.7974269 56.932016,67.0296319 56.932016,67.0296319 C56.932016,67.0296319 56.3433893,64.6788496 56.344978,62.1091297 C56.3465668,59.5394097 56.9383328,56.8125508 56.9383328,56.8125508 Z" id="Path-253" fill="#DC7070"></path>
                <path d="M66.9852382,58.7285464 C66.9852382,58.7285464 65.1377082,62.3077288 65.1366464,64.0251252 C65.1356026,65.7134225 66.9789215,68.9456275 66.9789215,68.9456275 C66.9789215,68.9456275 66.3902947,66.5948452 66.3918834,64.0251252 C66.3934722,61.4554053 66.9852382,58.7285464 66.9852382,58.7285464 Z" id="Path-253-Copy" fill="#DC7070"></path>
                <path d="M71.7742202,22.9807356 C71.7742202,22.9807356 68.6269669,29.8082424 68.6251581,33.0842801 C68.62338,36.3048092 67.6956522,42.3760117 67.6956522,42.3760117 C67.6956522,42.3760117 70.7607384,37.9861763 70.7634448,33.0842801 C70.7661513,28.1823839 71.7742202,22.9807356 71.7742202,22.9807356 Z" id="Path-253-Copy-5" fill="#DC7070"></path>
                <path d="M93.525773,19.150613 C93.525773,19.150613 90.3785197,25.9781199 90.3767109,29.2541575 C90.3749328,32.4746866 89.447205,38.5458892 89.447205,38.5458892 C89.447205,38.5458892 92.5122912,34.1560538 92.5149976,29.2541575 C92.517704,24.3522613 93.525773,19.150613 93.525773,19.150613 Z" id="Path-253-Copy-9" fill="#DC7070"></path>
                <path d="M121.367265,18.3057708 C121.367265,18.3057708 126.377539,23.9167908 127.339187,27.0491535 C128.284541,30.1284421 130.950666,35.6637132 130.950666,35.6637132 C130.950666,35.6637132 126.733235,32.3598792 125.294333,27.6729621 C123.855431,22.986045 121.367265,18.3057708 121.367265,18.3057708 L121.367265,18.3057708 Z" id="Path-253-Copy-7" fill="#DC7070"></path>
                <path d="M84.5692512,12.7670753 C84.5692512,12.7670753 81.4219979,23.1899853 81.4201892,28.1912026 C81.4184111,33.1076802 80.4906832,42.3760117 80.4906832,42.3760117 C80.4906832,42.3760117 83.5557695,35.6744646 83.5584759,28.1912026 C83.5611823,20.7079406 84.5692512,12.7670753 84.5692512,12.7670753 Z" id="Path-253-Copy-6" fill="#DC7070"></path>
                <path d="M106.320804,5.10683012 C106.320804,5.10683012 103.173551,17.3274416 103.171742,23.1912488 C103.169964,28.9557007 102.242236,39.8225967 102.242236,39.8225967 C102.242236,39.8225967 105.307322,31.9651937 105.310029,23.1912488 C105.312735,14.4173039 106.320804,5.10683012 106.320804,5.10683012 Z" id="Path-253-Copy-8" fill="#DC7070" transform="translate(104.281520, 22.464713) scale(-1, 1) translate(-104.281520, -22.464713) "></path>
                <path d="M145.745342,56.1751313 C145.745342,56.1751313 147.592872,59.7543137 147.593933,61.4717102 C147.594977,63.1600074 145.751658,66.3922124 145.751658,66.3922124 C145.751658,66.3922124 146.340285,64.0414301 146.338696,61.4717102 C146.337108,58.9019902 145.745342,56.1751313 145.745342,56.1751313 Z" id="Path-253-Copy-2" fill="#DC7070"></path>
                <path d="M111.198758,58.7285464 C111.198758,58.7285464 113.046288,62.3077288 113.04735,64.0251252 C113.048393,65.7134225 111.205075,68.9456275 111.205075,68.9456275 C111.205075,68.9456275 111.793701,66.5948452 111.792113,64.0251252 C111.790524,61.4554053 111.198758,58.7285464 111.198758,58.7285464 Z" id="Path-253-Copy-3" fill="#DC7070"></path>
                <path d="M106.080745,58.7285464 C106.080745,58.7285464 107.928275,62.3077288 107.929337,64.0251252 C107.930381,65.7134225 106.087062,68.9456275 106.087062,68.9456275 C106.087062,68.9456275 106.675689,66.5948452 106.6741,64.0251252 C106.672511,61.4554053 106.080745,58.7285464 106.080745,58.7285464 Z" id="Path-253-Copy-4" fill="#DC7070"></path>
                <path d="M101.609552,194.196786 C75.5643975,194.404104 24.3773412,182.501443 24.3773412,182.501443 C24.3773412,182.501443 9.99480602,228.745114 9.06182586,251.956032 C8.5770472,264.016479 6.66971051,286.09817 9.06182586,301.215999 C11.7395717,318.138972 16.7087111,329.399616 16.7087111,329.399616 C16.7087111,329.399616 29.7716748,338.082614 36.1685104,338.082614 C44.4165084,338.082614 53.8770185,332.947433 64.0659919,332.599839 C73.2740615,332.285709 94.1764015,340.008551 104.064985,339.731068 C122.541912,339.212589 139.89759,331.129479 154.5331,329.399616 C179.751817,326.418857 196.786183,329.399617 196.786183,329.399617 C196.786183,329.399617 203.050703,311.496868 204.110702,290.288262 C204.643478,279.628413 203.889318,268.040196 202.720939,257.530289 C201.848929,249.686302 200.746187,242.442962 199.77553,236.63451 C196.430508,216.617744 184.987682,179.904267 184.987682,179.904267 C184.987682,179.904267 129.006051,193.978711 101.609552,194.196786 Z" id="Path-267" fill="#ECECEC"></path>
                <path d="M23.9401838,181.83068 C23.9401838,181.83068 78.3831599,190.933698 105.227562,190.547131 C132.131745,190.159703 185.185939,179.508697 185.185939,179.508697 L190.296254,196.551762 C190.296254,196.551762 131.161695,208.54919 102.198611,209.308904 C74.4918417,210.035664 19.0712451,201.585565 19.0712451,201.585565 L23.9401838,181.83068 Z" id="Path-264" fill="#E96C6C"></path>
                <path d="M23.9401838,181.83068 C23.9401838,181.83068 78.3831599,190.933698 105.227562,190.547131 C132.131745,190.159703 185.185939,179.508697 185.185939,179.508697 L186.769102,184.586887 C186.769102,184.586887 134.190646,194.431759 105.227563,195.191473 C77.5207932,195.918233 22.3644111,186.484744 22.3644111,186.484744 L23.9401838,181.83068 Z" id="Path-264-Copy-4" fill="#DE6666"></path>
                <path d="M15.4243791,216.927215 C15.4243791,216.927215 78.386449,224.635158 105.230851,224.248592 C132.135034,223.861164 194.322395,210.135872 194.322395,210.135872 L199.122621,230.24573 C199.122621,230.24573 184.941638,251.682592 166.473634,254.515187 C165.769386,254.623203 164.730399,235.857979 164.015224,235.966652 C142.897451,239.175557 117.271472,242.615084 102.2019,243.010365 C90.0615189,243.328812 71.2206202,241.883551 53.8820951,240.159062 C53.2686588,240.09805 50.7478166,258.746571 50.1385047,258.684925 C28.6658454,256.512482 11.4372575,235.451273 11.4372575,235.451273 L15.4243791,216.927215 Z" id="Path-264-Copy" fill="#E96C6C"></path>
                <path d="M9.24138783,252.794049 C9.24138783,252.794049 80.4538099,261.328319 107.298212,260.941753 C134.202395,260.554325 201.626624,247.603982 201.626624,247.603982 L203.576199,267.009614 C203.576199,267.009614 133.232345,278.943812 104.269261,279.703526 C76.5624916,280.430286 7.7801662,272.472623 7.7801662,272.472623 L9.24138783,252.794049 Z" id="Path-264-Copy-2" fill="#E96C6C"></path>
                <path d="M8.67526293,300.374235 C8.28543848,296.911839 8.22071045,289.530331 8.22071045,289.530331 C8.22071045,289.530331 80.2326499,298.024112 107.077052,297.637545 C133.981235,297.250117 204.251808,283.769217 204.251808,283.769217 C204.251808,283.769217 204.57648,291.227969 204.251808,294.957448 C203.992982,297.930568 202.501316,303.877016 202.501316,303.877016 C202.501316,303.877016 133.011185,315.639604 104.048101,316.399318 C76.3413316,317.126078 10.4791463,309.589611 10.4791463,309.589611 C10.4791463,309.589611 9.03825042,303.598266 8.67526293,300.374235 Z" id="Path-264-Copy-3" fill="#E96C6C"></path>
                <ellipse id="Oval-72" fill="#D8D8D8" cx="86.2484472" cy="115.542032" rx="1.91925466" ry="1.9150613"></ellipse>
                <ellipse id="Oval-72-Copy" fill="#D8D8D8" cx="116.956522" cy="115.542032" rx="1.91925466" ry="1.9150613"></ellipse>
                <ellipse id="Oval-72-Copy-4" fill="#D8D8D8" cx="123.354037" cy="121.925569" rx="1.91925466" ry="1.9150613"></ellipse>
                <ellipse id="Oval-72-Copy-5" fill="#D8D8D8" cx="114.397516" cy="121.925569" rx="1.91925466" ry="1.9150613"></ellipse>
                <ellipse id="Oval-72-Copy-2" fill="#D8D8D8" cx="90.0869565" cy="121.925569" rx="1.91925466" ry="1.9150613"></ellipse>
                <ellipse id="Oval-72-Copy-3" fill="#D8D8D8" cx="79.8509317" cy="121.925569" rx="1.91925466" ry="1.9150613"></ellipse>
                <path d="M167.508691,300.405004 C164.463342,271.024927 178.437438,229.949918 178.437438,229.949918 L210.192484,253.471186 C210.192484,253.471186 200.679872,288.37661 200.679872,302.891538 C200.679873,317.406466 190.219151,360.846647 190.219151,360.846647 L175.030991,360.846647 C175.030991,360.846647 170.554039,329.785081 167.508691,300.405004 Z" id="Path-269-Copy" fill="#95B8D5" transform="translate(188.633516, 295.398283) scale(-1, 1) translate(-188.633516, -295.398283) "></path>
                <path d="M0.434141883,305.455086 C-2.61120669,276.075008 11.3628898,235 11.3628898,235 L43.1179355,258.521268 C43.1179355,258.521268 33.6053237,293.426692 33.6053238,307.94162 C33.6053239,322.456548 33.6053238,359.661636 33.6053238,359.661636 L21.5589676,364.427658 C21.5589676,364.427658 3.47949046,334.835163 0.434141883,305.455086 Z" id="Path-269-Copy-2" fill="#95B8D5"></path>
                <path d="M174.179621,340 L206.787966,350.143121 C206.787966,350.143121 208.966611,372.026844 187.991734,372.023358 C167.016857,372.019872 174.179621,340 174.179621,340 Z" id="Path-271-Copy" fill="#4D6F8B"></path>
                <path d="M12.179621,342 L44.7879655,352.143121 C44.7879655,352.143121 46.9666113,374.026844 25.9917343,374.023358 C5.01685741,374.019872 12.179621,342 12.179621,342 Z" id="Path-271-Copy-2" fill="#4D6F8B" transform="translate(27.926212, 358.011679) scale(-1, 1) translate(-27.926212, -358.011679) "></path>
                <path d="M148.942562,523.565709 L173.272038,523.890693 L163.607444,596.615312 L156.006732,596.615312 L148.942562,523.565709 Z" id="Path-273" fill="#BA895E"></path>
                <path d="M161.823799,546.331698 L166.236717,523.890693 L173.272038,523.890693 L163.607444,596.615312 L156.006732,596.615312 L161.823799,546.331698 Z" id="Path-273-Copy" fill="#AC7E55"></path>
            </g>
            <path d="M72.173913,228.607791 C74.6471882,228.607791 76.6521739,229.636268 76.6521739,224.700525 C76.6521739,219.764783 74.6471882,216.964859 72.173913,216.964859 C69.7006379,216.964859 67.6956522,219.764783 67.6956522,224.700525 C67.6956522,229.636268 69.7006379,228.607791 72.173913,228.607791 Z" id="EyeL" fill="#4E4E4E" sketch:type="MSShapeGroup"></path>
            <path d="M134.869565,229.597475 C137.34284,229.597475 139.347826,229.636268 139.347826,224.700525 C139.347826,219.764783 137.34284,217.581127 134.869565,217.581127 C132.39629,217.581127 130.391304,219.764783 130.391304,224.700525 C130.391304,229.636268 132.39629,229.597475 134.869565,229.597475 Z" id="EyeR" fill="#4E4E4E" sketch:type="MSShapeGroup"></path>
            
            <g id="WalrusFlowerPants" transform="translate(27.771736, 543.239054) rotate(26.000000) translate(-27.771736, -543.239054) translate(11.777947, 527.280210)" fill="#51738F" sketch:type="MSShapeGroup">
                <ellipse id="Oval" cx="15.9937888" cy="15.726857" rx="1.80261703" ry="1.79867851"></ellipse>
                <path d="M10.7509468,12.0676108 C11.5826238,12.927053 12.6101273,13.4840556 13.6957544,13.7362832 C13.4815937,12.6448539 12.9600401,11.6005227 12.1283631,10.7410806 C11.2966861,9.8812492 10.2691827,9.32463585 9.18355552,9.07201903 C9.39771626,10.163059 9.91926981,11.2077795 10.7509468,12.0676108 L10.7509468,12.0676108 Z" id="Shape"></path>
                <path d="M12.094035,21.1898418 C12.955359,20.3603712 13.5135813,19.3347235 13.7663612,18.2514683 C12.6729321,18.4655504 11.6263142,18.9863536 10.7646001,19.8158243 C9.90327602,20.6460734 9.34466369,21.6713319 9.09188381,22.7545871 C10.1853128,22.5401158 11.2319308,22.020091 12.094035,21.1898418 L12.094035,21.1898418 Z" id="Shape"></path>
                <path d="M21.2366308,19.8504667 C20.4045637,18.9906353 19.3770603,18.4336327 18.2914331,18.1817943 C18.5055938,19.2732236 19.0275375,20.3175548 19.8592145,21.1766077 C20.6908915,22.0364391 21.718785,22.5934417 22.8040221,22.8456692 C22.5894713,21.7546292 22.0675276,20.7099088 21.2366308,19.8504667 L21.2366308,19.8504667 Z" id="Shape"></path>
                <path d="M19.8943228,10.7278464 C19.0322186,11.5577063 18.4739964,12.5829647 18.2216066,13.6662199 C19.3150356,13.4517486 20.3616535,12.9321131 21.2229776,12.101864 C22.0850818,11.2720041 22.643304,10.2467457 22.8956938,9.16387969 C21.8022648,9.37718327 20.7552568,9.89798652 19.8943228,10.7278464 L19.8943228,10.7278464 Z" id="Shape"></path>
                <path d="M15.9937888,0.0330854086 C7.87947659,10.7862324 15.9937888,10.9033937 15.9937888,10.9033937 C15.9937888,10.9033937 24.108101,10.7866217 15.9937888,0.0330854086 L15.9937888,0.0330854086 Z" id="Shape"></path>
                <path d="M15.9937888,31.8842136 C24.107711,21.1314558 15.9937888,21.0142946 15.9937888,21.0142946 C15.9937888,21.0142946 7.87947659,21.1314558 15.9937888,31.8842136 L15.9937888,31.8842136 Z" id="Shape"></path>
                <path d="M0.0331578549,15.9588441 C10.8098508,24.0554275 10.9272686,15.9588441 10.9272686,15.9588441 C10.9272686,15.9588441 10.8098508,7.8622608 0.0331578549,15.9588441 L0.0331578549,15.9588441 Z" id="Shape"></path>
                <path d="M31.9544198,15.9588441 C21.1777269,7.8622608 21.060309,15.9588441 21.060309,15.9588441 C21.060309,15.9588441 21.1777269,24.0558167 31.9544198,15.9588441 L31.9544198,15.9588441 Z" id="Shape"></path>
            </g>
            <g id="WalrusFlowerPants" transform="translate(138.068323, 473.658494)" fill="#51738F" sketch:type="MSShapeGroup">
                <ellipse id="Oval" cx="15.9937888" cy="15.726857" rx="1.80261703" ry="1.79867851"></ellipse>
                <path d="M10.7509468,12.0676108 C11.5826238,12.927053 12.6101273,13.4840556 13.6957544,13.7362832 C13.4815937,12.6448539 12.9600401,11.6005227 12.1283631,10.7410806 C11.2966861,9.8812492 10.2691827,9.32463585 9.18355552,9.07201903 C9.39771626,10.163059 9.91926981,11.2077795 10.7509468,12.0676108 L10.7509468,12.0676108 Z" id="Shape"></path>
                <path d="M12.094035,21.1898418 C12.955359,20.3603712 13.5135813,19.3347235 13.7663612,18.2514683 C12.6729321,18.4655504 11.6263142,18.9863536 10.7646001,19.8158243 C9.90327602,20.6460734 9.34466369,21.6713319 9.09188381,22.7545871 C10.1853128,22.5401158 11.2319308,22.020091 12.094035,21.1898418 L12.094035,21.1898418 Z" id="Shape"></path>
                <path d="M15.9937888,0.0330854086 C7.87947659,10.7862324 15.9937888,10.9033937 15.9937888,10.9033937 C15.9937888,10.9033937 24.108101,10.7866217 15.9937888,0.0330854086 L15.9937888,0.0330854086 Z" id="Shape"></path>
                <path d="M15.9937888,31.8842136 C24.107711,21.1314558 15.9937888,21.0142946 15.9937888,21.0142946 C15.9937888,21.0142946 7.87947659,21.1314558 15.9937888,31.8842136 L15.9937888,31.8842136 Z" id="Shape"></path>
                <path d="M0.0331578549,15.9588441 C10.8098508,24.0554275 10.9272686,15.9588441 10.9272686,15.9588441 C10.9272686,15.9588441 10.8098508,7.8622608 0.0331578549,15.9588441 L0.0331578549,15.9588441 Z" id="Shape"></path>
            </g>
            <g id="WalrusFlowerPants" transform="translate(198.293755, 528.033454) rotate(6.000000) translate(-198.293755, -528.033454) translate(188.057731, 512.074609)" fill="#51738F" sketch:type="MSShapeGroup">
                <ellipse id="Oval" cx="15.9937888" cy="15.726857" rx="1.80261703" ry="1.79867851"></ellipse>
                <path d="M10.7509468,12.0676108 C11.5826238,12.927053 12.6101273,13.4840556 13.6957544,13.7362832 C13.4815937,12.6448539 12.9600401,11.6005227 12.1283631,10.7410806 C11.2966861,9.8812492 10.2691827,9.32463585 9.18355552,9.07201903 C9.39771626,10.163059 9.91926981,11.2077795 10.7509468,12.0676108 L10.7509468,12.0676108 Z" id="Shape"></path>
                <path d="M12.094035,21.1898418 C12.955359,20.3603712 13.5135813,19.3347235 13.7663612,18.2514683 C12.6729321,18.4655504 11.6263142,18.9863536 10.7646001,19.8158243 C9.90327602,20.6460734 9.34466369,21.6713319 9.09188381,22.7545871 C10.1853128,22.5401158 11.2319308,22.020091 12.094035,21.1898418 L12.094035,21.1898418 Z" id="Shape"></path>
                <path d="M15.9937888,0.0330854086 C7.87947659,10.7862324 15.9937888,10.9033937 15.9937888,10.9033937 C15.9937888,10.9033937 24.108101,10.7866217 15.9937888,0.0330854086 L15.9937888,0.0330854086 Z" id="Shape"></path>
                <path d="M15.9937888,31.8842136 C24.107711,21.1314558 15.9937888,21.0142946 15.9937888,21.0142946 C15.9937888,21.0142946 7.87947659,21.1314558 15.9937888,31.8842136 L15.9937888,31.8842136 Z" id="Shape"></path>
                <path d="M0.0331578549,15.9588441 C10.8098508,24.0554275 10.9272686,15.9588441 10.9272686,15.9588441 C10.9272686,15.9588441 10.8098508,7.8622608 0.0331578549,15.9588441 L0.0331578549,15.9588441 Z" id="Shape"></path>
            </g>
            <g id="WalrusFlowerPants" transform="translate(38.375364, 665.173669) rotate(170.000000) translate(-38.375364, -665.173669) translate(28.139339, 649.214825)" fill="#51738F" sketch:type="MSShapeGroup">
                <ellipse id="Oval" cx="15.9937888" cy="15.726857" rx="1.80261703" ry="1.79867851"></ellipse>
                <path d="M10.7509468,12.0676108 C11.5826238,12.927053 12.6101273,13.4840556 13.6957544,13.7362832 C13.4815937,12.6448539 12.9600401,11.6005227 12.1283631,10.7410806 C11.2966861,9.8812492 10.2691827,9.32463585 9.18355552,9.07201903 C9.39771626,10.163059 9.91926981,11.2077795 10.7509468,12.0676108 L10.7509468,12.0676108 Z" id="Shape"></path>
                <path d="M12.094035,21.1898418 C12.955359,20.3603712 13.5135813,19.3347235 13.7663612,18.2514683 C12.6729321,18.4655504 11.6263142,18.9863536 10.7646001,19.8158243 C9.90327602,20.6460734 9.34466369,21.6713319 9.09188381,22.7545871 C10.1853128,22.5401158 11.2319308,22.020091 12.094035,21.1898418 L12.094035,21.1898418 Z" id="Shape"></path>
                <path d="M15.9937888,0.0330854086 C7.87947659,10.7862324 15.9937888,10.9033937 15.9937888,10.9033937 C15.9937888,10.9033937 24.108101,10.7866217 15.9937888,0.0330854086 L15.9937888,0.0330854086 Z" id="Shape"></path>
                <path d="M15.9937888,31.8842136 C24.107711,21.1314558 15.9937888,21.0142946 15.9937888,21.0142946 C15.9937888,21.0142946 7.87947659,21.1314558 15.9937888,31.8842136 L15.9937888,31.8842136 Z" id="Shape"></path>
                <path d="M0.0331578549,15.9588441 C10.8098508,24.0554275 10.9272686,15.9588441 10.9272686,15.9588441 C10.9272686,15.9588441 10.8098508,7.8622608 0.0331578549,15.9588441 L0.0331578549,15.9588441 Z" id="Shape"></path>
            </g>
            <g id="WalrusFlowerPants" transform="translate(154.062112, 557.282837) rotate(51.000000) translate(-154.062112, -557.282837) translate(138.068323, 541.323993)" fill="#51738F" sketch:type="MSShapeGroup">
                <ellipse id="Oval" cx="15.9937888" cy="15.726857" rx="1.80261703" ry="1.79867851"></ellipse>
                <path d="M10.7509468,12.0676108 C11.5826238,12.927053 12.6101273,13.4840556 13.6957544,13.7362832 C13.4815937,12.6448539 12.9600401,11.6005227 12.1283631,10.7410806 C11.2966861,9.8812492 10.2691827,9.32463585 9.18355552,9.07201903 C9.39771626,10.163059 9.91926981,11.2077795 10.7509468,12.0676108 L10.7509468,12.0676108 Z" id="Shape"></path>
                <path d="M12.094035,21.1898418 C12.955359,20.3603712 13.5135813,19.                    
                  
                



 .svg{
  width:20%;
  margin:0 auto;
  display:block;
  margin-top:4%;
}

p{
  text-align:center;
  font-family:Avenir, sans-serif;
}

@-webkit-keyframes aniRainDrop {
					    0% {
					    transform: translateY(-90px);
					    -webkit-transform: translateY(-90px);
					  }
						
					  100% {
					    transform: translateY(100px);
					    -webkit-transform: translateY(100px);
							
					  }
					}

@-moz-keyframes aniRainDrop {
					    0% {
					    transform: translateY(-90px);
					    -webkit-transform: translateY(-90px);
					  }
						
					  100% {
					    transform: translateY(100px);
					    -webkit-transform: translateY(100px);
							
					  }
					}

@-o-keyframes aniRainDrop {
					    0% {
					    transform: translateY(-90px);
					    -webkit-transform: translateY(-90px);
					  }
						
					  100% {
					    transform: translateY(100px);
					    -webkit-transform: translateY(100px);
							
					  }
					}

@keyframes aniRainDrop {
					    0% {
					    transform: translateY(-90px);
					    -webkit-transform: translateY(-90px);
					  }
						
					  100% {
					    transform: translateY(100px);
					    -webkit-transform: translateY(100px);
							
					  }
					}

.rainDropOne{
  -webkit-animation:aniRainDrop 2s 0.5s infinite;
  -moz-animation:aniRainDrop 2s 0.5s infinite;
  -o-animation:aniRainDrop 2s 0.5s infinite;
  animation:aniRainDrop 2s 0.5s infinite;
}

.rainDropTwo{
  -webkit-animation:aniRainDrop 1s 1s infinite;
  -moz-animation:aniRainDrop 1s 1s infinite;
  -o-animation:aniRainDrop 1s 1s infinite;
  animation:aniRainDrop 1s 1s infinite;
}

.rainDropThree{
  -webkit-animation:aniRainDrop 2s 1s infinite;
  -moz-animation:aniRainDrop 2s 1s infinite;
  -o-animation:aniRainDrop 2s 1s infinite;
  animation:aniRainDrop 2s 1s infinite;
}

.rainDropFour{
  -webkit-animation:aniRainDrop 2s 2s infinite;
  -moz-animation:aniRainDrop 2s 2s infinite;
  -o-animation:aniRainDrop 2s 2s infinite;
  animation:aniRainDrop 2s 2s infinite;
}

@media only screen and (min-width:1100px){
					.svg{
						width:10%;
					}
				}

.svg{
  width:20%;
  margin:0 auto;
  display:block;
  margin-top:4%;
}

p{
  text-align:center;
  font-family:Avenir, sans-serif;
}

@-webkit-keyframes aniRainDrop {
					    0% {
					    transform: translateY(-90px);
					    -webkit-transform: translateY(-90px);
					  }
						
					  100% {
					    transform: translateY(100px);
					    -webkit-transform: translateY(100px);
							
					  }
					}

@-moz-keyframes aniRainDrop {
					    0% {
					    transform: translateY(-90px);
					    -webkit-transform: translateY(-90px);
					  }
						
					  100% {
					    transform: translateY(100px);
					    -webkit-transform: translateY(100px);
							
					  }
					}

@-o-keyframes aniRainDrop {
					    0% {
					    transform: translateY(-90px);
					    -webkit-transform: translateY(-90px);
					  }
						
					  100% {
					    transform: translateY(100px);
					    -webkit-transform: translateY(100px);
							
					  }
					}

@keyframes aniRainDrop {
					    0% {
					    transform: translateY(-90px);
					    -webkit-transform: translateY(-90px);
					  }
						
					  100% {
					    transform: translateY(100px);
					    -webkit-transform: translateY(100px);
							
					  }
					}

.rainDropOne{
  -webkit-animation:aniRainDrop 2s 0.5s infinite;
  -moz-animation:aniRainDrop 2s 0.5s infinite;
  -o-animation:aniRainDrop 2s 0.5s infinite;
  animation:aniRainDrop 2s 0.5s infinite;
}

.rainDropTwo{
  -webkit-animation:aniRainDrop 1s 1s infinite;
  -moz-animation:aniRainDrop 1s 1s infinite;
  -o-animation:aniRainDrop 1s 1s infinite;
  animation:aniRainDrop 1s 1s infinite;
}

.rainDropThree{
  -webkit-animation:aniRainDrop 2s 1s infinite;
  -moz-animation:aniRainDrop 2s 1s infinite;
  -o-animation:aniRainDrop 2s 1s infinite;
  animation:aniRainDrop 2s 1s infinite;
}

.rainDropFour{
  -webkit-animation:aniRainDrop 2s 2s infinite;
  -moz-animation:aniRainDrop 2s 2s infinite;
  -o-animation:aniRainDrop 2s 2s infinite;
  animation:aniRainDrop 2s 2s infinite;
}

@media only screen and (min-width:1100px){
					.svg{
						width:10%;
					}
				}

.svg{
  width:20%;
  margin:0 auto;
  display:block;
  margin-top:4%;
}

p{
  text-align:center;
  font-family:Avenir, sans-serif;
}

@-webkit-keyframes aniRainDrop {
					    0% {
					    transform: translateY(-90px);
					    -webkit-transform: translateY(-90px);
					  }
						
					  100% {
					    transform: translateY(100px);
					    -webkit-transform: translateY(100px);
							
					  }
					}

@-moz-keyframes aniRainDrop {
					    0% {
					    transform: translateY(-90px);
					    -webkit-transform: translateY(-90px);
					  }
						
					  100% {
					    transform: translateY(100px);
					    -webkit-transform: translateY(100px);
							
					  }
					}

@-o-keyframes aniRainDrop {
					    0% {
					    transform: translateY(-90px);
					    -webkit-transform: translateY(-90px);
					  }
						
					  100% {
					    transform: translateY(100px);
					    -webkit-transform: translateY(100px);
							
					  }
					}

@keyframes aniRainDrop {
					    0% {
					    transform: translateY(-90px);
					    -webkit-transform: translateY(-90px);
					  }
						
					  100% {
					    transform: translateY(100px);
					    -webkit-transform: translateY(100px);
							
					  }
					}

.rainDropOne{
  -webkit-animation:aniRainDrop 2s 0.5s infinite;
  -moz-animation:aniRainDrop 2s 0.5s infinite;
  -o-animation:aniRainDrop 2s 0.5s infinite;
  animation:aniRainDrop 2s 0.5s infinite;
}

.rainDropTwo{
  -webkit-animation:aniRainDrop 1s 1s infinite;
  -moz-animation:aniRainDrop 1s 1s infinite;
  -o-animation:aniRainDrop 1s 1s infinite;
  animation:aniRainDrop 1s 1s infinite;
}

.rainDropThree{
  -webkit-animation:aniRainDrop 2s 1s infinite;
  -moz-animation:aniRainDrop 2s 1s infinite;
  -o-animation:aniRainDrop 2s 1s infinite;
  animation:aniRainDrop 2s 1s infinite;
}

.rainDropFour{
  -webkit-animation:aniRainDrop 2s 2s infinite;
  -moz-animation:aniRainDrop 2s 2s infinite;
  -o-animation:aniRainDrop 2s 2s infinite;
  animation:aniRainDrop 2s 2s infinite;
}

@media only screen and (min-width:1100px){
					.svg{
						width:10%;
					}
				}