Breaking Bad 3D Monopoly card
<div class="card">
<div class="content">
<img class="back" src="img/back.svg" alt="back of the card" eleventy:ignore />
<svg class="front" viewBox="0 0 300 400">
<defs id="defs2">
<linearGradient id="green-fade" x1="31.692" x2="91.379" y1="255.5" y2="155.55" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.42 0 0 1.3512 0 -3.116)">
<stop id="stop1" offset="0"/>
<stop id="stop2" offset="1" stop-color="#004101"/>
</linearGradient>
</defs>
<rect id="bg" width="300" height="400" fill="url(#green-fade)" fill-rule="evenodd" stroke-width="1.387" class="bg" paint-order="stroke fill markers"/>
<g id="title">
<path id="l" fill="#fff" stroke-width="1.482" d="M 88.762,40.497 H 76.034 V 20.993 l -0.228,-0.131 0.402,0.006 1.063,1.849 1.439,1.418 v 0.138 l 0.086,0.104 -0.08,-0.006 -0.006,0.781 v 11.196 c -1.812,0.495 -1.866,2.55 0,1.772 l 4.908,1.079 1.37,-0.014 0.373,-1.289 3.401,0.224 z"/>
<path id="a" fill="#fff" stroke-width="1.482" d="m 102.961,40.325064 -2.265,0.031 -0.156,-0.98 c -0.378,-0.235 0.129,-0.684 0.187,-0.92 -0.226,0.154 -0.946,0.139 -1.334,0.419 -0.378,0.27 -0.518,0.226 -0.878,0.387 -0.422,0.208 -0.403,0.149 -0.953,0.283 -0.548,0.146 -2.788,-0.458 -3.526,-0.458 -1.361,0 0.308,2.005 -0.638,1.103 -1.543,-0.901 -3.425,-2.846 -3.258,-4.242 0.136,-1.136 0.243,-2.068 0.729,-2.771 0.496,-0.711 1.198,-1.27 2.108,-1.675 0.919,-0.404 2.022,-0.68 3.31,-0.824 1.288,-0.144 2.67,-0.252 4.148,-0.324 v -0.392 c 0,-0.576 -0.104,-1.054 -0.312,-1.432 -0.197,-0.378 -0.486,-0.676 -0.864,-0.892 -0.36,-0.206 -0.793,-0.347 -1.297,-0.418 -0.504,-0.073 -1.031,-0.108 -1.58,-0.108 -0.667,0 -1.41,0.09 -2.229,0.269 -0.82,0.172 -1.666,0.424 -2.541,0.758 h -0.135 l 0.022,-2.776 c 0.284,-0.008 0.218,1.476 1.512,1.098 0.913,-0.265 2.291,-0.611 3.201,-0.611 1.063,0 2.598,0.214 3.382,0.393 0.793,0.172 0.372,-1.433 0.949,-1.009 0.568,0.413 1.675,1.747 1.973,2.404 0.296,0.658 0.445,1.473 0.445,2.446 z m -2.526,-3.716 v -4.201 c -0.775,0.045 -1.689,0.113 -2.742,0.202 -1.046,0.09 -1.874,0.221 -2.486,0.392 -0.731,0.208 -1.321,0.531 -1.77,0.973 -0.451,0.433 -0.676,1.032 -0.676,1.796 0,0.866 0.261,1.518 0.784,1.96 0.522,0.433 1.319,0.648 2.391,0.648 0.891,0 1.706,-0.171 2.446,-0.513 0.738,-0.351 1.423,-0.771 2.053,-1.257 z"/>
<path id="path2" fill="#fff" stroke-width="1.482" d="m 126.754,25.165468 -1.52,5.821 -0.59,-0.193 0.22,1.639 -2.04,7.824 h -2.35 l -0.23,-0.674 c 2.11,-1.509 0.23,-1.02 -0.39,-1.167 l -3.26,-9.792 -3.85,11.633 h -2.34 c 0.28,-0.258 0.63,-0.532 0.62,-0.714 -0.01,-0.143 -0.23,-0.23 -0.86,-0.209 l -3.548,-13.478 c -0.987,-0.229 -0.504,-0.461 -0.182,-0.69 h 2.65 l 1.1,0.284 -0.85,0.792 2.52,10.61 1.58,-4.918 c 0.96,-0.686 1.22,-1.01 1.12,-1.088 -0.1,-0.076 -0.55,0.163 -0.83,0.196 l 1.73,-5.236 c 0.1,-0.015 0.31,0.271 0.41,0.249 0.37,-0.076 1.59,-0.372 1.46,-0.4 -0.61,-0.131 -0.96,-0.138 -1.54,-0.317 -0.1,-0.03 -0.1,-0.027 -0.16,-0.172 h 2.09 l 0.9,-0.003 0.22,0.796 -0.86,-0.005 3.6,10.898 1.25,-5.542 0.88,0.581 c 0.18,-0.852 0.04,-1.598 -0.52,-2.204 l 0.43,-1.898 c 0.79,-0.855 1.37,-1.374 1.47,-1.62 0.12,-0.313 0.38,-0.293 -1.19,0.341 l 0.31,-1.344 z"/>
<path id="path3" fill="#fff" stroke-width="1.482" d="m 143.464,25.162468 -1.56,3.655 -2.61,0.273 1.72,1.83 -5.07,11.889 c -5.7,2.57 -3.05,1.925 -0.58,1.349 l -0.71,1.661 h -2.71 c -4.85,-3.857 -2.44,-3.328 0.97,-2.188 l 2.65,-2.411 -2.14,1.27 1.33,-2.966 c -1.05,-1.948 2.05,-1.136 -3.14,-5.842 l -0.79,-1.478 0.22,-2.638 -1.71,-2.995 -0.93,-0.264 0.34,-1.145 h 2.75 c 1.6,0.754 0.56,0.981 0.59,1.424 l 4.05,9.763 c 2.16,-4.339 3.48,-7.824 4.67,-11.187 z"/>
<path id="path4" fill="#fff" stroke-width="1.482" d="m 159.204,33.366468 h -11.12 c 0,0.928 0.15,1.739 0.42,2.433 0.28,0.685 0.66,1.247 1.15,1.688 0.48,0.433 1.02,0.756 1.66,0.973 0.65,0.216 1.37,0.324 2.14,0.324 1.02,0 2.06,-0.203 3.09,-0.607 1.04,-0.415 1.78,-0.82 2.23,-1.216 h 0.13 v 2.769 c -0.84,0.36 -1.72,0.663 -2.62,0.906 -0.89,0.243 -1.83,0.364 -2.8,0.364 -0.09,0 3.33,-1.476 3.11,-1.852 -0.16,-0.255 -3.9,0.595 -4.21,0.441 -0.45,-0.213 -1.63,0.128 -1.81,0.12 -0.53,-0.026 0.59,1.192 0.36,1.164 -1.83,-0.216 -2.2,-0.818 -3.32,-1.899 -1.4,-1.361 -2.11,-3.288 -2.11,-5.782 0,-2.469 0.67,-4.428 2.02,-5.878 1.12,-1.217 2.56,-1.924 4.3,-2.12 0.19,-0.022 -2.04,1.383 -1.65,1.382 0.13,-0.002 2.61,0.255 3.35,-0.082 0.42,-0.183 1.13,-0.558 1.02,-0.844 -0.12,-0.29 -1.06,-0.488 -1.03,-0.488 2.04,0 2.93,0.571 4.03,1.759 1.11,1.191 1.66,2.879 1.66,5.067 z m -2.46,-1.944 c -0.02,-1.334 -0.36,-2.365 -1.03,-3.095 -0.65,-0.73 -1.66,-1.094 -3,-1.094 -1.37,0 -2.45,0.4 -3.27,1.202 -0.8,0.802 -1.24,1.798 -1.36,2.987 z"/>
<path id="path5" fill="#fff" stroke-width="1.482" d="m 172.464,28.747731 h -0.13 c -0.37,-0.089 -0.74,-0.153 -1.1,-0.189 -0.35,-0.046 -0.77,-0.068 -1.26,-0.068 -0.78,0 -1.54,0.177 -2.26,0.528 -0.75,0.342 -1.44,0.787 -2.12,1.337 v 8.299 c -1.14,0.365 -0.66,0.973 0,0.98 0.69,0.006 -0.02,1.13 0,1.435 h -2.54 c -1.67,-0.007 -1.41,-0.633 0,-1.627 v -13.464 c -0.58,-2.449 0.16,-1.204 1.38,-0.12 0.33,0.284 0.82,-0.218 1.16,0.12 v 2.229 c 0.56,-0.443 1.06,-0.815 1.55,-1.116 0.4,-0.249 3.55,-0.057 3.9,-0.208 0.77,-0.341 -2.04,-0.905 -1.24,-0.905 0.44,0 1.58,0.013 1.78,0.04 0.2,0.017 0.5,0.059 0.88,0.121 z"/>
<path id="path6" fill="#fff" stroke-width="1.752" d="m 224.194,18.799 -0.86,14.472 -1.18,1.39 1.62,1.364 h -2.71 l 0.43,-9.493 1.54,-1.252 -1.46,-0.635 -0.95,-5.846 1.78,2.444 c 1.81,0.199 1.2,-1.626 1.79,-2.444 z m -0.16,23.772 -1.72,-0.78 c -0.89,-0.747 -1.04,0.47 -1.53,0.78 l 0.28,-0.633 -0.28,-2.735 h 3.25 z"/>
<path id="path7" fill="#f9f9f9" d="m 187.22985,41.732073 c -3.34983,0 -5.02474,-2.302082 -5.02474,-6.906245 v -5.356767 c 0,-1.770832 -0.31727,-3.025171 -0.95182,-3.763018 h 3.76302 l -1.23958,1.571613 c 0,0.339409 0.73047,0.759982 2.1914,1.261718 0.2066,0.368923 0.3099,0.789496 0.3099,1.261718 v 7.835932 c 0.20659,0.634548 0.83376,0.951822 1.88151,0.951822 2.73003,-0.442708 4.09505,-1.807724 4.09505,-4.095049 0.20659,-3.098956 0.30989,-5.187062 0.30989,-6.264319 0.84115,0 1.26172,-0.213975 1.26172,-0.641926 v -0.619791 c 0,-0.427951 -0.31727,-0.641927 -0.95182,-0.641927 v -0.619791 h 4.09505 c -0.84115,0.870659 -1.26172,1.918401 -1.26172,3.143227 v 8.477858 l 0.30989,0.641927 h -0.30989 c 0.26563,1.29861 0.6862,2.346352 1.26172,3.143227 h -1.26172 c -1.04774,0 -2.09548,-0.737847 -3.14323,-2.21354 0,-0.841145 -0.2066,-1.261718 -0.61979,-1.261718 -1.12153,1.239583 -3.21701,2.080728 -6.28645,2.523436 0,0.634548 0.94444,0.951822 2.83333,0.951822 v 0.309895 c -0.47222,0 -0.89279,0.103299 -1.26172,0.309896 z" style="line-height:1.25;-inkscape-font-specification:'Heart Breaking Bad'" font-size="45.333" font-family="'Heart Breaking Bad'"/>
<path id="p" fill="#f9f9f9" d="m 202.86526,49.488973 h -0.33203 l -0.66407,-0.332031 v 0.332031 c -0.59027,0 -1.04036,-0.789496 -1.35026,-2.368488 0.22136,-0.398437 0.33204,-0.848524 0.33204,-1.35026 h -0.33204 c 0,-0.221354 0.11068,-0.332031 0.33204,-0.332031 L 200.5189,42.051478 V 26.822322 c 0,-0.605034 -0.22873,-1.276475 -0.68619,-2.014322 h 1.01823 c 0.76736,1.313367 1.66753,2.324217 2.70051,3.03255 v 1.018229 c 0.59028,0 2.16927,-0.789496 4.73698,-2.368488 h 0.33203 l 4.07292,1.704426 V 27.84055 l 0.33203,-0.664062 c 2.0217,0.575521 3.03255,1.586371 3.03255,3.03255 v 0.686198 h -2.01433 v 0.664062 l 2.36849,0.354166 v 0.664062 l -0.35416,0.686198 -0.66407,-0.354167 c -0.45746,0 -0.68619,0.228733 -0.68619,0.686198 v 1.68229 h 1.01822 v 0.354167 c -0.84114,1.342881 -1.4019,2.014321 -1.68229,2.014321 0,-0.221354 -0.11805,-0.332031 -0.35416,-0.332031 0,1.800346 -1.46094,2.700519 -4.38281,2.700519 -1.72656,0 -3.19488,-0.67144 -4.40495,-2.014321 -0.42795,0.221354 -0.76735,0.332031 -1.01822,0.332031 v 4.382809 c 0,1.136284 -0.67144,2.043835 -2.01433,2.722654 l -0.35416,0.664062 c 0.23611,0.959201 0.91492,1.977429 2.03645,3.054686 z m 9.14192,-17.575509 c -0.45747,-2.479165 -1.69705,-3.718747 -3.71875,-3.718747 -2.93663,1.121527 -4.40494,2.69314 -4.40494,4.71484 v 0.686198 c 0,2.685762 1.68967,4.264754 5.069,4.736976 2.03646,-0.457465 3.05469,-2.147134 3.05469,-5.069007 z"/>
</g>
<text id="desc1" x="35.792" y="83.045" fill="#fff" style="font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal" font-size="18.667" font-family="Roboto">Badger has been picked up.</text>
<text id="desc2" x="35.792" y="127.481" fill="#fff" style="font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal" font-size="18.667" font-family="Roboto">Pay $2000.</text>
<g id="saul" class="animated fadeInUp delay-2s">
<path id="path8" fill="#37322e" fill-rule="evenodd" stroke="#000" stroke-width=".265" d="m162.31 256.54 1.08 1.49 12.53 4.76 6.19 3.38 7.49 4.9c2.08 0.35 4.41 2.13 6.15 3.28 2.15 1.61 4.03 3.37 5.35 5.46 1.48 2.03 2.93 4.08 3.71 6.69l3.56 9.78 11.15 40.21c0.72 2.52 1.15 4.84 1.63 7.2 0.62 1.25 13.73 21.01 14.77 22.03 0.79 1.18 1.61 2.39 2.28 3.46 0.4 1.45 0.76 3.07 0.78 4.61 0.09 8.54 0.05 16.94 0.03 25.37l-53.41 0.33-0.93-13.28 6.27-2.28-3.68-13.03 2.87-51.57-11.82-26.44-7.31-19.27-6.41-12.57z"/>
<path id="path9" fill-rule="evenodd" stroke="#000" stroke-width=".265" d="m184.74 386.25 0.79 13.2 53.48 0.02 0.06-12.39-1.07-14.44-0.17-3.46-3.78-5.89-37.38-4-10.62 11.29z"/>
<path id="path10" fill-rule="evenodd" stroke="#000" stroke-width=".265" d="m151.54 260.42-3.74 13.11 0.93 0.61 2.87 7.43 3.85 5.95 3.2 9.81 1.59 5.06 1.53 4.59 3.27 6.38 15.27-1.85 2.33-8.59-2.77-6.34-3.15-7.4-5.11-14.1-4.25-8.3-4.75-10.24-1.89 2.71z"/>
<path id="path11" fill="#c7a288" d="m153.02 254.67 2.89-8.22 1.18-4.01 1.3-2.7 3.47-3.89s3.45-4.59 3.19-4.89c-0.26-0.31 1.82-5.67 1.82-5.67l1.72-4.71 1.89-3.7 1.75-5.41 1.42-4.16 0.45-1.8 0.04-8.36 0.07-3.4 1.49-3.38 0.9-1.68 0.68-2.22 0.08-3.16-0.22-3.24-0.54-4.96-0.33-2.88-0.38-3.62-1.11-4.6-0.85-3.45-0.75-2.43-1.04-1.29-1.45-2.17-1.67-1.49-2.79-2.45-4.24-2.84-3.38-1.14-4.11-0.7-4.34 0.07-6.48 1.26-4.38 1.34-0.9 1-2.22 3.91-2.02 4.19-0.55 1.38 0.04-5.71-1.08 4.45-3.8-1.12-0.03 3.67-2.36 7.37-0.9 2.97-0.05 5.01-0.19 1.18v1.89l-3.02 9.74-0.62 1.98-2.45-1.7-0.95 2.03-0.95 1.83-2.24-6.62-2.2-2.9-2.14-1.07-2.24 0.5-1.87 2.24-1.37 3-0.6 0.84 0.84 7.62 0.33 3 2.37 3.54 1 1.04 2.11 1.44 2.24 1.47-1.23 4.46-1.06 4.2-0.57 4.07-0.5 4.27-0.21 0.5 1.02 2.34 0.99 1.56 8.06 4.7 2.17 1.32 11.11 7.79 7.43 3.88 2.55 1.2 4.35 2.89 4.04 3.27 1.1 1.07z"/>
<path id="path12" fill="#a57f68" fill-rule="evenodd" d="m162.39 184.95-1.23-4.64 0.77-3.24-1.27 2.25-3.09-3.09-6.61-3.38-3.02-0.28s0.49-3.23 0.49-3.8c0-0.56 1.33-9.28 1.33-9.28l2.32-5.69-0.77-2.33 2.11-1.82 5.49-0.29 6.11 1.97 3.45 2.02 4.57 6 0.62 0.89-0.5-2.14-2.61-3.35-4.03-3.53-5.91-4.38-6.49-1.18-3.62-0.21-6.52 1.15-5.45 1.98-1.52 3.55-3.4 0.94-0.54 0.37-1.02 4.04-2.95-0.45-0.27 2.99-3.08 10.74-0.35 8.1-3.58 11.34-2.85-1.46-1.33 3.85 0.5-11.38-14.16-0.66 2.68 23.81 6.71 3.14-3.19 16.71c0.58 1.75 1.33 2.98 2.09 4.18l9.75 5.67 12.73 8.65 12.33 7.06 3.68-7.06 3.38-2.98 4.28-0.1 1.99-1.99 4.69-6.77-2.59 0.9-5.63-1.65-7.86-4.11-1.65-2.87 2.04-1.83 2.03-0.24 2.82-0.08 5.08 1.78c2.06 0.54 4.12 1.53 6.18 1.33l1.17-2.25c-0.01-1.46-0.59-3.11 0.93-4.05l0.74-1.65-15.2-4.6-2.54-1.24-3.52-3.69-3.22 4.42 0.69 3.44-1.12 2.99-1.35-5.41 0.16-7.49-0.75-4.23-0.85-2.96-2.63-3.5-2.79-5.03 0.1-1.73 3.48 1.69 0.9-1.79 8.45 1.39-0.79-1.79 4.32 0.62 2.74-1.81 1.97 1.84c4.9 3.31 2.84 5.13 0.95 8.37l-5.01 3.31c-1.16 1.64-1.23 3.47-0.9 5.37l6.11 2.74c2.33 0.49 4.18-0.49 4.41-1.81 1.54-0.8 0.51-3.71 0.38-5.32 0.97-6.14 0.42-10.55 0.04-14.98z"/>
<path id="path13" fill="#a8856b" fill-rule="evenodd" d="m166.29 180.42 0.97 2.08 5.28-1.05 1.97 0.91c0.52 1.17 1.32 2.34 1.33 3.52l0.07 3.58-1.9-3.3-4.36-0.85-2.88 0.35-1.48-0.56z"/>
<path id="path14" fill="#614635" d="m165.68 187.93 0.59-1.19 4.12 1.84 2.3 1.93-2.87-1.8-2.06-0.79 3.53 1.74 2.36 2.53h-2.66l-1.99-1.14-3.22-0.97z"/>
<path id="path15" fill="#614636" d="m137.63 179.79 7.22-5.14 2.8-0.87 6.45 1.9 3.37 1.84 1.27 2.5 0.27 3.88-0.2 2.04-1.57 1.2-1 0.24-0.8-1.84-0.37-3.91-1.04-2.44-5.41-2.51-2.07-0.36-4.81 1.27-3.21 1.9z"/>
<path id="path16" fill="#fff" d="m142.56 182.43c0.6-0.39 1.2-0.54 2.86-0.77 0.78-0.05 1.57 0.08 2.35 0.24l2.06 0.82 1.38 1.03 0.44 0.5c0.13 0.19-0.15 0.32-0.3 0.47l-1.21 0.02-1.55 0.08-1.39 0.05-1.6-0.49-2.1-0.86-0.84-0.37c-0.28-0.35-0.09-0.49-0.1-0.72z"/>
<path id="path17" fill="#382717" d="m143.97 182.55 0.12 1.21 1.51 0.62 1.6 0.49 0.35-0.03 0.39-0.61c0.19-0.5 0.1-0.93-0.15-1.43l-0.63-0.51c-0.43-0.05-0.9-0.17-1.49-0.14-0.68-0.02-1.16 0.29-1.7 0.4z"/>
<ellipse id="ellipse17" cx="145.93" cy="183.49" fill-opacity=".99" stroke="#000" stroke-width=".147" rx=".886" ry=".858" stroke-linejoin="round" stroke-linecap="round"/>
<path id="path18" fill="#36251b" d="m165.68 187.94 1.12-2.26 1.77-0.56 6.63 0.52-3.3-1.59-2.6-0.47-1.7 0.35-1.14 1-0.82 1.22z"/>
<path id="path19" d="m165.86 188.18 0.03 1.87 2.96 0.78 0.28-0.9-0.03-1.02z"/>
<path id="path20" fill="#fff" d="m169.2 189 0.95 0.76 1.74 2.11-0.33 0.1-2.63-1.04 0.37-1.02z"/>
<path id="path21" fill="#3b2a22" d="m151.44 184.23c-0.38 0.07-0.82 0.1-0.82 0.1l-1.48-1.24-1.28-0.47-1.37-0.33-1.38-0.05-1.14 0.31-1.33 0.09 0.19-0.42 1.17-0.39 1.99-0.24 1.63 0.26 1.07 0.35 1.23 0.54 0.69 0.51 0.81 0.63z"/>
<path id="path22" fill="#432d22" fill-rule="evenodd" d="m155.59 203.06c1.42-0.14 1.7-1.24 3.04-1.35 0.27-0.01-0.2 0.83-0.39 1l0.37 0.21c-0.4 2.13-0.76 0.72-1 1.01z"/>
<path id="path23" fill="#1d140f" d="m154.09 203.71c1.35-0.68 2.53-0.88 3.54-0.66 0.25 0.4 0.12 0.6 0.7 1.1 0.36 0.31 0.65 1.06 0.66 0.97-1.26-0.72-1.56-1.11-2.13-1-1.01 0.2-1.1 0.36-1.94 1.31-0.43-0.33-1.28-0.98-0.83-1.72z"/>
<path id="path24" fill-opacity="0" stroke="#a57f68" stroke-width=".265" d="m166.94 196.31c-0.18-1.79-0.14-1-0.95-4.32-0.1-2.09-0.33-3.22-1.44-5.21l0.98-2.36 0.78-3.56"/>
<path id="path25" fill="#430905" d="m147.92 212.46-0.23 0.67 1.77 0.3 2.64 0.13 2.5-0.2 2.67 0.47 2.21 1.07h2.51l1.53 0.4 2.04 1.87 0.3-0.03-0.23-1.74-1.34-0.97-3.88-0.57-2.17-0.13-1.73-1.34z"/>
<path id="path26" fill="#dba299" d="m148.59 213.53 3.41 1.64 1.33 0.23 1.24 0.94 3.27 1.4 2.88 0.04 3.14 0.23 1.03-0.23 0.8-0.5-2.03-1.88c-0.57 0.02-0.99-0.49-1.53-0.55-0.85-0.1-1.81 0.21-2.65 0.09l-2.18-1.16-2.74-0.41-2.49 0.23-1.49-0.09-2.16-0.11z"/>
<path id="path27" fill="#684a38" fill-rule="evenodd" d="m152.16 215.39 0.4 2.48 2.04 1.09 1.9 0.8 1.2 0.4 1.68-0.14 2.33-0.55 1.93-1.13-6.17-0.97-4.12-2.17z"/>
<path id="path28" fill="#965449" d="m149.87 214.13 4.33 0.81 4.04 1.67 2.14 0.83 2.44 0.2 0.17-0.3h1.23l0.57 0.5-0.97 0.27-1.9-0.2-4.41-0.13-3.21-1.81-1.1-0.63-1.64-0.34z"/>
<path id="path29" fill="#a57f68" fill-rule="evenodd" d="m145.77 211.85 5.1-0.1 5.21-0.88 2.98 0.47 3.2 0.56 1.91 0.83 1.39 1.44 0.72 0.88 1.44 1.03-1.03 0.31-2.32-2.53-8.24-1.49-4.28-0.16z"/>
<path id="path30" fill="#9a554c" d="m147.85 212.16 8.75-0.43 4.41 1.13 3.48 0.9 1.4 1.01 0.6 1.2-0.16 0.77-0.37 0.2-0.37-1.67-1.4-0.9-5.85-0.61-1.74-1.37-8.68 0.1z"/>
<path id="path31" fill="#2f2319" d="m144.71 234.1 6.19-2.13 1.98 0.19 1.42 1.51 3.73 1.85h0.67l-3.93 0.52-2.97-1.23-1.23-1.18h-1.89z"/>
<path id="path32" fill="#cda58b" fill-rule="evenodd" d="m157.57 169.69 8.09 3.09-0.92 1.41-5.06-1.83-1.76-1.27z"/>
<path id="path33" fill="#cda58b" fill-rule="evenodd" d="m157.92 166.66 8.51 3.38-0.28 1.34-6.68-2.75-1.69-1.26z"/>
<path id="path34" fill="#a6826a" fill-rule="evenodd" d="m165.98 191.1 0.16 1.34 2.55 1.54 1.29 0.53h1.67l0.47-0.33v-0.22l-2.24-0.1-1.38-0.68-1.68-1.08z"/>
<path id="path35" fill="#5b4131" fill-rule="evenodd" d="m150.33 181.12 2.04-0.31 1.21 0.72 0.98 1.06 0.15 0.62-0.46 0.13-0.9-0.91-1.83-1.18-1.14-0.03z"/>
<path id="path36" fill="#5a4334" fill-rule="evenodd" d="m142.36 182.49-2.77 1.72 2.37 1.64 5.18 2.36-5.51-3.89 1.57-1.02z"/>
<path id="path37" fill="#332e2a" fill-rule="evenodd" stroke="#000" stroke-width=".265" d="m113.74 243.68-8.82-11.46-3.72 0.07-7.904 14.05-3.024 1.4-6.328 3.8-10.549 6.61-2.812 1.55-3.235 0.28-11.674 6.19-3.938 3.37-2.812 5.35-1.688 16.59-1.266 16.88-1.406 3.09 1.125 14.77 1.547 7.6 3.235 7.17 5.907 8.44 0.984 7.45 3.938 10.27 3.376 6.33 1.828 8.3 2.531 5.76 6.47 9.14 2.813 2.96 107.03-0.14-0.71-13.65c-0.44-5.18 1.25-9.95 2.53-14.9l-6.18-18.64-6.54-13.01-4.1-6.79 3.08-2.19 0.56-0.44-0.39-0.58-10.21-18.57-5.86-12.8-5.59-8.59-9.83-14.51-25.46-28.03z"/>
<path id="path38" fill="#37abaf" fill-rule="evenodd" d="m141.79 274.15 3.97 1.69 2.64-4.38 9.29 16.7 2.42 7.83 2.13 12.04-5-10.72z"/>
<path id="path39" fill="none" stroke="#000" stroke-width="1.065" d="m93.379 246.26 5.821 12.39 13.18 4.28-3.88 7.36 26.71 30.76 26.82 30.47 4.03 5.07c2.99-1.99 5.49-3.89 8.3-5.79l-8.28-14.47-2.95-5.5-2.98-6.5-2.94-6.4-1.24-1.87c-3.71-5.79-8.66-13.02-12.64-19l-1.34-2.01-10.77-11.79-13.36-14.77-4.21-4.53-8.66-11.68-3.79 0.04z"/>
<path id="path40" fill="#4f3c2f" fill-rule="evenodd" d="m113.62 213.6 1.6 7.17 2.32 7.57 3.1 4.85 1.28 0.6s-1.86-2.62-1.96-2.87c-0.1-0.26-2.11-5.16-2.22-5.36-0.1-0.21-1.28-3.87-1.39-4.23-0.1-0.36-1.7-5.92-1.7-5.92z"/>
<path id="path41" fill="#4f3c2f" fill-rule="evenodd" d="m121.04 219.58 3.3 10.1 3.85 8.28 2.23 1.71-4.12-9.48-3.09-5.04z"/>
<path id="path42" fill="#342216" d="m172.38 156.61-0.42-2.01-0.08-0.45 0.4-0.02-0.14-0.71s-0.05-0.32-0.1-0.57-0.4-0.72-0.4-0.72l-0.95-2.02-3.89-6-1.04-1.94-1.2-0.73-0.74 0.1-8.39-3.21-3.02-0.52-3.92 0.75-3.31 0.66-12.38 1-7.09 3.49-3.26 2.55 2.32-2.4 3.56-2.04 3.46-1.85-7.19 3.71-2.1 1.97-1.17 0.9-0.14 0.7-1.67 1.14-3.24 2.6-5.53 4.31-2.97 3.03-2.74 3.34 0.19-0.9 1.21-1.82 3.05-2.67-1.94 1.49-1.58 1.35-1.16 2.03-0.24 0.87-0.45 1.18-1.27 3.62-1.21 3.64-0.87 1.2-2.105 3.5-0.567 4.32-0.401 1.02-0.118 1.27 0.283 0.85 0.095-1.06 0.047-1.3 0.26 1.44 0.094 1.75v0.64l0.733-0.22-0.048 0.93 0.189 1.03 0.638 2.25 1.63 4.25 1.21 3 0.44 1.8-0.04 1.37 0.92 1.91 0.59 0.66 0.31 0.4-1 1.66-0.7 2.74 0.11 1.72-0.26 1.37-0.59-0.12-0.35 0.55-0.12 0.54 0.09 1.44 0.1-1.6 0.31-0.76 0.52 0.12-0.15 0.66v0.45l0.26 0.71-0.37 2.52 0.23 2.25 0.14 2.31 0.64 2.15 0.76 1.42 0.8 0.99 2.06 2.08 0.3-0.23-2.22-2.13-1.13-1.54 0.02-0.11 1.11 1.08 1.59 1.49 1.39 0.97 0.68 0.28 0.83-0.12 0.21-0.7 0.9-7.23 0.17-1.23 1.04-3.9 1.25-4.39-3.28-2.27-2.58-2.51-1.91-2.78-0.88-7.99-0.26-2.62 0.71-0.92 1.35-2.93 1.75-2.1 2.22-0.62 1.91 0.97 1.3 1.54 1.28 1.67 1.53 4.52 0.28 0.75 1.45-0.09 0.02-1.07 0.78-1.53 1.27 0.97 1.19 0.9 0.85-3.05 2.74-8.96v-1.92l0.2-1.09 0.03-5.01 0.81-2.64 1.35-4.26 1.1-3.44-0.33 5.73 0.84-4.69 0.22 4.61 0.52-5.85 0.65 0.7v5.49l0.93-6.26 1.03-3.56 0.96-3.04 0.03 5.65 1.27-2.87 1.54-3.13 2.03-3.57 0.87-0.94 3.9-1.21 6.97-1.41 2.96-0.05h1.48l2.43 0.42 1.64 0.32 2.95 0.98"/>
<path id="path43" fill="#634c2e" fill-rule="evenodd" d="m155.63 139.43-9.15 2.34-5.87 4.62-3.23 2.99-1.89 2.68-1.09 4.08-0.45 3.53 0.05-5.52 1-3.58 2.38-3.88 3.23-2.24 4.58-2.58 5.22-1.94 4.18-0.75z"/>
<path id="path44" fill-rule="evenodd" stroke="#000" stroke-width=".265" d="m117.42 190.5 1.68-4.22v-5.34s1.13 5.41 1.2 5.13 2.11-5.91 2.11-6.19-1.2-6.75-1.2-6.75l0.22-4.78-2.26 2.89 3.45-17.87-4.85 15.19 0.42-6.04-4.71 14.69 0.14-2.46-2.32 3.31-2.04 1.75-1.2-8.08-3.02 10.83-0.21-5.28 1.19-2.11-2.32 3.1-2.04 5.62-0.91 2.6-0.914-3.09-0.281 1.69 0.495 2.18-0.144 1.12 3.024 7.53 0.28 2.67 0.78 1.76 1.12 1.19-1.12 1.2-0.99 3.02-0.07 4.43 0.35 1.34-0.49 2.32 0.35 3.37 0.78 3.59 2.67 1.97 2.04 1.55 0.84-2.11-0.42-5.49 0.07-3.09 0.84 2.95 0.64-3.3 1.68-6.05 0.57-0.63-3.87-2.82-3.17-4.22-0.98-7.24-0.21-4.29 3.94-5.27 2.04-0.43 2.18 0.22 2.25 1.82 1.33 2.75z"/>
<path id="path45" fill="#5b4435" fill-rule="evenodd" d="m112.64 185.79-2.33 4.64 2.68-0.14-0.14-4.5z"/>
<path id="path46" fill="#5b4434" fill-rule="evenodd" d="m111.3 185.37-2.04 1.97-1.41 5.62-1.26 4.72-0.71-6.19 0.99-4.64 0.91-1.69 1.48-0.56z"/>
<path id="path47" fill="#a8846a" fill-rule="evenodd" d="m112.22 183.14v0.6l-2.09-0.15-1.19 0.84-0.99 0.95-0.95 1.14-0.74 2.98-0.3 1.84v3.98l0.49 2.44 0.4 1.24 2.39 1.79 2.44 1.94 1.49 0.75 0.25 1.39-1.45 0.2-4.07-3.18-2.04-2.44-1.15-11.09 1.6-2.44 2.33-3.03 2.29-0.45z"/>
<path id="path48" fill="#5c4535" fill-rule="evenodd" d="m114.05 190.62-4.47 1.9-1 1.09 0.4 1.89 1.29 4.62 0.5 0.55 1.74-1.44 0.85 0.79 1.14 2.09 0.65 1.74 0.05 0.55 0.49-2.69-0.49-3.33-0.05-3.68-0.95-3.43z"/>
<path id="path49" fill-rule="evenodd" d="m109.93 197.46 0.42 1.02 2.49-0.07 5.08-1.38 4.98-2.13 0.95-0.99 0.14-2.11c-0.06-1.07-0.87-1.38-1.62-2.06-2.66 0.49-4.52 0.9-7.17 1.54l-3.9 1.09c-2.05 1.04-1.6 3.47-1.37 5.09z"/>
<path id="path50" fill="#262626" fill-rule="evenodd" d="m109.87 196.82c5.08 0.71 8.36-1.13 12.68-2.86 1.23-2.05 1.08-3.18-0.56-4.15 1.99-0.43 2.22 1.2 2.29 2.62 0.02 0.54-0.19 1.03-0.39 1.46-0.17 0.36-0.58 0.69-0.94 0.98l-4.1 1.89c-1.85 0.76-3.92 1.4-5.97 1.64-0.83 0.09-1.7 0.21-2.52 0.06-0.26-0.42-0.49-0.86-0.49-1.64z"/>
<path id="path51" fill="#37abaf" fill-rule="evenodd" stroke="#469da0" stroke-width=".265" d="m109.91 224.43-1.28 0.04-1.34 4.08-0.84 2.6 0.21 1.83 19.76 21.8 20.18 21.73 3.66-11.89 2.06-7.58 0.59-2.63-1.47-1.42-3.8-3.07-10.32-5.71-3.88-2.15-3.56-2.44-7.53-5.31-5.51-3.2-4.79-2.77-1.01-1.54z"/>
<path id="path52" fill="#41e5e7" fill-rule="evenodd" stroke="#459da1" stroke-width=".265" d="m157.15 242.47 2.53 5.77 0.28 4.64 2.43 3.36-1.19 3.8-0.97-1.48-1.25-2.66-2.75-1.26-3.09-0.15 2.14-6.18z"/>
<path id="path53" fill="#ff0" fill-rule="evenodd" d="m161.22 260.36-0.21 0.86 1.69 5.93 4.06 8.5 1.85 5.92 3.42 9.02c1.66 1.68 2.17 4.27 3.43 6.25l2.01 7.58 1.76 4.71 0.91 3.59-0.67 2.6 0.94 2.79 0.04 2.87-1.2 4.49-2.22 0.46-3.29 3.78-4.6-8.84-4.94-9.18-1.9-16.75-3.58-14.18-3.03-9.02-3.07-5.59-1.61-3.82 1.07-4.12 0.94-3.6 3.18 0.12 2.69 1.29 1.23 2.57z"/>
<path id="path54" fill="none" stroke="#d3d32c" stroke-width="1.065" d="m154.37 265.4c2.85 6.15 5.5 14.91 7.01 21.55 1.26 5.55 1.93 8.13 1.99 13.76l1.28 10.84 9.69 18.13"/>
<path id="path55" fill="#41e5e7" d="m130.43 240.33 8.79 7.55-1.27 1.27-0.56 1.9 0.17 2.81-0.1 3.87-1.02 5.34-0.32 1.16-0.17 0.43 10.65 11.56 0.7-2.49 1.59-8.44 2.35-8.23 1.51-2.81-5.62-4.61-11.04-6.01-2.92-1.62-2.3-1.63z"/>
<path id="path56" fill="#37abaf" fill-rule="evenodd" d="m152.7 254.49-1.44 2.84-7.91-5.52 5.72 13.62-2.14 9.35 4.13-13.32z"/>
<path id="path57" fill="#37abaf" fill-rule="evenodd" d="m153.2 254.37 3.05 0.15 2.64-7.93-1.72-4.08-2.88 8.7z"/>
<path id="path58" fill-rule="evenodd" stroke="#000" stroke-width=".265" d="m145.9 276.13-4.27-1.6-9.01-10.57-18.85-20.39-8.45-11.2 1.07 0.13 0.08 0.55 2.15 2.38 8.94 9.95 3.96 4.33 15.71 17.07z"/>
<path id="path59" fill="#0d0c08" fill-rule="evenodd" d="m191.99 272.11 2.61 3.39 4.7 7.42 3.47 9.73 2.68 7.75 0.89 3.28 1.5-0.37-5.49-15.64-4.75-10.71-1.17-2.25c-1.2-0.9-2.63-1.97-4.44-2.6z"/>
<path id="path60" fill="#4fecf2" fill-rule="evenodd" d="m148.22 278.23-6.08-3.74 11.13 14.17c2.1 3.15 2.63 5.8 4.69 8.82 0.5 0.72 0.98 2.03 1.49 3.17 0.89 2 1.47 4.07 2.14 5.55l-1.94-9.92-3-8.21-8.54-15.34c0.12 3.04 0.11 3.11 0.11 5.5z"/>
<g id="right-hand" fill-rule="evenodd" transform="translate(-.546 1.485)">
<path id="path61" fill="#c7a288" d="M 180.06152,323.06796 179.72,307.92 l 0.63,0.48 c 0.48,-1.05 0.92,-2.09 1.48,-3.18 0.74,-1.65 1.01,-3.12 1.37,-4.63 0.19,-1 0.45,-1.98 0.89,-2.88 1.59,-1.3 2.8,-2.23 4.18,-3.22 0.69,-0.86 1.38,-1.47 2.07,-2.05 -0.41,-1.01 -0.4,-2.02 -0.4,-3.02 -0.03,-0.74 0.03,-1.48 0.69,-2.22 0.38,-0.46 1.11,-0.51 1.82,-0.56 0.84,0.18 1.6,0.71 2.37,1.15 0.79,0.87 1.18,1.8 1.56,2.74 0.35,2.1 0.23,4.27 0.11,6.44 l -3.04,5.69 -2.62,5 0.62,2.2 c 3.37,-2.15 6.49,-4.16 9.51,-6.12 0.47,-0.73 0.77,-1.45 1.55,-2.18 0.93,-0.48 1.73,-0.83 2.6,-1.12 l 3.22,-2.25 2.81,-1.85 c 0.78,-0.2 1.53,-0.57 2.37,-0.37 1.15,0.53 1.59,1.06 2.22,1.59 0.6,0.91 1.24,1.82 1.44,2.74 0.18,0.92 0.44,1.84 0.29,2.76 l 0.01,0.75 -0.07,1.26 3.32,1 c 1.18,0.83 1.31,1.31 1.71,1.89 0.29,0.97 0.14,1.94 0,2.92 l -0.85,3.74 c 0.47,0.7 0.94,1.41 1.07,2.07 0.25,0.7 0.4,1.35 0.55,2 0.09,0.92 -0.15,1.85 -0.4,2.77 l -0.8,1.72 -0.35,0.54 c 0.92,0.6 2.02,1.35 2.63,1.7 0.44,0.46 1.17,0.91 1.03,1.37 -0.07,0.53 -0.12,1.06 -0.33,1.59 -0.83,1.35 -1.71,2.72 -2.41,4 l -2.96,4.55 -4.18,2.89 -4.18,4.03 -3.74,3 -2.88,1.33 -4.01,1.84 -2.33,-3.3 -4.05,-5.64 -2.85,-3.77 -1.8,-2.24 -5.42,-5.49 z"/>
<path id="path62" fill="#a57f68" d="m 216.13,338.82 1.25,-3.26 -0.54,-4.28 0.64,-0.46 -0.88,-1.01 -0.35,-1.96 -1.7,-1.84 -0.77,-1.37 -1.48,-0.4 -0.49,-0.52 -0.97,-2.57 -0.22,-2.46 3.9,-0.41 5.58,-4.18 -5.85,2.99 -2.3,0.34 -3.4,-3.48 -0.28,0.81 -4.23,-5.32 -2.96,-3.19 0.74,4 1.7,0.3 0.29,1.11 -1.48,1.62 -1.25,-1.33 -1.71,2.37 0.52,-6.51 0.74,-2.89 5.03,-4.44 -2.57,0.97 -2.04,2.25 -9.79,6.38 -9.21,4.66 -0.68,-5.07 4.19,-10.31 2.67,-2.78 3.66,-1.78 1.05,-2.98 0.78,-1.88 -1.88,-1.73 -0.05,-0.84 1.46,-0.21 -0.78,-0.27 c -0.5,0.05 -0.99,0.07 -1.46,0.31 -0.52,0.52 -0.86,1.15 -0.81,2.02 -0.07,1.15 0.06,2.24 0.44,3.3 -0.85,0.66 -1.47,1.34 -2.26,2.17 -0.35,0.37 -0.7,0.53 -1.15,0.9 l -2.92,2.29 c -0.36,0.63 -0.51,1.3 -0.68,2.03 l -1,4 c -0.02,0.04 -0.26,0.68 -0.27,0.72 -0.53,1.32 -1.24,2.55 -1.91,4.2 l -0.48,-0.39 0.0133,14.64732 -2.58541,2.02962 7.67211,9.53306 1.7,2.04 1.19,1.57 6.45802,15.70557 13.04198,-7.38557 3.73,-3.03 z"/>
</g>
<path id="path63" fill="#9f7b65" fill-rule="evenodd" d="m218.28 325.05 0.67 1.48 2.51-2.59 0.49-1.48z"/>
<g id="right-sleeve" fill-rule="evenodd" transform="translate(-1.9 2.5)">
<path id="path64" fill="#37abaf" stroke="#3fa4a7" stroke-width=".265" d="m 170.64,332.53 3.09,-2.11 0.24,-2.31 4.73,-3.97 6.93,7.09 3.93,4.1 6.15,8.09 5.44,7.77 c 1.02,1.45 1.32,2.15 2.39,3.43 l -8.3,8.95 -5.18,5.07 -5.25975,4.77028 -3.46345,-9.31194 -3.03965,-8.91584 -6.1107,-13.15346 -3.96664,-6.42611 3.03307,-1.84466 z"/>
<path id="path65" fill="#4fecf2" d="m 181.32,352 -0.52,-6.33 4.71,2.88 0.68,-5.91 9.31,2.56 -2.77,-5.34 -4.34,-5.02 -5.08,-5.08 -1.73,4.55 -3.09,-3.14 -0.26,5.39 -5.28,-4.81 1.67,3.4 -3.45,-2.09 2.46,3.71 2.14,3.61 5.65,11.88 z"/>
<path id="cufflink" fill="#f2f20a" d="m 187.791,361.71718 -1.62,0.69 -1.95,-0.12 -1.16,-1.33 -0.48,-1.89 0.9,-1.51 1.65,-1.05 1.72,0.39 1.5,1.25 0.16,1.75 z" paint-order="stroke fill markers"/>
</g>
<path id="path66" fill-rule="evenodd" d="m225.3 383.22 1.2-2.79 2.48-3.09 1.58-0.62-1.54 4.51-2.24 1.92z"/>
<g id="left-sleeve" fill-rule="evenodd">
<path id="path67" fill="#37abaf" d="m218.91 387.06 1.39 0.66 2.05 0.63 3.16 7.08 2.46-5.43 1.15-1.42c0.84-0.72 1.99-0.61 2.83-0.89l3.58-1.27c1.01-0.63 1.84-1.26 2.6-1.88 0.29-0.48 0.3-1.18 0.35-1.86-0.38-0.24-0.78-0.46-1.04-0.82l0.09-2.91c0.35-1.04 0.75-2.02 1.14-3.03l-0.63-4.29c-0.95-1.68-1.88-3.35-3.03-5.36l-0.57-0.82 0.19-1.39 2.38 3.42c0.45 0.72 0.68 1.19 1.06 1.75l0.5 1.6 0.35 2.06-0.06 3.63v6.31l0.01 3.78v0.41l-0.55 0.6-2.14 2.48-3.1 3.33c-0.83 1.26-1.42 2.41-2.52 3.94l-0.87 1.81-3.73 0.03-1.05-0.49-1.3-0.11-0.89-2.39z"/>
<path id="path68" fill="#4fecf2" d="m228.42 398.89-0.5-0.68 3.34-4.84s0.63-1.03 1.38-1.9 4.04-4.53 4.04-4.53l0.61-0.5 0.94 1.04-5.23 5.8-1.84 2.79-0.75 1.29-0.89 1.74z"/>
<path id="path69" fill="#4fecf2" d="m222.31 390.24 2.2 5.15 1 0.14-0.85-1.89-1.28-2.66z"/>
</g>
<g id="left-hand">
<path id="path70" fill="#2d221c" fill-rule="evenodd" d="m210.3 371.03 4.28 3.44c0.36 2.58-0.46 5.91 0.74 7.89 2.24 3.11 2.54 4.28 6.36 4.81 4.2 0.14 5.91 0.04 9.64-0.06 1.51-0.31 3.93-0.33 4.73-0.93 1.52-0.99 1.9-1.35 2.31-1.78 0.25-0.5 0.33-1.11 0.17-1.62-0.32-0.31-0.53-0.84-1.02-0.99l0.08-2.99 1.14-2.96-0.42-4.39-3.55-5.56-0.15-1.97-0.41-0.35-0.19 2.13-0.11 2.44-0.11 1.35 0.08 1.59 0.05 4.01-1.33 2.28-1.13 1.8 0.51 2.2-0.02 1.13-0.49 2.51-1.6 1.15-1.61 0.48-0.74-0.3-1.75-3.92 0.88-0.92 2.12-0.51c2.56-1.3 1.25-4.6 2.46-6.46-4.64-1.91-10.09-3.81-20.92-3.5z"/>
<path id="path71" fill="#593f2f" fill-rule="evenodd" d="m225.23 383.22c-1.71-2.96 1.34-5.06 1.61-7.98 0.17-0.93 0.76-0.92 1.38-0.83l0.97 0.78c2.13-0.32 1.52-0.36 2.27-0.55l-1.27 3.7z"/>
<path id="path72" fill="#c7a288" fill-rule="evenodd" d="m221.9 346.27c0.79-0.6 1.07-0.53 1.31-0.48 2.59 0.45 4.84 1.15 7.17 2.49 0.95 2.27 1.23 4.33 1.04 6.48 1.58 1.25 3.14 2.77 3.45 4.51-0.12 1.15 0.15 2.64-0.63 3.2l-0.15 2.81-0.09 2.24c0.53 1.21 1.31 2.32 1.49 3.69-0.06 1-0.29 1.92-0.6 2.8 0.25 0.73 0.21 1.25 0.21 1.8-0.09 1.08-0.3 2.62-0.39 3.65 0.21 1.35-0.13 2.02-1.11 3.85-0.46 0.52-4.02 4.15-6.11 3.04-1.61-0.35-2.28-1.25-2.11-2.64-0.07-0.21 0.36-1.18 2.07-2.64 2.05-1.75 3.01-5.18 3.17-5.13-0.27-0.65 0.75-0.92 0.61-1.61-3.84 0.2-6.01-1.4-8.84-2.33-4.39-1.02-8.37-0.32-12.33-1.15-0.78-0.42-1.87-1.24-2.28-2.47-0.35-1.76 0.38-3.46 1.54-4.57 4.6-2.57 10.62 2.14 14.64-0.83-2.94-0.38-5.79-0.81-8.75-1.11l-8.5-0.07-5.54-0.09c-2.26-0.37-4.55-0.48-6.49-0.53-0.52-0.14-1.1-0.49-1.74-0.99-0.94-0.84-0.94-2.15-0.98-3.48 1.83-3.28 6.2-4.42 9.01-5.75 1.42-0.57 2.59-1.43 3.88-2.23 1.57-0.93 2.82-1.67 4.33-2.33 4.4-0.22 8.63-0.12 12.72-0.13z"/>
<path id="path73" fill="#675041" fill-rule="evenodd" d="m197.14 360.81c-1.69-2.85-1.55-4.58 0.26-6.85-0.08-0.06-0.03-0.02-0.17-0.17-1.67 1.74-2.52 2.36-2.32 4.36 0.07 0.73 1.07 2.3 2.27 2.69z"/>
<path id="path74" fill="none" stroke="#997860" stroke-width=".265" d="m197.64 361.22c-2.35-1.31-3.3-2.62-2.74-4.55 0.63-1.27 1.29-1.91 2.31-2.86 3.44 0.01 6.46 0.02 9.88 0.23l3.71 0.31 9.6 0.36 3.28-0.18"/>
<path id="path75" fill="none" stroke="#997860" stroke-width=".265" d="m221.17 347.52c-0.31 0.16-2.46 0.42-3.58 0.51-2.49 0.21-6.3 0.24-8.13 0.14-2.1 2.18-2.1 3.84-0.31 6.05 2.02 0.18 3.92 0.22 5.64 0.32 3.01 0.16 5.65 0.19 8.81-0.13"/>
<path id="path76" fill="#b3917c" fill-rule="evenodd" d="m197.5 360.41c2.22 0.35 3.68 0.09 5.35 0l-0.09-4.75c-1.81-0.78-3.5-0.87-5.45-0.93-1.54 1.65-1.11 4.34 0.19 5.68z"/>
<path id="path77" fill="#b3917c" fill-rule="evenodd" d="m210.65 364.56c-0.86 0.42-1.1 2.22-1.1 2.22s-0.14 1.86 0.65 2.54c1.36 1.18 5.4 0.37 5.4 0.37l-0.14-4.69s-3.13-1.24-4.81-0.44z"/>
<path id="path78" fill="#ffff03" fill-rule="evenodd" d="m229 378.98c-0.13-0.05-0.53-1.64 0.16-2.23 0.5-0.44 1.48 0.28 2.62 0.35 0.64 0.26 0.28 0.1 0.84 0.29 1.34 0.48 1.48 0.94 2.15 2.24 0.05 0.26-0.12 1.03-0.29 1.32-1.45-1.7-1.52-2.43-3.4-2.09-0.68 0.43-1.66 0.51-2.08 0.12z"/>
<path id="path79" fill="#aa836c" fill-rule="evenodd" d="m222.29 371.94c2.39-0.52 7.14 1.64 6.72-2.57l1.97 2.93c0.92-1.43-0.18-4.24-0.15-5.68 0.74 1.89 2.73 5.04 2.14 7.09-0.73 0.88-1.6 1.58-2.48 2.29l0.68-1.51c-1.88-0.1-3.76-0.37-5.64-1.12z"/>
<path id="path80" fill="#2d221c" fill-rule="evenodd" d="m226.31 371.63c0.38-0.65 0.28-3.2 0.78-2.38 0.3 1.77 0.07 2.97-0.51 4.5-0.63-0.19-1.05-0.37-1.71-0.58 0.69-0.28 1.01-1.07 1.44-1.54z"/>
<path id="path81" fill="#aa836c" fill-rule="evenodd" d="m217.04 362.09 7.09-0.34c1.65-4.21 1.73-7.12 2.04-4.31 0.13 1.15 1.34 2.45 1.12 4.58l-0.61 0.35-1.24 0.89-1.59-0.07z"/>
<path id="path82" fill="#aa836c" fill-rule="evenodd" d="m216.78 383.97c0.39 0.96 0.8 1.34 1.59 1.91 2.09 0.85 4.63 1.28 6.97 1.19l7.22-0.26c3.38-1.25 5.85-1.82 5.74-3.95l-0.73-0.67-2.6-1.75c0.67 0.73 1.34 1.39 2.05 1.89 0.61 0.43 0.84 0.7 0.72 1.15-0.14 0.52-0.36 1.08-1.2 1.54-1.29 0.72-3.44 1.26-4.2 1.44-2.33-0.02-9.61 1.6-15.56-2.49z"/>
</g>
<path id="path83" fill="#11100c" fill-rule="evenodd" stroke="#000" stroke-width=".265" d="m94.086 245.96 3.1 1.6 2.814-0.94 6.2 6.95-1.03-5.17 6.01 7.89 0.38-4.32 1.97-7.79-8.45-11.65-3.76-0.19z"/>
<path id="path84" fill="#908b8b" fill-rule="evenodd" d="m109.83 196.83c4.64 0.55 7.92-0.94 12.14-2.64l0.6-0.22c0.74-1.83 1.32-3.23-0.57-4.16l0.12-0.02c2.02 0.65 1.28 3.1 0.5 4.29-4.29 1.99-8.76 3.63-12.76 2.88z"/>
<path id="path85" fill="#e8ebe8" fill-rule="evenodd" d="m123.25 191.82h0.15c0.01 0.1 0.01 0.14-0.01 0.24 0 0.02 0.26 0.1 0.26 0.12-0.01 0.02-0.27 0.02-0.27 0.03-0.03 0.12-0.07 0.23-0.11 0.35h-0.2c0.07-0.14 0.11-0.25 0.13-0.36 0.01-0.04-0.57-0.09-0.09-0.13 0.01 0 0.12-0.01 0.12-0.02 0.02-0.08 0.02-0.14 0.02-0.23z"/>
<path id="path86" fill="none" stroke="#d3d32c" stroke-width=".765" d="m161.49 264.12c-4.33-0.06-6.35 0.65-8.56 1.81" stroke-linecap="round"/>
<path id="path87" fill="#a57f68" fill-rule="evenodd" d="m159.25 207.42 0.31 4.05 1.54 0.35-1.44-4.45z"/>
<path id="path88" fill="#44322b" d="m153.99 198.41c-1.78-0.45-5.04 4.73-2.91 6.23 1.35 0.66 3.55 1.56 5.02 1.95 0.22 0.06 2.78 1.18 3.58 1.19 0.73 0.01 1.13-0.85 0.38-0.75-0.78 0.25-1.38-0.13-2.45-0.38-2.6-0.63-5.12-2.71-5.62-3.93-0.7-1.67 0.74-2.95 2-4.31z"/>
<path id="path89" fill="#a57f68" fill-rule="evenodd" d="m161.68 204.78c2.41 1.17 2.64 1.05 3.24 0.29 0.86-0.72 0.87-1.44 1.25-2.16 0.1 1.65-0.06 4.72-1.96 4.98l-2.65-0.21-1.33-0.62z"/>
<path id="path90" fill="#a57f68" fill-rule="evenodd" d="m155.37 186.4c-3.1 6.29-2.8 7.74-1.55 12.18l1.75-0.48c-0.65-4.13-1.4-4.31 1.91-10.04z"/>
<path id="path91" fill="#604b31" fill-rule="evenodd" d="m146.59 149.94 8.11-7.53 8.11-3.05-7.24 0.58-2.9 2.18-3.48 3.04z"/>
<path id="path92" fill="#634c2e" fill-rule="evenodd" d="m163.25 144.52 8.51-0.71 4.5 2.56-3.99-3.18-5.53 0.31z"/>
<path id="path93" fill="#634c2e" fill-rule="evenodd" d="m170.24 152.11c-0.87-1.09-4.57-6.66-4.57-6.66l-7.6-4.35 7.96 3.91 4.57 6.45v0.87z"/>
<path id="path94" fill="#634c2e" fill-rule="evenodd" d="m171.99 153.64-2.41-6.04-3.69-3.44-2.97-1.99 3.69 2.1 3.43 3.27 1.39 3.8 0.51 2.45z"/>
<path id="path95" fill="#634c2e" fill-rule="evenodd" d="m174.91 156.15-4.3-8.66-4.14-3.93-2.39-1.59 2.75 1.31 4.27 3.91 2.25 4.78z"/>
<path id="path96" fill="#cda58b" fill-rule="evenodd" d="m158.6 163.64 8.51 3.38-0.28 1.34-6.68-2.75-1.69-1.26z"/>
<g id="right-arm" fill-rule="evenodd" transform="translate(.167 1.23)">
<path id="path97" fill="#332e2a" stroke="#101010" stroke-width=".565" d="m51.747 269.52-2.819 5.3-0.844 7.94-2.218 25.35-1.36 3.42 1.186 14.8 1.497 7.47 3.388 7.42 5.867 8.32 0.911 7.28 3.948 10.33 0.943 1.79 2.41 4.6 1.986 8.26 2.425 5.96 6.671 9.14 2.4 2.67 73.072 0.1 29.37-13.03 4.09-0.8 5.92-2.25-3.47-11.88-2.46-7.45-3.21-9.65-0.91-2.48-5.98-11.96-0.74-1.37-3.69-6.12-6.97 4.91-8.81 7.16-29.02 3.96-3.53 0.77-7.71-22.47-8.59-20.93-3.6-11.77c-2.944-6.94-11.283-13.24-19.04-19.61-7.908-4.92-18.805-6.24-29.981-6.17-0.35 0.26-0.71 0.55-1.132 0.99z"/>
<path id="path98" fill="#201e17" d="m115.53 399.07c-5.47-5.18-0.43-5.65 4.79-8.68 8.61 7.51 10.1-3.77 5.99 6.11l8.5-9.53 5.34-6.45c5.25 0.9 4.9 10.38 9.57 12.93 4.38 2.4 13.69-1.88 20.96-7.68l4.04-0.15c1.06-1.01 1.17-2.01 1.41-3.39-0.31-0.92-1.13-2.15 1.17-0.84 1.04 1.53 2.32 1.51 3.54 1.85l9.53 0.21-5.62 2.16-3.86 0.63-29.36 12.97z"/>
<path id="path99" fill="#12110d" d="m80.886 278.16c0.969 1.85 0.747 3.74 0.551 5.79-0.359 3.76-1.976 7.75-0.59 11.42 5.078 11.53 13.157 17.59 22.123 24.7l8.19 5.09c-4.36-1.69-8.14-2.72-12.017-3.85-8.793-2.54-15.597-5.2-24.186-8.42 5.955 8.62 16.528 9.97 23.58 14.43-1.473 4.74-16.954 14.92-12.847 18.02 5.49 2.25 14.016 1.69 19.94 4.08-12.675 7.54-16.449 19.03-23.784 32.19l-8.448 11.64-4.082-5.6-2.389-5.89-2.035-8.36-3.759-7.48-3.54-9.36-0.944-7.18-5.779-8.26-3.419-7.38-1.457-7.54-1.115-14.73 1.333-3.38 3.007-33.25 2.777-5.18 0.956-0.86c4.07-0.05 8.566 0.22 12.778 0.73 4.315 0.47 9.4 1.68 13.419 3.52 1.074 1.89 1.459 3.63 1.737 5.11z"/>
<path id="path100" stroke="#000" stroke-width=".265" d="m105.86 306.75 12.11 22.77 5.13 13.52 1.71 5.8-2.93 0.62-7.93-22.78z"/>
<ellipse id="ellipse100" cx="165.66" cy="388.83" stroke="#101010" stroke-width=".565" rx="1.485" ry=".922" stroke-linejoin="round" paint-order="stroke fill markers" stroke-linecap="round"/>
<ellipse id="ellipse101" cx="169.41" cy="387.4" stroke="#101010" stroke-width=".565" rx="1.485" ry=".922" stroke-linejoin="round" paint-order="stroke fill markers" stroke-linecap="round"/>
<ellipse id="ellipse102" cx="173.49" cy="385.64" stroke="#101010" stroke-width=".565" rx="1.485" ry=".922" stroke-linejoin="round" paint-order="stroke fill markers" stroke-linecap="round"/>
<ellipse id="ellipse103" cx="177.45" cy="384.16" stroke="#101010" stroke-width=".565" rx="1.485" ry=".922" stroke-linejoin="round" paint-order="stroke fill markers" stroke-linecap="round"/>
<path id="path103" fill="#12110d" d="m121.46 349.19-20.08 10.65-12.294 23.36-11.063 16.8 4.507-0.82 13.112-21.31 4.097-9.42-5.326 19.26 9.017-19.67-1.64-2.87 1.23-3.69 3.28-2.87 8.19-2.86-2.05 5.73 4.51-4.5 0.82-2.05 6.55-3.28 4.92-1.64 5.33-0.82z"/>
</g>
</g>
</svg>
</div>
</div>@font-face {
font-family: "Heart Breaking Bad";
src: url("heart-breaking-bad.otf");
font-display: swap;
}
:root {
--stand-up-animation-delay: 400ms;
--stand-up-animation-duration: 400ms;
--flip-animation-delay: calc(
var(--stand-up-animation-delay) + var(--stand-up-animation-duration) + 500ms
);
--flip-animation-duration: 1s;
--sleeve-animation-delay: calc(
var(--flip-animation-delay) + var(--flip-animation-duration) + 100ms
);
--sleeve-animation-duration: 1s;
}
* {
box-sizing: border-box;
}
body {
height: 100dvh;
margin: 0;
padding: 0.5rem;
display: grid;
place-items: center;
background: linear-gradient(
210deg,
hsl(121, 10%, 20%),
hsl(121, 40%, 30%),
hsl(121, 10%, 20%)
);
overflow: hidden;
perspective: 500px;
}
.card {
position: relative;
width: 100%;
max-width: 640px;
aspect-ratio: 3 / 4;
border-radius: 0.1rem;
perspective: 1000px;
transform-origin: center bottom;
transform-style: preserve-3d;
/* translation on Z axis */
translate: 0 0 -200px;
/* rotation on X axis to lie the card flat */
rotate: x 100deg;
animation-name: stand-up;
animation-delay: var(--stand-up-animation-delay);
animation-duration: var(--stand-up-animation-duration);
animation-fill-mode: forwards;
animation-timing-function: linear(
0,
0.008 1.1%,
0.031 2.2%,
0.129 4.8%,
0.257 7.2%,
0.671 14.2%,
0.789 16.5%,
0.881 18.6%,
0.957 20.7%,
1.019 22.9%,
1.063 25.1%,
1.094 27.4%,
1.114 30.7%,
1.112 34.5%,
1.018 49.9%,
0.99 59.1%,
1
);
.content {
position: absolute;
width: 100%;
height: 100%;
border-radius: inherit;
transform-style: preserve-3d;
--ease-spring-3: linear(
0,
0.009,
0.035 2.1%,
0.141 4.4%,
0.723 12.9%,
0.938 16.7%,
1.017,
1.077,
1.121,
1.149 24.3%,
1.159,
1.163,
1.161,
1.154 29.9%,
1.129 32.8%,
1.051 39.6%,
1.017 43.1%,
0.991,
0.977 51%,
0.974 53.8%,
0.975 57.1%,
0.997 69.8%,
1.003 76.9%,
1
);
animation: flip var(--flip-animation-duration) forwards;
animation-delay: var(--flip-animation-delay);
animation-timing-function: var(--ease-spring-3);
}
}
@keyframes stand-up {
to {
rotate: 0deg;
}
}
@keyframes flip {
to {
rotate: y 180deg;
}
}
.front,
.back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
border-radius: inherit;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.04), 0 0 4px 0 rgba(0, 0, 0, 0.15),
0 0 8px 0 rgba(0, 0, 0, 0.05), 0 3px 4px 0 rgba(0, 0, 0, 0.05),
0 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.front {
rotate: y 180deg;
}
text {
font-family: Roboto, sans-serif;
}
#left-hand,
#right-sleeve,
#left-sleeve {
animation: pull forwards;
animation-duration: var(--sleeve-animation-duration);
animation-delay: var(--sleeve-animation-delay);
animation-timing-function: ease-in-out;
}
@keyframes pull {
to {
rotate: -0.6deg;
}
}Description
I wanted to play with 3D space in CSS. A playing card is face down in the midground. An animation brings the card forward and raises it upright, then the card is spun around to reveal its back side.
The card is a mockup of what a Chance card might look like if the board game Monopoly had a Breaking Bad edition. It would be cool to adapt Monopoly in this way. To adapt the rules of the board game - instead of hotels, you could “own” blocks and charge dealers to be on your turf.
Also, notice the subtle animation of Saul Goodman pulling up his sleeve at the end!