SVG Camera Animation

HTML
<h1 class='title'>Hit that <span class='tx--red'>red</span> shutter button!</h1> <div class='booth'> <div class='camera'> <svg viewBox="0 0 96.000005 77.890617" id="camera" preserveAspectRatio="xMinYMin" > <defs id="defs4"> <linearGradient id="linearGradient4995"> <stop id="stop6487" offset="0" style="stop-color:#000000;stop-opacity:0.94117647;" /> <stop style="stop-color:#f7f7f7;stop-opacity:0.90980392;" offset="0.24615385" id="stop6513" /> <stop id="stop6515" offset="0.46650887" style="stop-color:#000000;stop-opacity:0.89411765;" /> <stop style="stop-color:#000000;stop-opacity:0.88235301;" offset="1" id="stop6511" /> </linearGradient> </defs> <metadata id="metadata7"> <rdf:RDF> <cc:Work rdf:about=""> <dc:format>image/svg+xml</dc:format> <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> <dc:title></dc:title> </cc:Work> </rdf:RDF> </metadata> <g id="layer1" transform="translate(-64.597973,-894.22945)"> <g id="g4557"> <g transform="translate(-0.2301445,0)" id="g4476"> <g id="g4395"> <path style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:1.03495669;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="m 64.828125,948.65913 0,18.96484 c 0,2.49122 2.00487,4.49609 4.496094,4.49609 l 87.005861,0 c 2.49122,0 4.49804,-2.00487 4.49804,-4.49609 l 0,-19.32617" id="path4397" /> <path style="fill:#f4e3d7;fill-opacity:1;stroke:none;stroke-width:1.03495669;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="m 160.82812,948.2978 -6.19921,-15.09375 0,-34.97852 c 0,-2.21454 -1.78155,-3.99609 -3.9961,-3.99609 l -75.609372,0 c -2.214545,0 -3.998047,1.78155 -3.998047,3.99609 l 0,35.33985 -6.197266,15.09375" id="path4399" /> <path id="path4401" d="m 160.82812,948.2978 -6.19921,-15.09375 0,-34.97852 c 0,-2.21454 -1.78155,-3.99609 -3.9961,-3.99609 l -75.609372,0 c -2.214545,0 -3.998047,1.78155 -3.998047,3.99609 l 0,35.33985 -6.197266,15.09375" style="fill:#f4e3d7;fill-opacity:1;stroke:none;stroke-width:1.03495669;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> </g> <g id="g4469"> <g id="g4386"> <path style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:1.03495669;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="m 64.828125,948.65913 0,18.96484 c 0,2.49122 2.00487,4.49609 4.496094,4.49609 l 87.005861,0 c 2.49122,0 4.49804,-2.00487 4.49804,-4.49609 l 0,-19.32617" id="path4383" /> <path style="fill:#f4e3d7;fill-opacity:1;stroke:none;stroke-width:1.03495669;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="m 160.82812,948.2978 -6.19921,-15.09375 0,-34.97852 c 0,-2.21454 -1.78155,-3.99609 -3.9961,-3.99609 l -75.609372,0 c -2.214545,0 -3.998047,1.78155 -3.998047,3.99609 l 0,35.33985 -6.197266,15.09375" id="rect4363" /> <path id="path4393" d="m 160.82812,948.2978 -6.19921,-15.09375 0,-34.97852 c 0,-2.21454 -1.78155,-3.99609 -3.9961,-3.99609 l -75.609372,0 c -2.214545,0 -3.998047,1.78155 -3.998047,3.99609 l 0,35.33985 -6.197266,15.09375" style="fill:#f4e3d7;fill-opacity:1;stroke:none;stroke-width:1.03495669;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> </g> <path id="path4454" d="m 74.950192,894.22944 c -2.214545,0 -3.998047,1.78156 -3.998047,3.9961 l 0,35.33984 -0.05078,0.12305 83.853515,0 -0.19922,-0.48438 0,-34.97851 c 0,-2.21454 -1.78154,-3.9961 -3.99609,-3.9961 l -75.609376,0 z" style="fill:#e9c6af;fill-opacity:1;stroke:none;stroke-width:1.03495669;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> </g> <g id="g4306" transform="translate(15.043317,1.1507481)"> <g id="g4262"> <g id="g4251"> <g id="g4242"> <g id="g4235"> <path style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" id="path4231" d="M 113.82048,910.47504 A 16.035673,16.035673 0 0 1 97.866809,926.5105 16.035673,16.035673 0 0 1 81.749971,910.63904 16.035673,16.035673 0 0 1 97.538804,894.44125 16.035673,16.035673 0 0 1 113.81712,910.14704" /> <path d="M 112.78481,910.47504 A 15,15 0 0 1 97.861512,925.47484 15,15 0 0 1 82.78559,910.62845 15,15 0 0 1 97.554692,895.4768 15,15 0 0 1 112.78167,910.16823" id="path4223" style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> <path style="fill:#333333;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" id="path4233" d="M 112.21521,910.47504 A 14.430408,14.430408 0 0 1 97.8586,924.90526 14.430408,14.430408 0 0 1 83.355153,910.62262 14.430408,14.430408 0 0 1 97.56343,896.04633 a 14.430408,14.430408 0 0 1 14.64876,14.13355" /> </g> <path style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" id="path4240" d="m 106.20235,910.47504 a 8.4175472,8.4175472 0 0 1 -8.374499,8.41743 8.4175472,8.4175472 0 0 1 -8.460153,-8.33134 8.4175472,8.4175472 0 0 1 8.287975,-8.50265 8.4175472,8.4175472 0 0 1 8.544917,8.24439" /> </g> <path d="m 105.28481,910.47504 a 7.5,7.5 0 0 1 -7.461651,7.4999 7.5,7.5 0 0 1 -7.537961,-7.4232 7.5,7.5 0 0 1 7.384551,-7.57582 7.5,7.5 0 0 1 7.613491,7.34571" id="path4249" style="fill:#333333;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> </g> <path style="fill:#1a1a1a;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" id="path4260" d="m 102.78481,910.47504 a 5,5 0 0 1 -4.974436,4.99993 5,5 0 0 1 -5.025307,-4.9488 5,5 0 0 1 4.923034,-5.05054 5,5 0 0 1 5.075659,4.89714" /> </g> <path id="path4277" transform="translate(0,852.36225)" d="m 93.621094,60.873047 -7.875,5.220703 a 14.44374,14.44374 0 0 0 7.902344,5.857422 l 2.705078,-9.050781 a 4.9999997,4.9999997 0 0 1 -2.732422,-2.027344 z" style="fill:#ffffff;fill-opacity:0.6;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> <path id="path4290" d="m 100.27082,902.37268 -0.962885,3.21875 a 5.0171264,5.0171264 0 0 1 2.740235,2.03711 l 2.79882,-1.85547 a 8.376862,8.376862 0 0 0 -4.57617,-3.40039 z" style="fill:#ffffff;fill-opacity:0.6;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> <path id="path4300" d="m 99.323662,907.19075 c -1.866309,1.31627 1.453778,3.30806 1.862758,1.11636 0.11747,-0.93635 -1.11356,-1.67577 -1.862758,-1.11636 z" style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> </g> <rect style="fill:#e9c6af;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" id="rect4391" width="96.000008" height="4.0000148" x="64.828117" y="948.36224" ry="1.4440307e-05" /> </g> <g transform="matrix(1.3123459,0,0,1.3123459,-46.8679,-281.1377)" id="g4548"> <rect style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" id="rect4522" width="14.000001" height="14.000001" x="136.41971" y="897.87402" ry="2.4882319" /> <circle style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" id="path4524" cx="143.41971" cy="904.87402" r="7.0000005" /> <rect style="fill:#333333;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" id="rect4526" width="10.000001" height="10.000001" x="138.41971" y="899.87402" ry="3.7500148" /> <circle style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" id="path4528" cx="143.41971" cy="904.87402" r="3.2658229" /> <circle style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" id="path4530" cx="144.76985" cy="903.67181" r="1" /> </g> <g id="shutter"> <circle cy="924.2771" cx="82.252014" id="circle4534" style="fill:#f4e3d7;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" r="3.4027622" /> <circle style="fill:#ff0000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" id="path4532" cx="82.252014" cy="924.2771" r="3.0000002" /> </g> <circle cy="924.2771" cx="140.01956" id="circle4542" style="fill:#f4e3d7;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" r="3.4027622" /> <circle style="fill:#333333;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" id="circle4544" cx="140.01956" cy="924.2771" r="3.0000002" /> <rect ry="2.8154671" y="959.15973" x="69.097977" height="7.9205985" width="87" id="rect4555" style="fill:#333333;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> </g> </g> </svg> </div> <div class='camera__flash'></div> <div class='photo-wrapper'> <div class='photo'> <svg viewBox="0 0 83.000004 63.000015" id="photo" preserveAspectRatio='xMinYMin'> <defs id="defs4"> <linearGradient id="linearGradient4995"> <stop id="stop6487" offset="0" style="stop-color:#000000;stop-opacity:0.94117647;" /> <stop style="stop-color:#f7f7f7;stop-opacity:0.90980392;" offset="0.24615385" id="stop6513" /> <stop id="stop6515" offset="0.46650887" style="stop-color:#000000;stop-opacity:0.89411765;" /> <stop style="stop-color:#000000;stop-opacity:0.88235301;" offset="1" id="stop6511" /> </linearGradient> <linearGradient gradientTransform="translate(7.0710678,1.0101525)" gradientUnits="userSpaceOnUse" y2="606.09766" x2="430.4985" y1="606.09766" x1="212.28279" id="linearGradient5001" xlink:href="#linearGradient4995" /> <linearGradient gradientUnits="userSpaceOnUse" y2="592.36224" x2="780" y1="592.36224" x1="500" id="linearGradient6499" xlink:href="#linearGradient4995" /> </defs> <metadata id="metadata7"> <rdf:RDF> <cc:Work rdf:about=""> <dc:format>image/svg+xml</dc:format> <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> <dc:title></dc:title> </cc:Work> </rdf:RDF> </metadata> <g id="layer1" transform="translate(-58.500002,-920.86226)"> <g id="g4777" transform="translate(-12.499998,-41.499995)"> <rect ry="1.5274773e-05" y="962.36224" x="71" height="63.000019" width="83.000008" id="rect4597" style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> <rect ry="1.5902566e-05" y="963.36224" x="75.5" height="58.301495" width="74" id="rect4599" style="fill:#ff2a2a;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> <g id="layer1-7" transform="matrix(0.07043559,0,0,0.07043559,86.815237,942.61119)"> <g id="g4972"> <g transform="translate(26.263966,4.5351726e-8)" id="g4875"> <path style="fill:#b3b3b3;fill-opacity:1;stroke:#000000;stroke-width:8.96303368;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="m 583.07784,635.64317 14.74777,-3.03046 c 16.49916,5.05076 -82.96695,-47.88111 49.49748,15.15229 19.2512,69.365 15.88976,105.97983 -2.02031,156.97113 l -47.47717,14.14215 -14.74777,-14.14214 -1e-5,-10e-6 z" id="rect4858" /> <path style="fill:#b3b3b3;fill-opacity:1;stroke:#000000;stroke-width:8.05599976;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="m 190.71069,616.30132 29.2893,6.06092 1e-5,10e-6 0,189.99999 -1e-5,0 -45.45174,22.22336 -45.45688,-19.1929 c -22.31915,-49.73659 -18.35138,-114.51127 4.04061,-164.74618 z" id="rect4855" /> <path style="fill:#b3b3b3;fill-opacity:1;stroke:#000000;stroke-width:8.05599976;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="m 284.04572,465.3927 c 86.83247,-17.80192 173.66494,-15.17371 260.49741,2.02031 l 68.69038,-77.78174 c 23.29685,157.8315 21.28813,482.53762 -9.09137,637.68533 l -89.90359,0 C 389.34762,931.62616 410,984.38256 294.14724,1027.3166 l -119.198,-1.0102 C 153.68359,865.08283 170,542.36225 206.26397,395.69218 Z" id="rect4852" /> </g> <path id="path4892" d="m 190,842.36225 c -1.71403,-1.38411 -3.31599,-2.91985 -5.14208,-4.15234 -0.2411,-0.16272 -3.52869,0 -4.04061,0 -2.69374,0 -5.38748,0 -8.08122,0 -0.45493,0 -2.72304,-0.15371 -3.03046,0 -0.42592,0.21296 -0.58424,0.79719 -1.01015,1.01015 -0.60234,0.30117 -1.54412,-0.47619 -2.02031,0 -0.2381,0.2381 0.2381,0.77206 0,1.01016 -0.2381,0.23809 -0.70898,-0.15059 -1.01015,0 -0.42592,0.21295 -0.58424,0.79719 -1.01016,1.01015 -0.30116,0.15058 -0.77205,-0.2381 -1.01015,0 -0.23809,0.23809 0.2381,0.77206 0,1.01015 -0.23809,0.2381 -0.70898,-0.15058 -1.01015,0 -0.42592,0.21296 -0.58424,0.79719 -1.01015,1.01015 -0.30117,0.15059 -0.77206,-0.23809 -1.01016,0 -0.23809,0.2381 0.2381,0.77206 0,1.01016 -0.23809,0.23809 -0.77205,-0.2381 -1.01015,0 -0.23809,0.23809 0.2381,0.77205 0,1.01015 -0.23809,0.23809 -0.77206,-0.2381 -1.01015,0 -0.2381,0.23809 0.23809,0.77206 0,1.01015 -0.2381,0.2381 -0.77206,-0.23809 -1.01015,0 -0.2381,0.2381 0.23809,0.77206 0,1.01015 -0.2381,0.2381 -0.77206,-0.23809 -1.01016,0 -0.47619,0.47619 0.4762,1.54412 0,2.02031 -0.23809,0.23809 -0.77205,-0.2381 -1.01015,0 -0.23809,0.23809 0.15059,0.70898 0,1.01015 -0.21296,0.42592 -0.79719,0.58424 -1.01015,1.01015 -0.15059,0.30117 0.23809,0.77206 0,1.01016 -0.2381,0.23809 -0.77206,-0.2381 -1.01015,0 -0.47619,0.47619 0.47619,1.54411 0,2.0203 -0.2381,0.2381 -0.77206,-0.23809 -1.01016,0 -0.23809,0.2381 0.15059,0.70898 0,1.01015 -3.35025,3.35026 0.47619,-0.95238 -1.01015,2.02031 -3.35025,3.35025 0.47619,-0.95238 -1.01015,2.0203 -0.21296,0.42592 -0.79719,0.58424 -1.01015,1.01016 -0.15059,0.30117 0.23809,0.77205 0,1.01015 -0.2381,0.23809 -0.77206,-0.2381 -1.01016,0 -0.47619,0.47619 0.47619,1.54411 0,2.0203 -0.23809,0.2381 -0.77205,-0.23809 -1.01015,0 -0.47619,0.47619 0.47619,1.54412 0,2.02031 -0.23809,0.23809 -0.77206,-0.2381 -1.01015,0 -0.2381,0.23809 0.23809,0.77206 0,1.01015 -0.2381,0.2381 -0.77206,-0.23809 -1.01015,0 -2.09005,2.09004 3.19386,-0.0817 -1.01016,2.02031 -0.30117,0.15058 -0.77205,-0.2381 -1.01015,0 -2.09004,2.09004 3.19386,-0.0817 -1.01015,2.0203 -2.69374,0 0.33672,-0.33672 -1.01015,1.01015 -0.2381,0.2381 -0.77206,-0.23809 -1.01016,0 -0.23809,0.2381 0.2381,0.77206 0,1.01016 -0.23809,0.23809 -0.77205,-0.2381 -1.01015,0 -0.23809,0.23809 0.2381,0.77205 0,1.01015 -0.23809,0.23809 -0.70898,-0.15059 -1.01015,0 -0.42592,0.21296 -0.58424,0.79719 -1.01015,1.01015 -0.30117,0.15059 -0.77206,-0.23809 -1.01016,0 -0.23809,0.2381 0.2381,0.77206 0,1.01015 -0.47619,0.4762 -1.54411,-0.47619 -2.0203,0 -0.2381,0.2381 0,0.67344 0,1.01016 -0.33672,0 -0.70898,-0.15059 -1.01015,0 -0.42592,0.21296 -0.58424,0.79719 -1.01016,1.01015 -0.30117,0.15058 -0.70898,-0.15058 -1.01015,0 -0.42592,0.21296 -0.58423,0.79719 -1.01015,1.01015 -0.30743,0.15371 -2.57553,0 -3.03046,0 -2.69374,0 -5.38748,0 -8.08122,0 -0.37096,0 -3.99996,0.0406 -4.04061,0 -0.2381,-0.23809 0.2381,-0.77206 0,-1.01015 -0.47619,-0.47619 -1.54411,0.47619 -2.0203,0 -0.2381,-0.2381 0.23809,-0.77206 0,-1.01015 -0.4762,-0.47619 -1.54412,0.47619 -2.02031,0 -0.2381,-0.2381 0.2381,-0.77206 0,-1.01016 -0.47619,-0.47619 -1.54411,0.4762 -2.02031,0 -0.23809,-0.23809 0.2381,-0.77205 0,-1.01015 -0.23809,-0.23809 -0.70898,0.15059 -1.01015,0 -0.42592,-0.21296 -0.58423,-0.79719 -1.01015,-1.01015 -0.30117,-0.15059 -0.77206,0.23809 -1.01015,0 -0.2381,-0.2381 0.23809,-0.77206 0,-1.01015 -0.2381,-0.2381 -0.77206,0.23809 -1.01016,0 -0.23809,-0.2381 0.2381,-0.77206 0,-1.01016 -0.23809,-0.23809 -0.70898,0.15059 -1.01015,0 -0.42592,-0.21295 -0.58423,-0.79719 -1.01015,-1.01015 -0.30117,-0.15058 -0.77206,0.2381 -1.01015,0 -0.2381,-0.23809 0.23809,-0.77206 0,-1.01015 -0.2381,-0.2381 -0.77206,0.23809 -1.01016,0 -0.23809,-0.2381 0.2381,-0.77206 0,-1.01015 -0.23809,-0.2381 -0.70898,0.15058 -1.01015,0 -4.204011,-2.10201 1.07989,0.0697 -1.010151,-2.02031 -0.238095,-0.23809 -0.772057,0.2381 -1.010152,0 -0.238095,-0.23809 0.238095,-0.77206 0,-1.01015 -0.238095,-0.2381 -0.772057,0.23809 -1.010153,0 -0.238095,-0.2381 0.150585,-0.70898 0,-1.01015 -0.212959,-0.42592 -0.797193,-0.58424 -1.010152,-1.01016 -0.150585,-0.30117 0.238095,-0.77205 0,-1.01015 -0.238095,-0.23809 -0.772057,0.2381 -1.010153,0 -0.238095,-0.23809 0.150585,-0.70898 0,-1.01015 -0.212959,-0.42592 -0.797193,-0.58424 -1.010152,-1.01015 -0.150585,-0.30117 0.150584,-0.70899 0,-1.01016 -0.212959,-0.42591 -0.797194,-0.58423 -1.010153,-1.01015 -0.150584,-0.30117 0.150585,-0.70898 0,-1.01015 -0.212959,-0.42592 -0.797194,-0.58424 -1.010152,-1.01015 -0.150585,-0.30117 0.238095,-0.77206 0,-1.01016 -0.238096,-0.23809 -0.772058,0.2381 -1.010153,0 -0.47619,-0.47619 0.301169,-1.41796 0,-2.0203 -0.212959,-0.42592 -0.797194,-0.58424 -1.010152,-1.01015 -0.30117,-0.60234 0.47619,-1.54412 0,-2.02031 -0.238096,-0.23809 -0.772058,0.2381 -1.010153,0 -0.47619,-0.47619 0.47619,-1.54411 0,-2.0203 -0.238095,-0.2381 -0.772057,0.23809 -1.010153,0 -0.47619,-0.47619 0.30117,-1.41797 0,-2.02031 -0.212958,-0.42592 -0.797193,-0.58423 -1.010152,-1.01015 -0.150585,-0.30117 0.150585,-0.70899 0,-1.01015 -0.212959,-0.42592 -0.797194,-0.58424 -1.010153,-1.01016 -0.150584,-0.30117 0.238096,-0.77205 0,-1.01015 -0.238095,-0.23809 -0.772057,0.2381 -1.010152,0 -0.238095,-0.23809 0.150584,-0.70898 0,-1.01015 -0.212959,-0.42592 -0.797194,-0.58424 -1.010153,-1.01015 -0.150584,-0.30117 0.238096,-0.77206 0,-1.01016 -0.238095,-0.23809 -0.772057,0.2381 -1.010152,0 -0.238096,-0.23809 0.238095,-0.77205 0,-1.01015 -0.238096,-0.23809 -0.772058,0.2381 -1.010153,0 -0.238095,-0.23809 0.150585,-0.70898 0,-1.01015 -0.425918,-0.85184 -1.594387,-1.16847 -2.020305,-2.02031 -0.150585,-0.30117 0.238095,-0.77205 0,-1.01015 -0.238095,-0.2381 -0.772057,0.2381 -1.010152,0 -0.238096,-0.2381 0.238095,-0.77206 0,-1.01015 -0.238096,-0.2381 -0.772058,0.23809 -1.010153,0 -0.47619,-0.47619 0.47619,-1.54412 0,-2.02031 -0.238095,-0.23809 -0.708983,0.15059 -1.010153,0 -0.425917,-0.21296 -0.584234,-0.79719 -1.010152,-1.01015 -0.301169,-0.15058 -0.772057,0.2381 -1.010153,0 -0.238095,-0.2381 0.238096,-0.77206 0,-1.01015 -0.238095,-0.2381 -0.772057,0.23809 -1.010152,0 -0.238095,-0.2381 0.238095,-0.77206 0,-1.01016 -0.238095,-0.23809 -0.772057,0.2381 -1.010153,0 -0.238095,-0.23809 0.238096,-0.77205 0,-1.01015 -0.47619,-0.47619 -1.544114,0.47619 -2.020305,0 -0.238095,-0.23809 0.238095,-0.77205 0,-1.01015 -0.47619,-0.47619 -1.544114,0.47619 -2.020305,0 -0.238095,-0.2381 0.238095,-0.77206 0,-1.01015 -0.238095,-0.2381 -0.708983,0.15058 -1.010152,0 -0.425918,-0.21296 -0.584235,-0.7972 -1.010153,-1.01016 -0.400517,-0.20025 -2.823946,0.20652 -3.030458,0 -0.238095,-0.23809 0.238096,-0.77205 0,-1.01015 -0.238095,-0.23809 -0.673435,0 -1.010152,0 -0.336718,0 -0.673435,0 -1.010153,0 -2.69374,0 -5.38748,0 -8.08122,0 -0.336718,0 -0.772057,-0.23809 -1.010153,0 -0.238095,0.2381 0.238096,0.77206 0,1.01015 -0.238095,0.2381 -0.772057,-0.23809 -1.010152,0 -0.238095,0.2381 0.238095,0.77206 0,1.01016 -0.238095,0.23809 -0.708983,-0.15059 -1.010153,0 -0.425917,0.21296 -0.584235,0.79719 -1.010152,1.01015 -0.30117,0.15058 -0.772058,-0.2381 -1.010153,0 -0.238095,0.2381 0.238095,0.77206 0,1.01015 -0.238095,0.2381 -0.772057,-0.23809 -1.010152,0 -0.238096,0.2381 0.238095,0.77206 0,1.01015 -0.238096,0.2381 -0.772058,-0.23809 -1.010153,0 -0.238095,0.2381 0.150585,0.70899 0,1.01016 -0.212959,0.42592 -0.797194,0.58423 -1.010152,1.01015 -0.150585,0.30117 0.150584,0.70898 0,1.01015 -0.212959,0.42592 -0.797194,0.58424 -1.010153,1.01016 -0.301169,0.60233 0.47619,1.54411 0,2.0203 -0.238095,0.2381 -0.772057,-0.2381 -1.010153,0 -0.2764,0.2764 0.273998,3.49262 0,4.04061 -0.212958,0.42592 -0.797193,0.58424 -1.010152,1.01015 -0.182653,0.36531 0,4.34816 0,5.05077 0,3.70389 0,7.40778 0,11.11167 0,2.69374 0,5.38748 0,8.08122 0,0.33672 0,0.67344 0,1.01016 0,0.33671 -0.238095,0.77205 0,1.01015 0.238095,0.23809 0.772057,-0.2381 1.010152,0 0.238096,0.23809 0,0.67343 0,1.01015 0,0.7026 -0.182652,4.68546 0,5.05076 0.212959,0.42592 0.797194,0.58424 1.010153,1.01016 0.301169,0.60234 -0.301169,1.41796 0,2.0203 0.212959,0.42592 0.797194,0.58424 1.010153,1.01015 0.404061,0.80813 -0.404061,2.22234 0,3.03046 0.212958,0.42592 0.797193,0.58424 1.010152,1.01015 0.301169,0.60234 -0.301169,1.41797 0,2.02031 0.425918,0.85184 1.594387,1.16847 2.020305,2.0203 0.301169,0.60234 -0.301169,1.41797 0,2.02031 0.212959,0.42592 0.797194,0.58423 1.010153,1.01015 0.150584,0.30117 -0.150585,0.70899 0,1.01016 0.212959,0.42591 0.797193,0.58423 1.010152,1.01015 0.30117,0.60234 -0.47619,1.54411 0,2.0203 0.238096,0.2381 0.772058,-0.23809 1.010153,0 0.47619,0.47619 -0.301169,1.41797 0,2.02031 0.212959,0.42592 0.797194,0.58423 1.010152,1.01015 0.150585,0.30117 -0.238095,0.77206 0,1.01015 0.238096,0.2381 0.772058,-0.23809 1.010153,0 0.238095,0.2381 -0.150585,0.70899 0,1.01016 0.212959,0.42591 0.797194,0.58423 1.010152,1.01015 0.150585,0.30117 -0.238095,0.77206 0,1.01015 0.238096,0.2381 0.772058,-0.23809 1.010153,0 0.47619,0.47619 -0.47619,1.54412 0,2.02031 0.238095,0.23809 0.772057,-0.2381 1.010153,0 0.238095,0.23809 -0.238096,0.77205 0,1.01015 0.238095,0.23809 0.772057,-0.2381 1.010152,0 0.238095,0.23809 -0.150585,0.70898 0,1.01015 0.134103,0.26821 2.762251,2.89636 3.030458,3.03046 0.301169,0.15058 0.772057,-0.2381 1.010152,0 0.238096,0.23809 -0.238095,0.77206 0,1.01015 0.238096,0.2381 0.772058,-0.23809 1.010153,0 0.238095,0.2381 -0.150585,0.70898 0,1.01015 0.212959,0.42592 0.673435,0.67344 1.010152,1.01016 0.336718,0.33671 0.584235,0.79719 1.010153,1.01015 0.301169,0.15058 0.772057,-0.2381 1.010152,0 0.238096,0.23809 -0.238095,0.77206 0,1.01015 0.238096,0.2381 0.772058,-0.23809 1.010153,0 0.238095,0.2381 -0.238095,0.77206 0,1.01015 0.238095,0.2381 0.708983,-0.15058 1.010153,0 0.425917,0.21296 0.584234,0.7972 1.010152,1.01016 0.301169,0.15058 0.772057,-0.2381 1.010153,0 0.238095,0.23809 -0.238096,0.77205 0,1.01015 0.47619,0.47619 1.544114,-0.47619 2.020305,0 0.238095,0.23809 -0.238096,0.77206 0,1.01015 0.47619,0.47619 1.544114,-0.47619 2.020305,0 0.238095,0.2381 -0.238095,0.77206 0,1.01015 0.47619,0.47619 1.544114,-0.47619 2.020305,0 0.238095,0.2381 -0.238095,0.77206 0,1.01016 0.47619,0.47619 1.417966,-0.30117 2.020305,0 0.425918,0.21296 0.584235,0.79719 1.010153,1.01015 0.602338,0.30117 1.544114,-0.47619 2.020305,0 0.238095,0.23809 -0.238096,0.77206 0,1.01015 0.206512,0.20651 2.62994,-0.20026 3.030457,0 0.425918,0.21296 0.584235,0.7972 1.010153,1.01015 0.307424,0.15372 2.575528,0 3.030457,0 2.020306,0 4.040611,0 6.060916,0 5.724197,0 11.448393,0 17.172593,0 0.24499,0 2.99797,0.0325 3.03046,0 0.23809,-0.23809 -0.2381,-0.77205 0,-1.01015 0.50507,-0.50507 2.52538,0.50508 3.03046,0 0.23809,-0.23809 -0.2381,-0.77206 0,-1.01015 0.47619,-0.47619 1.41796,0.30117 2.0203,0 0.42592,-0.21296 0.58424,-0.79719 1.01015,-1.01015 0.60234,-0.30117 1.54412,0.47619 2.02031,0 0.23809,-0.2381 -0.2381,-0.77206 0,-1.01016 0.47619,-0.47619 1.41796,0.30117 2.0203,0 0.42592,-0.21296 0.58424,-0.79719 1.01016,-1.01015 0.30116,-0.15058 0.70898,0.15059 1.01015,0 0.42592,-0.21296 0.58423,-0.79719 1.01015,-1.01015 0.30117,-0.15059 0.70898,0.15058 1.01015,0 0.42592,-0.21296 0.58424,-0.79719 1.01016,-1.01015 0.30117,-0.15059 0.77205,0.23809 1.01015,0 0.23809,-0.2381 -0.2381,-0.77206 0,-1.01016 0.23809,-0.23809 0.70898,0.15059 1.01015,0 0.42592,-0.21296 0.58424,-0.79719 1.01015,-1.01015 0.30117,-0.15058 0.70899,0.15059 1.01016,0 0.42591,-0.21296 0.58423,-0.79719 1.01015,-1.01015 0.30117,-0.15059 0.70898,0.15058 1.01015,0 1.21218,-0.60609 1.81828,-2.42437 3.03046,-3.03046 0.30117,-0.15058 0.77206,0.2381 1.01015,0 0.2381,-0.23809 -0.23809,-0.77206 0,-1.01015 0.2381,-0.2381 0.77206,0.23809 1.01015,0 0.2381,-0.2381 -0.23809,-0.77206 0,-1.01015 0.2381,-0.2381 0.77206,0.23809 1.01016,0 0.23809,-0.2381 -0.2381,-0.77206 0,-1.01016 0.23809,-0.23809 0.77205,0.2381 1.01015,0 0.23809,-0.23809 -0.15059,-0.70898 0,-1.01015 0.21296,-0.42592 0.79719,-0.58423 1.01015,-1.01015 0.15059,-0.30117 -0.23809,-0.77206 0,-1.01015 0.2381,-0.2381 0.77206,0.23809 1.01015,0 0.2381,-0.2381 -0.15058,-0.70899 0,-1.01016 0.21296,-0.42591 0.7972,-0.58423 1.01016,-1.01015 0.15058,-0.30117 -0.2381,-0.77206 0,-1.01015 0.23809,-0.2381 0.77205,0.23809 1.01015,0 0.23809,-0.2381 -0.15059,-0.70899 0,-1.01015 0.21296,-0.42592 0.79719,-0.58424 1.01015,-1.01016 0.30117,-0.60234 -0.47619,-1.54411 0,-2.0203 0.2381,-0.2381 0.77206,0.23809 1.01015,0 0.47619,-0.47619 -0.47619,-1.54412 0,-2.02031 0.2381,-0.23809 0.77206,0.2381 1.01016,0 0.23809,-0.23809 -0.2381,-0.77205 0,-1.01015 0.23809,-0.2381 0.77205,0.2381 1.01015,0 0.47619,-0.47619 -0.47619,-1.54411 0,-2.0203 0.23809,-0.2381 0.77206,0.23809 1.01015,0 0.47619,-0.4762 -0.47619,-1.54412 0,-2.02031 0.2381,-0.2381 0.77206,0.2381 1.01015,0 0.2381,-0.2381 -0.15058,-0.70898 0,-1.01015 0.21296,-0.42592 0.7972,-0.58424 1.01016,-1.01016 0.15058,-0.30116 -0.15059,-0.70898 0,-1.01015 0.21296,-0.42592 0.79719,-0.58423 1.01015,-1.01015 0.15058,-0.30117 -0.15059,-0.70898 0,-1.01015 0.21296,-0.42592 0.79719,-0.58424 1.01015,-1.01016 0.15059,-0.30116 -0.15058,-0.70898 0,-1.01015 0.21296,-0.42592 0.7972,-0.58423 1.01015,-1.01015 0.15059,-0.30117 -0.15058,-0.70898 0,-1.01015 0.21296,-0.42592 0.7972,-0.58424 1.01016,-1.01016 0.15058,-0.30116 -0.2381,-0.77205 0,-1.01015 0.23809,-0.23809 0.77205,0.2381 1.01015,0 0.47619,-0.47619 -0.47619,-1.54411 0,-2.0203 0.23809,-0.2381 0.77206,0.23809 1.01015,0 0.2381,-0.2381 -0.23809,-0.77206 0,-1.01016 0.2381,-0.23809 0.77206,0.2381 1.01015,0 0.2381,-0.23809 -0.23809,-0.77205 0,-1.01015 0.2381,-0.23809 0.77206,0.2381 1.01016,0 0.23809,-0.23809 -0.2381,-0.77206 0,-1.01015 0.23809,-0.2381 0.77205,0.23809 1.01015,0 0.2381,-0.2381 -0.2381,-0.77206 0,-1.01015 0.2381,-0.2381 0.77206,0.23809 1.01015,0 0.2381,-0.2381 -0.23809,-0.77206 0,-1.01016 0.2381,-0.23809 0.77206,0.2381 1.01015,0 0.2381,-0.23809 -0.23809,-0.77205 0,-1.01015 0.2381,-0.23809 0.77206,0.2381 1.01016,0 0.23809,-0.23809 -0.2381,-0.77206 0,-1.01015 0.23809,-0.2381 0.77205,0.23809 1.01015,0 0.2381,-0.2381 -0.2381,-0.77206 0,-1.01015 0.2381,-0.2381 0.77206,0.23809 1.01015,0 0.2381,-0.2381 -0.23809,-0.77206 0,-1.01016 0.47619,-0.47619 1.54412,0.47619 2.02031,0 0.23809,-0.23809 -0.2381,-0.77205 0,-1.01015 0.23809,-0.23809 0.77205,0.2381 1.01015,0 0.2381,-0.23809 -0.2381,-0.77206 0,-1.01015 0.2381,-0.2381 0.77206,0.23809 1.01015,0 0.2381,-0.2381 -0.23809,-0.77206 0,-1.01015 0.47619,-0.47619 1.41797,0.30117 2.02031,0 0.42592,-0.21296 0.58423,-0.7972 1.01015,-1.01016 0.30117,-0.15058 0.77206,0.2381 1.01015,0 0.2381,-0.23809 -0.23809,-0.77205 0,-1.01015 0.47619,-0.47619 1.41797,0.30117 2.02031,0 0.42592,-0.21296 0.58423,-0.79719 1.01015,-1.01015 0.30117,-0.15059 0.77206,0.23809 1.01015,0 0.2381,-0.2381 -0.23809,-0.77206 0,-1.01015 0.50508,-0.50508 2.52538,0.50507 3.03046,0 0.2381,-0.2381 -0.23809,-0.77206 0,-1.01016 0.31279,-0.31279 4.73797,0.31279 5.05076,0 0.2381,-0.23809 -0.23809,-0.77205 0,-1.01015 0.47619,-0.47619 1.54412,0.47619 2.02031,0 0.0458,-0.0458 0,-4.57448 0,-5.05076 0,-0.33672 0.23809,-0.77206 0,-1.01015 -0.2381,-0.2381 -0.77206,0.23809 -1.01015,0 -0.2381,-0.2381 0,-0.67344 0,-1.01016 0,-0.33671 -0.0733,-0.68151 0,-1.01015 0.29605,-1.32751 1.29382,-2.58243 1.10147,-3.92888 -0.17846,-1.24925 -1.22222,-2.24696 -2.11163,-3.14219 -0.23731,-0.23887 -1.19796,-0.27947 -1.01015,0 0.82352,1.22544 2.08119,2.09479 3.12178,3.14219" style="fill:#cccccc;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:8;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> </g> <rect style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" id="rect6517" width="560" height="30.000006" x="110" y="542.36224" ry="6.31379e-06" /> <path style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" id="path4944" d="m 109.8968,595.55531 a 20,25 0 0 1 -15.138716,-25.11592 20,25 0 0 1 16.487406,-23.75212 20,25 0 0 1 22.02639,15.19342 l -18.52569,9.42064 z" /> <path style="fill:url(#linearGradient5001);fill-opacity:1;stroke:#000000;stroke-width:8.55772591;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="m 223.7055,553.21942 c 0.1401,3.74985 0.30712,7.41852 0.29954,10.86287 -5.45672,64.67444 49.15499,99.45055 103.28185,96.76885 56.02893,-2.77594 112.32557,-23.68288 105.44714,-94.70784 0.27113,-10.29316 -1.59717,-6.16887 -0.0903,-12.92388 z" id="rect4902" /> <path id="path5003" d="m 456.04059,556.24988 c 0.1401,3.74985 0.30712,7.41852 0.29954,10.86287 -5.45672,64.67444 49.15499,99.45055 103.28185,96.76885 56.02893,-2.77594 112.32557,-23.68288 105.44714,-94.70784 0.27113,-10.29316 -1.59717,-6.16887 -0.0903,-12.92388 z" style="fill:url(#linearGradient6499);fill-opacity:1;stroke:#000000;stroke-width:8.55772591;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> <rect style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" id="rect6539" width="7.8467245" height="29.795698" x="572.73059" y="545.00623" ry="3.7244623" transform="matrix(0.97170542,0.23619605,-0.21936415,0.97564305,0,0)" /> <path style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="m 456.78571,694.86225 c -0.11905,0.2381 -0.23809,0.47619 -0.35714,0.71429 -0.11905,0 -0.27294,-0.0842 -0.35714,0 -0.0842,0.0842 0.0842,0.27294 0,0.35714 -0.0842,0.0842 -0.25067,-0.0532 -0.35715,0 -0.15058,0.0753 -0.20656,0.28184 -0.35714,0.35714 -0.10648,0.0532 -0.27294,-0.0842 -0.35714,0 -0.0842,0.0842 0.0842,0.27294 0,0.35714 -0.16836,0.16836 -0.54593,-0.16836 -0.71429,0 -0.0842,0.0842 0.0842,0.27295 0,0.35715 -0.16836,0.16836 -0.54593,-0.16836 -0.71428,0 -0.0842,0.0842 0.0842,0.27294 0,0.35714 -0.0842,0.0842 -0.27295,-0.0842 -0.35715,0 -0.0842,0.0842 0.0842,0.27294 0,0.35714 -0.16836,0.16836 -0.50132,-0.10648 -0.71428,0 -0.15059,0.0753 -0.20656,0.28185 -0.35715,0.35715 -0.10648,0.0532 -0.27294,-0.0842 -0.35714,0 -0.0842,0.0842 0.0842,0.27294 0,0.35714 -0.16836,0.16836 -0.50133,-0.10648 -0.71429,0 -0.15058,0.0753 -0.23809,0.23809 -0.35714,0.35714 -0.11905,0 -0.25066,-0.0532 -0.35714,0 -0.15059,0.0753 -0.20656,0.28184 -0.35714,0.35714 -0.28572,0.14286 -0.78572,-0.14285 -1.07143,0 -0.15059,0.0753 -0.20656,0.28185 -0.35715,0.35715 -0.21295,0.10648 -0.50132,-0.10648 -0.71428,0 -0.15059,0.0753 -0.20656,0.28184 -0.35714,0.35714 -0.10869,0.0543 -0.91059,0 -1.07143,0 -0.95238,0 -1.90476,0 -2.85715,0 -0.13115,0 -1.41417,0.0144 -1.42857,0 -0.0842,-0.0842 0.0842,-0.27294 0,-0.35714 -0.16836,-0.16836 -0.50132,0.10648 -0.71428,0 -0.15059,-0.0753 -0.20656,-0.28185 -0.35715,-0.35715 -0.21295,-0.10648 -0.54592,0.16836 -0.71428,0 -0.0842,-0.0842 0.0842,-0.27294 0,-0.35714 -0.0842,-0.0842 -0.25066,0.0532 -0.35714,0 -0.30117,-0.15058 -0.41312,-0.5637 -0.71429,-0.71428 -0.10648,-0.0532 -0.27294,0.0842 -0.35714,0 -0.0842,-0.0842 0.0842,-0.27295 0,-0.35715 -0.0842,-0.0842 -0.25067,0.0532 -0.35715,0 -0.30116,-0.15058 -0.41311,-0.5637 -0.71428,-0.71428 -0.10648,-0.0532 -0.27294,0.0842 -0.35714,0 -0.0842,-0.0842 0.0842,-0.27295 0,-0.35715 -0.0842,-0.0842 -0.27295,0.0842 -0.35715,0 -0.0842,-0.0842 0.0532,-0.25066 0,-0.35714 -0.0753,-0.15058 -0.28184,-0.20656 -0.35714,-0.35714 -0.0532,-0.10648 0.0842,-0.27294 0,-0.35714 -0.0842,-0.0842 -0.27294,0.0842 -0.35714,0 -0.0842,-0.0842 0.0532,-0.25067 0,-0.35715 -0.0753,-0.15058 -0.28185,-0.20656 -0.35715,-0.35714 -0.0532,-0.10648 0.0532,-0.25066 0,-0.35714 -0.0753,-0.15059 -0.28184,-0.20656 -0.35714,-0.35715 -0.10648,-0.21296 0.16836,-0.54592 0,-0.71428 -0.0842,-0.0842 -0.27294,0.0842 -0.35714,0 -0.0162,-0.0162 0,-1.61732 0,-1.78572 0,-0.71428 0,-1.42857 0,-2.14285 0,-0.11905 -0.0842,-0.27295 0,-0.35715 0.0842,-0.0842 0.27294,0.0842 0.35714,0 0.11059,-0.11058 -0.11059,-1.67512 0,-1.78571 0.0842,-0.0842 0.27294,0.0842 0.35714,0 0.16836,-0.16836 -0.16835,-0.54593 0,-0.71429 0.0842,-0.0842 0.27295,0.0842 0.35715,0 0.0842,-0.0842 0,-0.23809 0,-0.35714 0,-0.7336 -0.0376,-0.2442 0.35714,-1.42857 -2.23043,-0.40295 0.86919,1.63081 0.35714,2.14286 -0.0842,0.0842 -0.27296,-0.0842 -0.35714,0 -0.16836,0.16836 0.16836,0.54592 0,0.71428 -0.0842,0.0842 -0.27296,-0.0842 -0.35714,0 -0.16836,0.16836 0.16836,0.54593 0,0.71429 -0.0842,0.0842 -0.27297,-0.0842 -0.35715,0 -0.0842,0.0842 0.0532,0.25066 0,0.35714 -0.0753,0.15059 -0.23809,0.2381 -0.35714,0.35714 -0.11905,0.11905 -0.20656,0.28185 -0.35714,0.35715 -0.10648,0.0532 -0.27296,-0.0842 -0.35714,0 -0.0842,0.0842 0.0842,0.27296 0,0.35714 -0.0842,0.0842 -0.27297,-0.0842 -0.35715,0 -0.16836,0.16836 0.16836,0.54593 0,0.71429 -0.0842,0.0842 -0.25066,-0.0532 -0.35714,0 -0.15058,0.0753 -0.23809,0.23809 -0.35714,0.35714 -0.11905,0.11905 -0.28185,0.20656 -0.35715,0.35714 -0.0532,0.10648 0.0842,0.27296 0,0.35714 -0.0842,0.0842 -0.27296,-0.0842 -0.35714,0 -0.0842,0.0842 0.0842,0.27297 0,0.35715 -0.0842,0.0842 -0.27296,-0.0842 -0.35714,0 -0.0842,0.0842 0.0842,0.27296 0,0.35714 -0.73894,0.73894 0.0289,-1.1292 -0.71429,0.35714 -0.0532,0.10648 0.0842,0.27297 0,0.35715 -0.0842,0.0842 -0.27296,-0.0842 -0.35714,0 -0.0842,0.0842 0.0842,0.27296 0,0.35714 -0.16836,0.16836 -0.50133,-0.10648 -0.71429,0 -0.15058,0.0753 -0.20655,0.28185 -0.35714,0.35714 -0.21296,0.10648 -0.50132,-0.10648 -0.71428,0 -0.15059,0.0753 -0.20656,0.28185 -0.35715,0.35714 -0.22447,0.11224 -1.2041,-0.11223 -1.42857,0 -0.15058,0.0753 -0.20656,0.28185 -0.35714,0.35715 -0.12916,0.0646 -1.53731,0 -1.78572,0 -0.0866,0 -1.05994,0.0115 -1.07142,0 -0.0842,-0.0842 0.0842,-0.27297 0,-0.35715 -0.17858,-0.17857 -0.89286,0.17858 -1.07143,0 -0.0842,-0.0842 0.0842,-0.27296 0,-0.35714 -0.23851,-0.23851 -0.47578,0.23851 -0.71429,0 -0.0842,-0.0842 0.0842,-0.27296 0,-0.35714 -0.16836,-0.16836 -0.50132,0.10648 -0.71428,0 -0.15059,-0.0753 -0.20656,-0.28185 -0.35715,-0.35714 -0.10648,-0.0532 -0.27296,0.0842 -0.35714,0 -0.0842,-0.0842 0.0842,-0.27297 0,-0.35715 -0.0842,-0.0842 -0.27296,0.0842 -0.35714,0 -0.0842,-0.0842 0.0842,-0.27296 0,-0.35714 -0.73894,-0.73894 0.0289,1.1292 -0.71429,-0.35714 -0.0532,-0.10648 0.0842,-0.27297 0,-0.35715 -0.0842,-0.0842 -0.27296,0.0842 -0.35714,0 -0.0842,-0.0842 0.0842,-0.27296 0,-0.35714 -0.0842,-0.0842 -0.27296,0.0842 -0.35714,0 -0.0842,-0.0842 0.0842,-0.27296 0,-0.35714 -0.73894,-0.73894 0.0289,1.1292 -0.71429,-0.35714 -0.0532,-0.10648 0.0842,-0.27297 0,-0.35715 -0.0842,-0.0842 -0.27296,0.0842 -0.35714,0 -0.0842,-0.0842 0.0842,-0.27296 0,-0.35714 -0.0842,-0.0842 -0.27297,0.0842 -0.35715,0 -0.0842,-0.0842 0.0842,-0.27296 0,-0.35714 -0.0842,-0.0842 -0.27296,0.0842 -0.35714,0 -0.0842,-0.0842 0.0842,-0.27297 0,-0.35715 -0.0842,-0.0842 -0.27296,0.0842 -0.35714,0 -0.0842,-0.0842 0.0842,-0.27296 0,-0.35714 -0.0842,-0.0842 -0.27296,0.0842 -0.35714,0 -0.0842,-0.0842 0.0842,-0.27296 0,-0.35714 -0.0842,-0.0842 -0.27297,0.0842 -0.35715,0 -0.0842,-0.0842 0.0532,-0.25067 0,-0.35714 -0.0753,-0.15059 -0.28185,-0.20656 -0.35714,-0.35715 -0.0532,-0.10648 0.0842,-0.27296 0,-0.35714 -0.0842,-0.0842 -0.27296,0.0842 -0.35714,0 -0.16836,-0.16836 0.16836,-0.54593 0,-0.71429 -0.0842,-0.0842 -0.27297,0.0842 -0.35715,0 -0.0144,-0.0144 0,-1.29741 0,-1.42857 0,-0.11905 0,-0.23809 0,-0.35714 0,-0.11905 -0.11904,-0.35714 0,-0.35714 0.2662,0 0.47619,0.23809 0.71429,0.35714" id="path6547" /> </g> </g> </g> </svg> </div> </div> </div>
STYLUS
$breakpoint = 798px .tx--red color #e74c3c .title color white position absolute width 40px padding 0 20px font-size 1.5em @media(min-width: $breakpoint) padding 0 50px font-size 2em body background-color #111 padding 50px 0 #shutter cursor pointer &:hover circle:last-of-type fill darken(#ff0000, 30%) !important .booth &--shooting .camera__flash animation flash .35s .photo animation reveal 3s .camera__flash background-color #fff position absolute top 90px left 50% width 100vw height 100vw margin-top -50vw margin-left -50vw transform scale(0) border-radius 100% opacity .8 @keyframes flash from transform scale(0) to transform scale(3) @keyframes reveal 0 transform translateY(-100%) 35% transform translateY(-100%) 70% transform translateY(0) opacity 1 100% opacity 0 transform translateY(100%) .camera height 200px width 200px margin 0 auto @media(min-width: $breakpoint) height 300px width 300px .photo transform translateY(-100%) .photo-wrapper overflow hidden margin 0 auto position absolute left 50% height 160px width 160px top 194px margin-left -80px @media(min-width: $breakpoint) top 265px height 230px width 230px margin-left -115px
ES6
(function(){ const $shutter = document.getElementById('shutter'), $booth = document.querySelector('.booth'); $shutter.addEventListener('click', function() { $booth.className = 'booth'; setTimeout(function() { $booth.className += ' booth--shooting'; }, 500); }); }());
Expand for more options Login