<svg class="fin" xmlns="http://www.w3.org/2000/svg" width="167.4" height="272.9" viewBox="-315 164.1 167.4 272.9">
  <path fill="none" stroke="#FFF" stroke-width="1.033" stroke-miterlimit="10" d="M-214.4 251.6v-7.8h20.1c.9 0 1.7-.8 1.7-1.7l-.1-52.6c0-.9-.8-1.7-1.7-1.7h-17.8V174c1.9-.7 3.3-2.4 3.3-4.6 0-2.7-2.2-4.8-4.8-4.8-2.7 0-4.8 2.2-4.8 4.8 0 2.1 1.4 3.9 3.3 4.6v13.8H-246V174c1.9-.7 3.3-2.4 3.3-4.6 0-2.7-2.2-4.8-4.8-4.8-2.7 0-4.8 2.2-4.8 4.8 0 2.1 1.4 3.9 3.3 4.6v13.8h-17.8c-.9 0-1.7.8-1.7 1.7l.1 52.6c0 .9.8 1.7 1.7 1.7h20.1v8.1c-21.4 1.6-36 5.3-36 5.3v20.1l104.5-.1v-20.1c-12.5-3.1-24.8-4.8-36.3-5.5zm-3.4-47.3c3.4 0 6.2 2.8 6.2 6.4 0 3.4-2.8 6.2-6.2 6.2-3.6 0-6.4-2.8-6.4-6.2 0-3.5 2.8-6.4 6.4-6.4zm-32.1 6.5c0-3.6 2.8-6.4 6.4-6.4 3.4 0 6.2 2.8 6.2 6.4 0 3.4-2.8 6.2-6.2 6.2-3.6 0-6.4-2.8-6.4-6.2z"
  />
  <path opacity=".47" fill="none" stroke="#FFF" stroke-width="1.035" stroke-miterlimit="10" d="M-283.1 342.5l103.2-.2" />
  <g fill="#FFF">
    <path d="M-275.6 313.5c0 1.8-1.5 3.3-3.3 3.3-1.8 0-3.3-1.5-3.3-3.3s1.5-3.3 3.3-3.3c1.9 0 3.3 1.5 3.3 3.3zM-183.8 313.4c0 1.8-1.5 3.3-3.3 3.3s-3.3-1.5-3.3-3.3c0-1.8 1.5-3.3 3.3-3.3s3.3 1.5 3.3 3.3z" />
  </g>
  <g fill="#FFF">
    <path d="M-251 327.6c0 .8-.1 1.6-.1 2.4 2.7-1.8 5.6-5.4 7.5-9.1.4-.9 1.2-.9 1.5.1.4 1.1-.1 2.7-.7 4.3-.7 1.7-4.3 6-8.6 7.5-1.2 7.3-4.3 15.3-7.8 19.6-2.4 3-4.2 3.3-6.4 1.4-1.8-1.5-4-4.3-3.2-10.4 2-16.1 18.6-43.6 26.6-55.6.6-.9 1.5-.8 1.8.1.9 2.4.6 5.5-2.4 10.8-3 4.9-7.9 13-11.8 20.6 2.6.8 3.7 3.5 3.6 8.3zm-13.9 23.4c1.6 2.1 7-7.8 9.4-17.7-2.1-.2-3.5-1.2-4.4-2.9-4.1 9.5-6.7 18.5-5 20.6zm10.4-25c.1-2.7-.6-4.9-1.2-4.7-.7.3-1.4 4.1-1.4 5.8-.1 2.3.6 3.8 1.9 4.1.5-1.8.7-3.6.7-5.2z"
    />
    <path d="M-244.6 323c1.8-5.3 6.6-13.8 9.2-17.5.6-.9 1.2-1.1 1.7-.4 1.1 1.2 1.7 4.2-.1 7.8-1.5 3.2-4.5 8.1-6 11.7-1.7 4.2-1.6 7 .7 6.8 3.2-.1 7.2-4.9 9.4-9.9.4-.6.9-.6 1.2 0 .6 1.2.4 2.7-.5 4.5-2.2 4.5-6.7 7.5-10.7 7.5-5.5 0-6.9-4.6-4.9-10.5zm16.1-18.8c-.9 1-3 .8-4-1.1-1.2-1.9-.8-4.1.4-5.3 1.2-1.2 3.2-.4 4.2 1.6.8 1.9.3 3.8-.6 4.8z"
    />
    <path d="M-208.2 304.2c2.4.4 4.6 3.9 2.8 7.6-1.5 3.2-5 8.5-6.7 12.2-1.9 4.2-1.4 7.6 1.2 7.4 3-.1 6.5-4.9 9.2-9.9.4-.6.9-.6 1.2-.1.5.8.4 2.4-.6 4.5-1.9 4-6.5 7.7-10.7 7.7-6.1 0-7.6-4.5-5.5-10.7 2.4-7.1 8.7-14.7 7.4-15.3-.7-.3-4.9 1.7-9.5 6.8-4.2 4.6-7.4 11.5-10.5 18.3-.3.6-.7.9-1.4.3-1.4-1.4-1.9-3.8-.7-7.4 1.4-4.5 7-14.5 11.5-21.2.5-.8 1.1-.7 1.5 0 1.1 1.8 1 4.2.2 6.8 3.3-3.4 8.2-7.3 10.6-7z"
    />
  </g>
  <path fill="#EBEBEB" d="M-180.1 373c-4.9-7.1-14.8-6.8-22-4.4-8.9 3-16.5 8.9-24.5 13.5-.8-.5-4.3-2.5-6.4-3.5l.9-.6c6.3-4.2 12.1-9 18.4-13.2 8.6-5.6 17.4-7.5 26.9-2.8.7.4 1.6-.6.9-1.2-12.5-10.6-28.5 1.7-38.7 9.2-3.1 2.3-6.5 5-10.1 7.4-1.1-.7-2-1.4-2.8-1.8-3.7-1.9-7.5-3.3-11.5-4.6-7.3-2.3-15.7-3.7-23.1-1.3-6.7 2.2-10.8 9-9.1 15.9 1.9 7.9 11.4 12.2 18.8 11.9 13.1-.5 24.6-6.6 35.7-13.2 1.3.7 2.5 1.5 3.8 2.2.4.2.9.5 1.3.7-1 .7-2 1.5-2.9 2.2-4.6 3.5-9 7.3-13.6 10.8-2.5-1.3-5.2-2.3-7.9-2.6-5.9-.6-15.2 6-7.7 10.9 4.7 3.1 11.7-2.5 15.8-5.8 2.7 1.5 5.2 3.4 7.4 4.9.3.2.5.4.8.6-3.5 2.7-6.5 5.8-8.7 9-3.9 5.6-4.3 13.8 1.6 18 6.4 4.5 19.4.7 20-7.9.4-5.7-5.1-8.7-10.2-7.6-4.4 1-7.5 7.2-3 9.8 1.1.6 2-1 1-1.7-3.3-2.3 1-5.5 2.6-6.1 1.8-.7 3.7-.1 5.2.8 2.9 1.6 2.6 5.1 1.3 7.4-1.8 3.2-6.1 4.6-9.5 4.8-3.5.2-6.9-1.2-8.7-4.2-3.6-6 1.7-13.3 5.9-17.3 1.4-1.4 3-2.6 4.7-3.7 6.4 4 16.4 8.8 21.2 1.6 4.2-6.3-2.2-10.7-8.3-9.9-4.5.6-9.1 2.7-13.3 5.6-1.4-1-2.7-1.9-3.9-2.7-1.4-.9-2.8-1.9-4.3-2.8 5.6-4.3 10.9-9 16.7-13.1 3.6 1.6 7.6 2.9 11.2 4.2 7.7 2.9 18.8 6.1 25.9 0 5.8-4.8 6.5-13.3 2.2-19.4zm-44.3 34.5c2.4-1.5 5.8-3.7 8.6-4 3-.3 6.1-1 8.2 1.9 2.8 4-3.6 7-6.4 7.2-3.9.3-8-1.8-11.7-4.2.4-.3.9-.6 1.3-.9zm-20-2.8c-1.5.9-3 1.7-4.6 2.4-1.4.6-7.8-.6-4.9-4.3.7-.9 3.3-1.9 4.3-2.3 3.2-1.1 6.5-.3 9.7 1.2-1.5 1-3 2.1-4.5 3zm-18-9.3c-11.8.9-24.4-13.5-11.9-22.3 7.2-5.1 18.2-2.4 25.9 0 4 1.2 7.9 2.9 11.6 4.8.2.1.4.2.7.4-9 5.8-19.2 9.9-28.6 3.2-.7-.5-1.6.6-1 1.2 9.3 8.9 22 2.7 31.3-3.3 1.8 1.2 3.8 2.5 5.5 3.6.1 0 .1.1.2.1-10.4 5.8-21.7 11.3-33.7 12.3zm53.5-5.2c-2.8-1.1-5.6-2.3-8.3-3.4.5-.3.9-.6 1.4-.9 6.9-4.5 15.3-7.9 23.1-3.7l1.2.6c0 1.1 1.6 1.1 1.7 0 0-1.7-3.2-2.9-4.5-3.4-3.1-1.2-6.2-1.4-9.5-.9-5.7.8-10.9 3.9-15.7 7.3-1.6-.7-3.2-1.5-4.6-2.5-.1 0-.2-.1-.4-.2 6.6-4 13.2-8.1 20-11.2 5-2.3 10.6-3.6 16.1-2.2 6.4 1.7 9.9 7.8 9 14.1-2.2 14.5-20.5 9.7-29.5 6.4z"
  opacity=".75" />
  <path fill="#EBEBEB" d="M-157.5 364.8c1.9-.9 2.6-3.5 1.1-5.2-1.2-1.4-3.7-2-3.7.5 0 .7 1.1.7 1.1 0 0-1.4 1.2-.3 1.5 0 .5.5.7 1.4.7 2 0 1.3-1.4 1.8-2.5 1.8-4.5 0-2.5-5.8-1.8-8.2.8-2.8 2.6-5.6 4.2-8.1 1.8-2.8 3.4-5.8 5.1-8.6 1.5-2.5 2.8-5.1 3.6-7.9.7-2.3.8-5.5-.1-7.7-1.2-3-3.2-5.2-5.8-6.2.5-.2 1.1-.5 1.6-.8 1.7-1.1 3.1-2.9 3.8-4.8 1.9-5 .5-9.9-1.7-14.6-2.9-6.1-7.6-11.1-10.8-17.1-1.3-2.5-2.8-7.2.3-9 1-.6 2.4-.4 3.3.3.4.3.6.8.7 1.3 0 .4-.1.8-.3 1.2-.3.9-.9 1-1.9.5 0-.7-1.1-.7-1.1 0 .1 3.2 3.2 1.7 4.1-.3 1-2-.6-3.8-2.5-4.3-2.6-.7-4.6 1.3-5.2 3.7-1 4 2 8.4 4.1 11.5 5.2 7.7 15.1 18.9 8.9 28.6-1.1 1.7-2.9 2.8-4.8 3.2 0-.8 0-1.6-.2-2.4-.1-.5-.8-.3-.9.1-.1.8 0 1.6 0 2.4h-1.4c-3-.2-5.6-2.2-5.7-5.9-.1-3 2.4-5.2 5.2-5.6 1.9-.2 3.2 1.3 3.4 3 .1 1.1-.4 2-1.2 2.7-.2-.1-.5-.2-.7-.3.3-.4.4-.9-.1-1.4-1.3-1.1-2.1-.1-2.1 1 0 .3 0 .6.1.7.3.7.9 1.2 2 1.2 3.4-.2 4-5.3 1.5-7.1-3.4-2.4-7.9.4-9 3.9-1 3.1.7 7.1 3.7 8.4-3.7 1.5-4.8 5.9-3.2 9.4 1.5 3.3 8 5.4 9.6 1.1.6-1.7.5-3.3-.7-4.7-.9-1.1-3-1.1-3.8.1-1.8 2.7 2.8 3.4 1.8.5 1-.3 1.7.1 2 1.3.7 2.1-1 4-3.1 4.1-4.1.1-6.6-4.4-5.1-7.9 1.2-2.7 4-3.4 6.7-3.4 0 .9.1 1.8-.2 2.5-.1.3.1.6.4.5 1-.3 1-1.2.9-2.1 0-.3 0-.6-.1-.9 3.1.5 5.5 3.7 6.2 6.6 1.3 5.5-1 10.1-3.8 14.8-2.5 4.2-5.2 8.4-7.6 12.8-1 1.8-1.6 3.8-2.3 5.7-.5 1.4-.9 3.5-.2 4.9 1.4 1.8 3.8 3.3 6 2.2zM-305.1 365.3c-1.9-.9-2.6-3.5-1.1-5.2 1.2-1.4 3.7-2 3.7.5 0 .7-1.1.7-1.1 0 0-1.4-1.2-.3-1.5 0-.5.5-.7 1.4-.7 2 0 1.3 1.4 1.8 2.5 1.8 4.5 0 2.5-5.8 1.8-8.2-.8-2.8-2.6-5.6-4.2-8.1-1.8-2.8-3.4-5.8-5.1-8.6-1.5-2.5-2.8-5.1-3.6-7.9-.7-2.3-.8-5.5.1-7.7 1.2-3 3.2-5.2 5.8-6.2-.5-.2-1.1-.5-1.6-.8-1.7-1.1-3.1-2.9-3.8-4.8-1.9-5-.5-9.9 1.7-14.6 2.9-6.1 7.6-11.1 10.8-17.1 1.3-2.5 2.8-7.2-.3-9-1-.6-2.4-.4-3.3.3-.4.3-.6.8-.7 1.3 0 .4.1.8.3 1.2.3.9.9 1 1.9.5 0-.7 1.1-.7 1.1 0-.1 3.2-3.2 1.7-4.1-.3-1-2 .6-3.8 2.5-4.3 2.6-.7 4.6 1.3 5.2 3.7 1 4-2 8.4-4.1 11.5-5.2 7.7-15.1 18.9-8.9 28.6 1.1 1.7 2.9 2.8 4.8 3.2 0-.8 0-1.6.2-2.4.1-.5.8-.3.9.1.1.8 0 1.6 0 2.4h1.4c3-.2 5.6-2.2 5.7-5.9.1-3-2.4-5.2-5.2-5.6-1.9-.2-3.2 1.3-3.4 3-.1 1.1.4 2 1.2 2.7.2-.1.5-.2.7-.3-.3-.4-.4-.9.1-1.4 1.3-1.1 2.1-.1 2.1 1 0 .3 0 .6-.1.7-.3.7-.9 1.2-2 1.2-3.4-.2-4-5.3-1.5-7.1 3.4-2.4 7.9.4 9 3.9 1 3.1-.7 7.1-3.7 8.4 3.7 1.5 4.8 5.9 3.2 9.4-1.5 3.3-8 5.4-9.6 1.1-.6-1.7-.5-3.3.7-4.7.9-1.1 3-1.1 3.8.1 1.8 2.7-2.8 3.4-1.8.5-1-.3-1.7.1-2 1.3-.7 2.1 1 4 3.1 4.1 4.1.1 6.6-4.4 5.1-7.9-1.2-2.7-4-3.4-6.7-3.4 0 .9-.1 1.8.2 2.5.1.3-.1.6-.4.5-1-.3-1-1.2-.9-2.1 0-.3 0-.6.1-.9-3.1.5-5.5 3.7-6.2 6.6-1.3 5.5 1 10.1 3.8 14.8 2.5 4.2 5.2 8.4 7.6 12.8 1 1.8 1.6 3.8 2.3 5.7.5 1.4.9 3.5.2 4.9-1.4 1.8-3.8 3.3-6 2.2z"
  opacity=".7" />
</svg>

<svg class="robotter" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600" viewBox="0 0 800 600">
  <defs>
    <filter id="f1" x="0" y="0">
      <feGaussianBlur in="SourceGraphic" stdDeviation="3" />
    </filter>
  </defs>
  <g id="gradients">
    <linearGradient id="a" gradientUnits="userSpaceOnUse" x1="403.509" y1="79.596" x2="403.509" y2="356.94">
      <stop offset=".004" stop-color="#FFE691" />
      <stop offset=".537" stop-color="#DAAC67" />
      <stop offset=".631" stop-color="#CFA86B" />
      <stop offset=".774" stop-color="#C7A46F" />
      <stop offset="1" stop-color="#C4A370" />
    </linearGradient>
    <path fill="url(#a)" d="M-16.3 79.6h839.6v277.3H-16.3z" />
    <path fill="url(#a)" d="M-14.1 20.2h839.6v61.4H-14.1z" />
    <linearGradient id="b" gradientUnits="userSpaceOnUse" x1="403.509" y1="356.94" x2="403.509" y2="579.908">
      <stop offset=".004" stop-color="#8A705F" />
      <stop offset=".047" stop-color="#A38361" />
      <stop offset=".102" stop-color="#BB9564" />
      <stop offset=".16" stop-color="#CCA266" />
      <stop offset=".223" stop-color="#D7AA67" />
      <stop offset=".298" stop-color="#DAAC67" />
      <stop offset=".607" stop-color="#857255" />
      <stop offset=".761" stop-color="#60594D" />
      <stop offset=".848" stop-color="#544E45" />
      <stop offset="1" stop-color="#353331" />
    </linearGradient>
    <path fill="url(#b)" d="M-16.3 356.9h839.6v223H-16.3z" />
  </g>
  <radialGradient id="shadow" cx="267.847" cy="452.176" r="185.629" gradientTransform="matrix(1 0 0 .6 0 179.279)" gradientUnits="userSpaceOnUse">
    <stop offset="0" stop-color="#754C24" />
    <stop offset="1" stop-color="#A67C52" stop-opacity="0" />
  </radialGradient>
  <ellipse id="shadow" opacity=".56" fill="url(#shadow)" cx="267.8" cy="450.6" rx="261.7" ry="28.5" />
  <image overflow="visible" width="511" height="222" xlink:href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/28963/AEF7CE6ED7A31478.png" transform="translate(4.498 25.999)" id="shadow" opacity=".36" />
  <g id="back">
    <g id="_x30_">
      <g opacity=".1">
        <path opacity=".5" fill="#563F2F" d="M117.1 360l225.1 50h-32.1L96.9 362.9z" />
        <path opacity=".3" fill="#4C3E32" d="M95.3 361.7l-222.2 61.5 16.9-.8 223-59.5z" />
        <linearGradient id="c" gradientUnits="userSpaceOnUse" x1="105.933" y1="168.139" x2="105.933" y2="364.116">
          <stop offset=".004" stop-color="#C49E89" />
          <stop offset=".256" stop-color="#A77F56" />
          <stop offset=".281" stop-color="#9F7952" />
          <stop offset=".382" stop-color="#856445" />
          <stop offset=".493" stop-color="#70533B" />
          <stop offset=".618" stop-color="#614834" />
          <stop offset=".766" stop-color="#594130" />
          <stop offset="1" stop-color="#563F2F" />
        </linearGradient>
        <path fill="url(#c)" d="M99.9 168.1l-5.2 193.7s11.5 5.7 22.5-.7l-4.2-193H99.9z" />
      </g>
      <g opacity=".1">
        <path opacity=".5" fill="#563F2F" d="M689 366l225 50h-32.1l-213.2-47.1z" />
        <path opacity=".3" fill="#4C3E32" d="M667.1 367.7l-222.2 61.5 16.9-.8 223-59.4z" />
        <path fill="url(#c)" d="M671.7 174.2l-5.2 193.7s11.5 5.7 22.5-.7l-4.1-192.9h-13.2z" />
      </g>
    </g>
    <g id="_x31_" opacity=".53">
      <path opacity=".5" fill="#563F2F" d="M756.2 368.1l281.7 62.6h-40.2l-266.8-59.1z" />
      <path opacity=".3" fill="#4C3E32" d="M728.9 370.1l-278.1 77.1 21.2-1.1 279.1-74.4z" />
      <path fill="url(#c)" d="M734.6 128l-6.5 242.4s14.3 7.1 28.1-.9L751.1 128h-16.5z" />
      <g>
        <path opacity=".5" fill="#563F2F" d="M483.8 369.5l281.7 62.6h-40.2l-266.8-59z" />
        <path opacity=".3" fill="#4C3E32" d="M456.4 371.6l-278 77 21.2-1.1 279.1-74.3z" />
        <path fill="url(#c)" d="M462.2 129.4l-6.5 242.4s14.3 7.1 28.1-.9l-5.2-241.4h-16.4z" />
      </g>
      <g>
        <path opacity=".5" fill="#563F2F" d="M388.2 369.2l281.6 62.6h-40.2l-266.7-59.1z" />
        <path opacity=".3" fill="#4C3E32" d="M360.8 371.2L82.7 448.3l21.2-1.1L383 372.8z" />
        <path fill="url(#c)" d="M366.6 129.1l-6.5 242.4s14.3 7.1 28.1-.9L383 129.1h-16.4z" />
      </g>
    </g>
    <g>
      <g id="_x30_">
        <g opacity=".1">
          <path opacity=".5" fill="#563F2F" d="M1079.1 367l225.1 50h-32.1l-213.2-47.1z" />
          <path opacity=".3" fill="#4C3E32" d="M1057.2 368.7l-222.1 61.5 16.9-.8 223-59.5z" />
          <path fill="url(#c)" d="M1061.9 175.1l-5.2 193.7s11.5 5.7 22.5-.7l-4.1-192.9h-13.2z" />
        </g>
        <g opacity=".1">
          <path opacity=".5" fill="#563F2F" d="M1650.9 373l225.1 50h-32.1l-213.2-47.1z" />
          <path opacity=".3" fill="#4C3E32" d="M1629.1 374.7l-222.2 61.6 16.9-.9 223-59.4z" />
          <path fill="url(#c)" d="M1633.7 181.2l-5.2 193.7s11.5 5.7 22.5-.7l-4.1-192.9h-13.2z" />
        </g>
      </g>
      <g id="_x31_" opacity=".53">
        <path opacity=".5" fill="#563F2F" d="M1718.2 375.1l281.6 62.6h-40.2l-266.7-59.1z" />
        <path opacity=".3" fill="#4C3E32" d="M1690.8 377.2l-278 77 21.1-1.1 279.1-74.3z" />
        <path fill="url(#c)" d="M1696.6 135l-6.5 242.4s14.3 7.1 28.1-.9L1713 135h-16.4z" />
        <g>
          <path opacity=".5" fill="#563F2F" d="M1445.8 376.5l281.6 62.6h-40.2l-266.7-59z" />
          <path opacity=".3" fill="#4C3E32" d="M1418.4 378.6l-278 77 21.1-1.1 279.1-74.3z" />
          <path fill="url(#c)" d="M1424.2 136.4l-6.5 242.4s14.3 7.1 28.1-.9l-5.2-241.4h-16.4z" />
        </g>
        <g>
          <path opacity=".5" fill="#563F2F" d="M1350.1 376.2l281.7 62.6h-40.2l-266.8-59.1z" />
          <path opacity=".3" fill="#4C3E32" d="M1322.8 378.2l-278.1 77.1 21.2-1.1 279.1-74.4z" />
          <path fill="url(#c)" d="M1328.5 136.1l-6.5 242.4s14.3 7.1 28.1-.9l-5.2-241.4h-16.4z" />
        </g>
      </g>
    </g>
  </g>
  <g id="mid-sm">
    <g id="_x32_" opacity=".54">
      <path opacity=".5" fill="#563F2F" d="M649 379.1l364 80.8h-52l-344.7-76.3z" />
      <path opacity=".3" fill="#4C3E32" d="M613.6 381.7l-359.2 99.6 27.3-1.4 360.6-96.1z" />
      <path fill="url(#c)" d="M621.1 68.8L612.7 382s18.5 9.1 36.3-1.2l-6.7-312h-21.2z" />
    </g>
    <g id="floaty" filter="url(#f1)" opacity=".47" fill="#F9DBA4">
      <polygon fill="#F9DBA4" points="665.4,268.2 657.2,269.9 651.6,263.7 654.3,255.7 662.5,254 668,260.3 	" />
      <polygon fill="#F9DBA4" points="691.4,258.2 678.7,260.8 670.1,251.1 674.2,238.8 686.9,236.2 695.5,245.9 	" />
    </g>
    <path opacity=".56" fill="#EBC17D" d="M389.7 74.5l-30.6-17.7-12.4 7-10.8-6.2-10.9 6.1L304.8 52l7.7-3.9L294 37.4l-18.5 10.4 15.1 8.5-12.5 7-9.5-5.5-14.6 8.4-3.9-2.3-30.6 17.2 29.2 16.4 32-16-9-5.2 11.1-5.5 14.7 8.3-17.2 9.7 14.3 8-15.7 8.8 17.7 9.9 19.4-9.7-6.3-3.6 19.7-9.8 11.9 6.7 19.4-9.7-.5-.3 29.5-14.6zm-54.5 3.3l4.3 2.4-9.6 5.4L311.6 75l9.8-4.9 13.7 7.7h.1z"
    />
    <path opacity=".24" fill="#BA8A4A" d="M784.9 103.4l-30.6-17.7-12.4 7-10.8-6.2-10.9 6.1L700 80.9l7.7-3.9-18.5-10.7-18.5 10.4 15.1 8.5-12.5 7-9.5-5.5-14.6 8.3-3.9-2.3-30.6 17.3 29.2 16.4 32-16-9-5.2 11.1-5.5 14.7 8.3-17.2 9.7 14.3 8-15.7 8.8 17.7 9.9 19.4-9.7-6.3-3.6 19.7-9.8 11.9 6.7 19.4-9.7-.5-.3 29.5-14.6zm-54.5 3.3l4.3 2.4-9.6 5.4-18.3-10.5 9.8-4.9 13.7 7.7.1-.1z"
    />
    <path opacity=".26" fill="#44322C" d="M617.7 546.3l-30.6-17.7-12.4 7-10.8-6.2-10.9 6.1-20.3-11.7 7.7-3.9-18.4-10.6-18.5 10.4 15.1 8.5-12.5 7-9.5-5.5L482 538l-3.9-2.3-30.7 17.3 29.2 16.4 32-16-9-5.2 11.1-5.5 14.7 8.3-17.2 9.7 14.3 8-15.7 8.8 17.7 9.9 19.4-9.7-6.3-3.6 19.7-9.8 11.9 6.7 19.4-9.7-.5-.3 29.6-14.7zm-54.5 3.4l4.3 2.4-9.6 5.4-18.4-10.5 9.8-4.9 13.7 7.7.2-.1z"
    />
    <g id="scatter2">
      <g id="lg_hex" opacity=".31" fill="#EAC081">
        <path d="M1502.7 75.5l-36.4 7.5-24.7-27.7 11.7-35.4 36.4-7.5 24.7 27.8zM1532.4 107.4l-21.5 4.4-14.6-16.4 6.9-20.8 21.5-4.5 14.6 16.4z" />
      </g>
      <g id="lg_hex" opacity=".3" fill="#D3A56A">
        <path d="M1869.1 83.7l-36.4 7.5-24.7-27.8 11.7-35.3 36.4-7.5 24.8 27.8zM1898.8 115.5l-21.5 4.5-14.6-16.4 6.9-20.9 21.5-4.4 14.6 16.4z" />
      </g>
      <path opacity=".56" fill="#EBC17D" d="M1821.7 57l-30.6-17.7-12.4 7-10.8-6.2-10.9 6.1-20.3-11.7 7.7-3.9-18.4-10.7-18.5 10.4 15.1 8.5-12.5 7-9.5-5.5-14.6 8.2-3.9-2.3-30.6 17.2 29.2 16.4 32-16-9-5.2 11.1-5.5 14.7 8.3-17.2 9.7 14.3 8-15.7 8.8 17.7 9.9 19.4-9.7-6.3-3.6 19.7-9.8 11.9 6.7 19.4-9.7-.5-.3 29.5-14.4zm-54.5 3.3l4.3 2.4-9.6 5.4-18.3-10.6 9.8-4.9 13.7 7.7h.1z"
      />
      <path opacity=".24" fill="#BA8A4A" d="M2079.5 87.5l-30.6-17.7-12.4 7-10.8-6.2-10.9 6.1-20.2-11.7 7.7-3.9-18.5-10.7-18.5 10.4 15.1 8.5-12.5 7-9.5-5.5-14.6 8.2-3.9-2.3-30.6 17.2 29.2 16.4 32-16-9-5.2 11.1-5.5 14.7 8.3-17.2 9.7 14.3 8-15.7 8.8 17.7 9.9 19.4-9.7-6.3-3.6 19.7-9.8 11.9 6.7 19.4-9.7-.5-.3 29.5-14.4zm-54.5 3.4l4.3 2.4-9.6 5.4-18.3-10.6 9.8-4.9 13.7 7.7h.1z"
      />
      <path opacity=".26" fill="#44322C" d="M1887.7 545.4l-30.6-17.7-12.4 7-10.8-6.2-10.9 6.1-20.3-11.7 7.7-3.9-18.5-10.7-18.5 10.4 15.1 8.5-12.5 7-9.5-5.5-14.5 8.3-3.9-2.3-30.6 17.2 29.2 16.4 32-16-9-5.2 11.1-5.5 14.7 8.3-17.2 9.7 14.3 8-15.7 8.8 17.7 9.9 19.4-9.7-6.3-3.6 19.7-9.8 11.9 6.7 19.4-9.7-.5-.3 29.5-14.5zm-54.5 3.3l4.3 2.4-9.6 5.4-18.3-10.6 9.8-4.9 13.7 7.7h.1z"
      />
    </g>
    <g id="scatter">
      <g id="lg_hex" opacity=".31" fill="#EAC081">
        <path d="M941.7 77l-36.4 7.5-24.7-27.7 11.7-35.4 36.4-7.5 24.7 27.8zM971.4 108.9l-21.5 4.4-14.6-16.4 6.9-20.8 21.5-4.5L978.3 88z" />
      </g>
      <g id="lg_hex" opacity=".3" fill="#D3A56A">
        <path d="M1338.1 85.2l-36.4 7.5-24.7-27.8 11.7-35.3 36.4-7.5 24.7 27.8zM1367.8 117l-21.5 4.5-14.6-16.4 6.9-20.9 21.5-4.4 14.6 16.4z" />
      </g>
      <path opacity=".56" fill="#EBC17D" d="M1260.7 58.5l-30.6-17.7-12.4 7-10.8-6.2-10.9 6.1-20.2-11.7 7.7-3.9-18.5-10.7-18.5 10.4 15.1 8.5-12.5 7-9.5-5.5L1125 50l-3.9-2.3-30.6 17.2 29.2 16.4 32-16-9-5.2 11.1-5.5 14.7 8.3-17.2 9.7 14.3 8-15.7 8.8 17.7 9.9 19.4-9.7-6.3-3.6 19.7-9.8 11.9 6.7 19.4-9.7-.5-.3 29.5-14.4zm-54.5 3.3l4.3 2.4-9.6 5.4-18.3-10.6 9.8-4.9 13.7 7.7h.1z"
      />
      <path opacity=".24" fill="#BA8A4A" d="M1540.4 94.9l-30.6-17.7-12.4 7-10.8-6.2-10.9 6.1-20.3-11.7 7.7-3.9-18.5-10.7-18.5 10.4 15.1 8.5-12.5 7-9.5-5.5-14.6 8.2-3.9-2.3-30.6 17.2 29.2 16.4 32-16-9-5.2 11.1-5.5 14.7 8.3-17.2 9.7 14.3 8-15.7 8.8 17.7 9.9 19.4-9.7-6.3-3.6 19.7-9.8 11.9 6.7 19.4-9.7-.5-.3 29.6-14.4zm-54.5 3.3l4.3 2.4-9.6 5.4-18.3-10.6 9.8-4.9 13.7 7.7h.1z"
      />
      <path opacity=".26" fill="#44322C" d="M1488.6 530.4l-30.6-17.7-12.4 7-10.8-6.2-10.9 6.1-20.3-11.7 7.7-3.9-18.5-10.7-18.5 10.4 15.1 8.5-12.5 7-9.5-5.5-14.6 8.2-3.9-2.3-30.6 17.2 29.2 16.4 32-16-9-5.2 11.1-5.5 14.7 8.3-17.2 9.7 14.3 8-15.7 8.8 17.7 9.9 19.4-9.7-6.3-3.6 19.7-9.8 11.9 6.7 19.4-9.7-.5-.3 29.6-14.4zm-54.4 3.3l4.3 2.4-9.6 5.4-18.3-10.6 9.8-4.9 13.7 7.7h.1z"
      />
      <g id="small_hex" fill="#44322C">
        <path d="M589.3 573.2l-8.2 1.7-5.5-6.2 2.6-8 8.2-1.7 5.6 6.3zM615.3 563.2l-12.6 2.6-8.6-9.7 4-12.2 12.7-2.7 8.6 9.7z" />
      </g>
      <g id="lg_hex" opacity=".31" fill="#EAC081">
        <path d="M70.7 93l-36.4 7.5L9.6 72.7l11.7-35.3 36.4-7.5 24.7 27.8zM100.4 124.8l-21.5 4.5-14.6-16.4 6.9-20.8 21.5-4.5 14.6 16.4z" />
      </g>
      <g id="med_hex">
        <path fill="#EAC081" d="M449.7 129.9l-16.1 3.4-10.9-12.3 5.2-15.6 16.1-3.3 10.9 12.3zM500.7 110.3l-24.9 5.1-16.8-19 8-24.1 24.8-5.1 16.9 19z" />
        <image overflow="visible" width="578" height="124" xlink:href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/28963/AEF7CE6ED7A31474.png" transform="translate(375 4)" id="shadow" opacity=".42" />
      </g>
      <g id="_x33_" opacity=".61">
        <path opacity=".5" fill="#563F2F" d="M302.1 392.7l451 100.2h-64.4l-427.1-94.5z" />
        <path opacity=".3" fill="#4C3E32" d="M258.2 396L-187 519.4l33.9-1.8 446.9-119z" />
        <path fill="url(#c)" d="M267.5 8.2l-10.4 388.1s23 11.3 45-1.5L293.8 8.2h-26.3z" />
        <g>
          <path opacity=".5" fill="#563F2F" d="M524.5 389.8l408.6 90.7h-58.3l-387-85.6z" />
          <path opacity=".3" fill="#4C3E32" d="M484.8 392.8L81.5 504.5l30.7-1.6 404.9-107.8z" />
          <path fill="url(#c)" d="M493.2 41.5L483.8 393s20.8 10.3 40.8-1.4l-7.5-350.2h-23.9z" />
        </g>
        <g>
          <path opacity=".5" fill="#563F2F" d="M88 393.4l395.8 87.9h-56.5l-374.9-83z" />
          <path opacity=".3" fill="#4C3E32" d="M49.5 396.2l-390.7 108.3 29.7-1.5L80.7 398.5z" />
          <path fill="url(#SVGID_16_)" d="M57.6 55.9l-9.2 340.6s20.1 9.9 39.5-1.3L80.7 55.9H57.6z" />
        </g>
        <g>
          <path opacity=".5" fill="#563F2F" d="M790.2 385l363.9 80.9h-52l-344.6-76.3z" />
          <path opacity=".3" fill="#4C3E32" d="M754.8 387.7l-359.3 99.6 27.4-1.5 360.6-96z" />
          <path fill="url(#c)" d="M762.3 74.8L753.9 388s18.5 9.1 36.3-1.2l-6.7-312h-21.2z" />
        </g>
      </g>
      <g id="_x33_" opacity=".61">
        <path opacity=".5" fill="#563F2F" d="M1335 395.7l451 100.2h-64.3l-427.2-94.5z" />
        <path opacity=".3" fill="#4C3E32" d="M1291.2 399L846 522.4l33.9-1.8 446.9-119z" />
        <path fill="url(#c)" d="M1300.5 11.2l-10.4 388.1s23 11.3 45-1.5l-8.3-386.6h-26.3z" />
        <g>
          <path opacity=".5" fill="#563F2F" d="M1557.5 392.8l408.6 90.7h-58.4l-386.9-85.6z" />
          <path opacity=".3" fill="#4C3E32" d="M1517.8 395.8l-403.3 111.7 30.7-1.6L1550 398.1z" />
          <path fill="url(#c)" d="M1526.2 44.5l-9.5 351.6s20.8 10.3 40.8-1.4L1550 44.5h-23.8z" />
        </g>
        <g>
          <path opacity=".5" fill="#563F2F" d="M1120.9 396.4l395.9 87.9h-56.5l-374.9-83z" />
          <path opacity=".3" fill="#4C3E32" d="M1082.5 399.2L691.7 507.5l29.8-1.5 392.2-104.5z" />
          <path fill="url(#c)" d="M1090.6 58.9l-9.2 340.6s20.1 9.9 39.5-1.3l-7.3-339.3h-23z" />
        </g>
        <g>
          <path opacity=".5" fill="#563F2F" d="M1823.1 388l364 80.9h-52l-344.7-76.3z" />
          <path opacity=".3" fill="#4C3E32" d="M1787.8 390.7l-359.3 99.6 27.3-1.5 360.7-96z" />
          <path fill="url(#c)" d="M1795.3 77.8l-8.4 313.2s18.5 9.1 36.3-1.2l-6.7-312h-21.2z" />
        </g>
      </g>
    </g>
    <g id="mid">
      <path opacity=".5" fill="#563F2F" d="M68.5 435.6l551.3 122.5h-78.7L19 442.5z" />
      <path opacity=".3" fill="#4C3E32" d="M15 439.6l-544.3 150.8 41.5-2.1L58.4 442.8z" />
      <path fill="url(#c)" d="M26.3-34.4L13.5 440s28.1 13.8 55-1.8L58.4-34.4H26.3z" />
      <path opacity=".5" fill="#563F2F" d="M587.9 416.1l551.3 122.5h-78.7L538.4 423.1z" />
      <path opacity=".3" fill="#4C3E32" d="M534.3 420.1L-9.9 571l41.4-2.2 546.3-145.5z" />
      <path fill="url(#c)" d="M545.6-53.9l-12.8 474.4s28.1 13.8 55-1.8l-10-472.6h-32.2z" />
      <path opacity=".5" fill="#563F2F" d="M1036 445.2l551.3 122.4h-78.7L986.5 452.1z" />
      <path opacity=".3" fill="#4C3E32" d="M982.4 449.2L438.2 600l41.4-2.1 546.3-145.6z" />
      <path fill="url(#c)" d="M993.8-24.8L981 449.5s28.1 13.8 55-1.8l-10.1-472.6h-32.1z" />
      <g>
        <path opacity=".5" fill="#563F2F" d="M1555.3 425.7l551.4 122.5H2028l-522.2-115.6z" />
        <path opacity=".3" fill="#4C3E32" d="M1501.8 429.7L957.6 580.5l41.4-2.1 546.3-145.6z" />
        <path fill="url(#c)" d="M1513.1-44.3l-12.8 474.4s28.1 13.8 55-1.8l-10.1-472.6h-32.1z" />
      </g>
      <g id="hexes">
        <g id="small_hex" fill="#EAC081">
          <path d="M732.2 117.3L724 119l-5.5-6.3 2.6-7.9 8.2-1.7 5.5 6.2zM758.2 107.3l-12.7 2.6-8.6-9.7 4.1-12.3 12.7-2.6 8.6 9.7z" />
        </g>
        <g id="lg_hex" opacity=".44" fill="#D3A56A">
          <path d="M751.5 86.8l-36.4 7.5-24.7-27.8 11.7-35.3 36.4-7.5 24.7 27.8zM781.2 118.6l-21.5 4.5-14.6-16.4 6.9-20.8 21.5-4.5 14.6 16.4z" />
        </g>
        <g id="small_hex" fill="#C18A40">
          <path d="M610.1 80.1l-8.2 1.7-5.5-6.3 2.6-7.9 8.2-1.7 5.5 6.2zM636.1 70l-12.7 2.7-8.6-9.7 4.1-12.3 12.7-2.6 8.6 9.7z" />
        </g>
        <path fill="#F4BB8C" d="M511.4 53.2l-8.2 1.7-5.5-6.2 2.6-8 8.2-1.6 5.5 6.2zM537.4 43.2l-12.6 2.6-8.7-9.7 4.1-12.2 12.7-2.7 8.6 9.7z" />
        <g id="small_hex" fill="#BA8A4A">
          <path d="M467.2 53.2l-8.2 1.7-5.5-6.2 2.6-8 8.2-1.6 5.6 6.2zM493.2 43.2l-12.6 2.6-8.6-9.7 4-12.2 12.7-2.7 8.6 9.7z" />
        </g>
        <g id="small_hex" fill="#BA8A4A">
          <path d="M80.5 48.8l-8.1 1.7-5.6-6.2 2.6-8 8.2-1.6 5.6 6.2zM106.6 38.8l-12.7 2.6-8.6-9.6 4.1-12.3 12.6-2.7 8.6 9.7z" />
        </g>
        <g id="small_hex" opacity=".47" fill="#F9DBA4">
          <path d="M665.1 204.6l-8.2 1.7-5.6-6.2 2.7-7.9 8.1-1.7 5.6 6.2zM691.1 194.6l-12.7 2.6-8.6-9.6 4.1-12.3 12.7-2.6 8.6 9.6z" />
        </g>
      </g>
      <g id="hexes">
        <g id="small_hex" fill="#EAC081">
          <path d="M1743.2 142.3l-8.2 1.7-5.5-6.3 2.6-7.9 8.2-1.7 5.5 6.3zM1769.2 132.3l-12.7 2.6-8.6-9.7 4.1-12.3 12.7-2.6 8.6 9.7z" />
        </g>
        <g id="lg_hex" opacity=".44" fill="#D3A56A">
          <path d="M1762.5 111.8l-36.4 7.6-24.7-27.8 11.7-35.4 36.4-7.5 24.7 27.8zM1792.2 143.7l-21.5 4.4-14.6-16.4 6.9-20.8 21.5-4.5 14.6 16.4z" />
        </g>
        <g id="small_hex" fill="#C18A40">
          <path d="M1348.1 127.6l-8.2 1.7-5.5-6.3 2.6-7.9 8.2-1.7 5.5 6.3zM1374.1 117.6l-12.7 2.6-8.6-9.7 4.1-12.3 12.7-2.6 8.6 9.7z" />
        </g>
        <path fill="#F4BB8C" d="M1522.4 78.3l-8.2 1.6-5.5-6.2 2.6-7.9 8.2-1.7 5.5 6.2zM1444.9 135.7l-12.7 2.6-8.6-9.6 4.1-12.3 12.7-2.6 8.6 9.6z" />
        <g id="small_hex" fill="#BA8A4A">
          <path d="M1428.7 57.3l-8.2 1.6-5.5-6.2 2.6-7.9 8.2-1.7 5.6 6.2zM1454.7 47.2l-12.6 2.6-8.6-9.6 4-12.3 12.7-2.6 8.6 9.6z" />
        </g>
        <g id="small_hex" fill="#BA8A4A">
          <path d="M1091.5 73.9l-8.2 1.6-5.5-6.2 2.6-7.9 8.2-1.7 5.6 6.2zM1117.6 63.8l-12.7 2.6-8.6-9.6 4-12.3 12.7-2.6 8.6 9.6z" />
        </g>
        <g id="small_hex" opacity=".47" fill="#F9DBA4">
          <path d="M1676.1 229.7l-8.2 1.7-5.6-6.3 2.7-7.9 8.1-1.7 5.6 6.2zM1702.1 219.6l-12.7 2.6-8.6-9.6 4.1-12.3 12.7-2.6 8.6 9.6z" />
        </g>
      </g>
      <g id="lg_hex" opacity=".3" fill="#D3A56A">
        <path d="M467.2 101.2l-36.5 7.5L406 80.9l11.7-35.3 36.4-7.5 24.8 27.8zM496.8 133l-21.5 4.4-14.6-16.4 6.9-20.8 21.5-4.4 14.6 16.4z" />
      </g>
    </g>
  </g>

  <image overflow="visible" width="117" height="106" xlink:href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/28963/AEF7CE6ED7A31479.png" transform="translate(625.502 472.5)" id="small_hex" />
  <image overflow="visible" width="550" height="567" xlink:href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/28963/AEF7CE6ED7A31475.png" transform="translate(241 -27)" id="light" opacity=".33" />
  <g id="purple">
    <path fill="#684A5C" d="M373.6 357.8s-26-31.6 12.5-47.3c0 0 27.5-8.4 37.4 7 0 0 14.7 21.3 17.2 40.4 0 0-1.1 18.3-31.2 17 0-.1-23.8 1.2-35.9-17.1z" />
    <path opacity=".2" fill="#422034" d="M438.2 362.3s-10 14.7-26.4 11.9c-16.4-2.8-17.8-4.8-13.8-8.3 4.1-3.6 24.3 5.4 34.1-4.6s6.1 1 6.1 1z" />
    <path fill="#422034" d="M432 339.1s-24-.4-26.1 8.1c-2.1 8.4 3.9 11 3.9 11s9.7 1.5 12.4-7c2.7-8.4 13.4-2.5 13.4-2.5s4 3.9 3.5 1.8c-.4-2-2.4-11.6-7.1-11.4z" />
    <path fill="#422034" d="M443.5 339s-8.8-4.1-16.3 2.1c0 0-9.6 6-4.4 5.7 5.2-.4 19.5-2.3 20.7-7.8zM428.4 364s6.8-3.7 8.4-1.8c0 0-2.2 6.2-8.4 1.8z" />
    <path fill="none" stroke="#190A12" stroke-miterlimit="10" d="M386 311.1s22.9-5.4 31 9.5c0 0 22.9 35.3 17.6 42.5 0 0-8.6 11.1-20 11.1" />
    <path fill="#FFF" d="M417.1 348.6c.5 1.8.3 3.5-.6 3.8-.9.3-2-.9-2.6-2.6s-.3-3.5.6-3.8c.9-.3 2 .8 2.6 2.6z" />
    <ellipse transform="matrix(.947 -.321 .321 .947 -87.535 157.672)" fill="#FFF" cx="435.3" cy="344.8" rx="1" ry="1.8" />
    <path fill="#54404C" d="M368.2 342.2s-3.7-14 7-22.6c10.8-8.5 12.8-8.4 12.8-4s-16.7 12-15.8 23.4c.9 11.4-4 3.2-4 3.2z" />
    <ellipse transform="matrix(.805 -.594 .594 .805 -111.995 307.255)" opacity=".33" fill="#AA9BA5" cx="410.9" cy="323.8" rx="4" ry="6.2" />
    <path fill="#422034" d="M357 353.7s6.9-9.4 18.3-7.2c0 0 13.5.8 7.9 3.4s-21.8 9.1-26.2 3.8z" />
    <path fill="#49333F" d="M357.2 352.8s4.6-6.2 12.1-4.8c0 0 9 .5 5.2 2.3-3.6 1.8-14.4 5.9-17.3 2.5z" />
    <path fill="none" stroke="#190A12" stroke-miterlimit="10" d="M415.5 312.7s5-16.2 11.1-17.3" />
    <path fill="none" stroke="#190A12" stroke-width="2" stroke-miterlimit="10" d="M379.2 320.2s-6.3-21.7-20.6-22.6" />
    <path fill="#422034" d="M405.7 423.3s4.1-5.9 10.3 0c0 0 1.1 5.6-1.7 8.6-2.7 3.1-5.4.8-5.4.8s-6-6.5-3.2-9.4z" />
    <path fill="#684A5C" d="M391.3 387s14.9-21.2 37.1 0c0 0 3.8 20.1-6 31.1s-19.5 2.8-19.5 2.8-21.5-23.4-11.6-33.9z" />
    <path fill="none" stroke="#190A12" stroke-miterlimit="10" d="M400.5 379.5s19.8-.5 21.8 10c0 0 8.8 23.1-8.8 34.1" />
    <path fill="#54404C" d="M391.9 400.6s-2.2-9.1 4.1-14.6 7.5-5.4 7.5-2.6c0 2.9-9.8 7.8-9.3 15.2s-2.3 2-2.3 2z" />
    <ellipse opacity=".33" fill="#AA9BA5" cx="418.2" cy="398.6" rx="4" ry="6.2" />
    <ellipse opacity=".43" fill="#422034" cx="409.3" cy="385.2" rx="11.7" ry="6.5" />
  </g>
  <ellipse id="pshadow" opacity=".5" fill="#663755" cx="411" cy="455.7" rx="22.4" ry="4.5" />
  <g id="teal">
    <path fill="#617F7F" d="M308.8 372.2s-25.2-30.6 12.1-45.8c0 0 26.6-8.2 36.2 6.8 0 0 14.2 20.6 16.7 39.1 0 0-1.1 17.7-30.2 16.5.1-.1-23 1.2-34.8-16.6z" />
    <path opacity=".2" fill="#422034" d="M371.4 376.6s-9.7 14.2-25.5 11.5c-15.9-2.7-17.3-4.6-13.3-8.1s23.6 5.2 33-4.4c9.5-9.7 5.8 1 5.8 1z" />
    <path fill="#26514E" d="M365.5 354.1s-23.2-.4-25.3 7.8c-2 8.2 3.8 10.7 3.8 10.7s9.4 1.4 12-6.8c2.6-8.2 13-2.4 13-2.4s3.9 3.7 3.4 1.8-2.4-11.2-6.9-11.1z" />
    <path fill="#26514E" d="M376.6 354s-8.6-4-15.8 2c0 0-9.3 5.8-4.3 5.5 5-.3 19-2.1 20.1-7.5z" />
    <path opacity=".83" fill="none" stroke="#26514E" stroke-miterlimit="10" d="M320.9 327s22.2-5.2 30 9.2c0 0 22.2 34.1 17.1 41.2 0 0-8.4 10.8-19.3 10.8" />
    <path fill="#FFF" d="M351 363.4c.5 1.7.3 3.4-.6 3.7s-2-.8-2.5-2.5-.3-3.4.6-3.7c.8-.4 2 .7 2.5 2.5z" />
    <ellipse transform="matrix(.947 -.321 .321 .947 -95.814 137.096)" fill="#FFF" cx="368.6" cy="359.7" rx=".9" ry="1.8" />
    <path opacity=".45" fill="#61918E" d="M303.7 357.1s-3.6-13.6 6.8-21.9c10.4-8.3 12.4-8.1 12.4-3.8s-16.2 11.7-15.4 22.7-3.8 3-3.8 3z" />
    <ellipse opacity=".45" fill="#B8C9C7" cx="314.4" cy="344.6" rx="3.8" ry="6" />
    <path fill="#26514E" d="M292.8 368.3s6.7-9.1 17.7-7c0 0 13.1.7 7.7 3.3-5.4 2.6-21.2 8.8-25.4 3.7z" />
    <path fill="#61918E" d="M293 367.4s4.4-6 11.7-4.6c0 0 8.7.5 5.1 2.2s-13.9 5.8-16.8 2.4z" />
    <path fill="none" stroke="#26514E" stroke-miterlimit="10" d="M349.5 328.5s4.9-15.7 10.7-16.7" />
    <path fill="none" stroke="#26514E" stroke-width="2" stroke-miterlimit="10" d="M314.4 335.8s-6.1-21.1-20-21.9" />
    <path fill="#26514E" d="M340 435.7s4-5.7 10 0c0 0 1 5.4-1.6 8.4s-5.3.7-5.3.7-5.8-6.3-3.1-9.1z" />
    <path fill="#617F7F" d="M326.1 400.6s14.4-20.5 35.9 0c0 0 3.7 19.5-5.8 30.1-9.5 10.7-18.9 2.7-18.9 2.7s-20.8-22.7-11.2-32.8z" />
    <path opacity=".83" fill="none" stroke="#26514E" stroke-miterlimit="10" d="M335 393.3s19.2-.5 21.1 9.7c0 0 8.6 22.4-8.5 33" />
    <path opacity=".45" fill="#61918E" d="M326.6 413.7s-2.1-8.8 4-14.2c6.1-5.4 7.3-5.3 7.3-2.5s-9.5 7.6-9 14.7-2.3 2-2.3 2z" />
    <ellipse opacity=".45" fill="#B8C9C7" cx="330.9" cy="409.7" rx="3.8" ry="6" />
    <ellipse opacity=".49" fill="#26514E" cx="343.5" cy="398.8" rx="11.4" ry="6.3" />
    <path fill="#193835" d="M362 378.3s6.6-3.6 8.2-1.8c-.1 0-2.2 6-8.2 1.8z" />
  </g>
  <ellipse id="tshadow" opacity=".5" fill="#422034" cx="345.2" cy="467" rx="21.7" ry="4.4" />
  <g id="heartopacity">
    <g id="heart" opacity=".83">
      <path fill="#FEFEFE" d="M371.1 276.4h1.7c.1 0 .2 0 .2-.2v-1.7h1.6c.2 0 .2 0 .2-.2v-1.6h1.6c.2 0 .2 0 .2-.2v-3.2c0-.2.1-.2.2-.2h1.4c.1 0 .2 0 .2-.2v-7c0-.1 0-.2-.2-.2h-1.7V260c0-.1 0-.2-.1-.2h-1.7v-1.7c0-.1 0-.2-.2-.2h-1.7v-1.6c0-.1 0-.2-.2-.2h-5.1c-.2 0-.2.1-.2.2v1.6h-1.6c-.2 0-.2 0-.2.2v1.6h-3.7V258c0-.1 0-.2-.2-.2H360v-1.7c0-.1 0-.1-.1-.1h-5.2c-.1 0-.1 0-.1.1v1.7h-1.7c-.1 0-.2 0-.2.2v1.5c0 .1 0 .2-.2.2H351c-.1 0-.1 0-.1.2v1.7h-1.6c-.2 0-.2 0-.2.2v7c0 .1 0 .1.1.1h1.7v3.5c0 .1 0 .2.2.2h1.7V274.2c0 .1 0 .2.2.2h1.7v1.7c0 .2 0 .2.2.2h1.6v1.7c0 .1 0 .2.2.2h1.5c.2 0 .2.1.2.2v1.4c0 .2 0 .2.2.2h1.6v1.7c0 .1 0 .1.1.1h1.7v1.7c0 .1 0 .2.1.2h3.4c.1 0 .1 0 .1-.2v-1.7h1.7c.1 0 .2 0 .2-.1V280h1.7c.2 0 .2 0 .2-.2v-1.7h1.7c.1 0 .1 0 .1-.2-.1-.4-.1-.9-.1-1.5z"
      />
      <path fill="#EF0024" d="M354.7 274.6v-1.7c0-.1 0-.2-.2-.2h-1.7v-3.5c0-.1-.1-.1-.2-.1h-1.7v-7.3h1.8v5.4c0 .1.1.1.1.1h1.6c.1 0 .1 0 .1-.1v-1.7-1.8h1.6c.1 0 .2 0 .2-.2v-1.6h3.5c.1 0 .2 0 .2-.2v-1.6h1.8v1.7c0 .1 0 .2.2.2h3.4c.1 0 .2 0 .2-.2v-1.7h1.7c.1 0 .2 0 .2-.1v-1.7h3.7v1.7c0 .1 0 .2.1.2h1.7V266c0 .2-.1.4 0 .6v.4c0 .3-.1.7 0 1v1.3h-1.6c-.2 0-.2.1-.2.2v3.4h-1.6c-.1 0-.2 0-.2.2v1.7h-1.7c-.1 0-.2 0-.2.2v1.6h-1.6c-.1 0-.2 0-.2.2v1.6h-1.6c-.1 0-.2 0-.2.2v1.7h-3.6v-1.7c0-.1 0-.2-.2-.2h-1.4c-.2 0-.2-.1-.2-.2v-1.4c0-.1 0-.2-.2-.2h-1.7V275c0-.2-.1-.2-.2-.2-.7-.2-1.2-.2-1.7-.2z"
      />
      <path fill="#010000" d="M376.6 261.8h1.7c.2 0 .2 0 .2.2v7c0 .1 0 .2-.2.2h-1.4c-.2 0-.2 0-.2.2v3.2c0 .2-.1.2-.2.2h-1.6v-1.9-1.7h1.6c.1 0 .2 0 .2-.2v-.6c-.1-2.2-.1-4.4-.1-6.6zM351 261.8v7.3h-1.7c-.1 0-.1 0-.1-.1v-.1-6.9c0-.2 0-.2.2-.2h1.6zM354.7 258.1v-1.7c0-.1 0-.1.1-.1h5.2c.1 0 .1 0 .1.1v1.7h-5.4zM371.1 258.1h-3.7v-1.6c0-.2 0-.2.2-.2h5.1c.1 0 .2 0 .2.2v1.6h-1.8zM352.8 261.8H351v-1.7c0-.1 0-.2.1-.2h1.5c.1 0 .2 0 .2-.2v-1.5c0-.1 0-.2.2-.2h1.7v1.8h-1.6c-.2 0-.2 0-.2.2-.1.7-.1 1.2-.1 1.8zM356.5 276.4h1.7c.2 0 .2.1.2.2v1.4c0 .2 0 .2.2.2h1.4c.2 0 .2 0 .2.2v1.7h-1.6c-.2 0-.2 0-.2-.2v-1.4c0-.2 0-.2-.2-.2h-1.5c-.1 0-.2 0-.2-.2v-1.7zM365.6 281.9v1.7c0 .1 0 .2-.1.2h-3.4c-.1 0-.1 0-.1-.2v-1.7H365.6zM351 269.1h1.7c.1 0 .2 0 .2.1v3.5h-1.7c-.1 0-.2 0-.2-.2v-3.4zM365.6 259.9v1.7c0 .1 0 .2-.2.2H362c-.1 0-.2 0-.2-.2v-1.7h3.8zM369.3 278.2v1.7c0 .2 0 .2-.2.2h-1.7v-1.8c.7-.1 1.3-.1 1.9-.1zM372.9 258.1h1.7c.1 0 .2 0 .2.2v1.7H373c-.1-.7-.1-1.3-.1-1.9zM374.8 272.7v1.6c0 .2-.1.2-.2.2H373v-1.8h1.8z"
      />
      <path fill="#010000" d="M362 260h-1.8v-1.8h1.6c.2 0 .2 0 .2.2v1.6zM367.5 258.1v1.7c0 .1-.1.1-.2.1h-1.7v-1.6c0-.2.1-.2.2-.2h1.7z" />
      <path fill="#B8001B" d="M372.9 272.7v1.8h-1.8v-1.9c.6.1 1.2.1 1.8.1z" />
      <path fill="#010000" d="M352.8 272.7h1.7c.1 0 .2 0 .2.2v1.7H353c-.1 0-.2 0-.2-.2V273v-.3zM374.8 259.9h1.7c.1 0 .1.1.1.2v1.7h-1.8v-1.9c0 .1 0 0 0 0zM367.5 280.1v1.7c0 .1-.1.1-.2.1h-1.7v-1.8h1.9zM360.1 280.1h1.8v1.8h-1.7c-.1 0-.2 0-.1-.1.1-.6 0-1.2 0-1.7zM371.1 276.4v1.7c0 .1 0 .2-.1.2h-1.7v-1.8c.6-.1 1.2-.1 1.8-.1z"
      />
      <path fill="#010000" d="M371.1 274.6h1.8v1.7c0 .1 0 .2-.2.2H371c.1-.7.1-1.3.1-1.9zM354.7 274.6h1.6c.2 0 .2 0 .2.2v1.6h-1.6c-.1 0-.2 0-.2-.2v-1.6z" />
      <path fill="#DA0021" d="M374.8 260v9.1H373v-1.3-1-.4c0-.2.1-.4 0-.6-.1-.4 0-.9 0-1.3 0-.3-.1-.6 0-.9v-1.2-1.6-.8c.6-.1 1.2-.1 1.8 0zM372.9 272.7h-1.8v-3.4c0-.2 0-.2.2-.2h1.6v3.6z" />
      <path fill="#FEFEFE" d="M352.8 265.4v-1.8h1.8v1.8h-1.8z" />
      <path fill="#EF4C64" d="M352.8 265.4h1.8v1.7c0 .1 0 .1-.1.1h-1.6c-.1 0-.1 0-.1-.1v-1.7z" />
      <path fill="#DA0021" d="M362 281.9v-1.8h1.8v1.8H362zM363.8 280.1v-1.7c0-.1 0-.2.2-.2h1.6v1.9h-1.8zM367.4 276.4v-1.6c0-.1 0-.2.2-.2h1.7v1.8h-1.9zM371.1 272.7v1.9h-1.8v-1.7c0-.1 0-.2.2-.2h1.6zM372.9 258.1v1.8h-1.7c-.1 0-.1-.1-.1-.2V258c.6.1 1.2.1 1.8.1z"
      />
      <path fill="#EF4C64" d="M360.2 259.9v1.6c0 .1 0 .2-.2.2h-1.7v-1.8h1.9zM354.7 263.6h-1.8v-1.1-.8h1.9c-.1.7-.1 1.3-.1 1.9z" />
      <path fill="#FEFEFE" d="M354.7 263.6v-1.8h1.8v1.6c0 .1 0 .2-.2.2h-1.6zM358.3 259.9v1.8h-1.8v-1.8c.6.1 1.2.1 1.8 0z" />
      <path fill="#DA0021" d="M365.6 278.2v-1.6c0-.1 0-.2.2-.2h1.6v1.8h-1.8z" />
      <path fill="#B8001B" d="M374.8 269.1V268v-6.2h1.8V269c0 .1 0 .2-.2.2-.5-.1-1.1-.1-1.6-.1zM372.9 272.7v-2.1-1.3-.2h1.8V272.7h-1.8z" />
      <path fill="#EF0024" d="M358.3 259.9h-3.6v-1.8h5.5v1.8h-1.9zM354.7 261.8h-1.9v-1.6c0-.2 0-.2.2-.2h1.6c.1.6.1 1.2.1 1.8z" />
      <path fill="#B8001B" d="M363.8 280.1h1.8v1.8h-1.8v-1.8zM365.6 278.2h1.8v1.8h-1.8v-1.8zM367.5 278.2v-1.8h1.9v1.8h-1.9z" />
      <path fill="#B8001B" d="M369.3 274.6h1.8v1.8h-1.8v-1.8z" />
      <path fill="#EF4C64" d="M354.7 261.8V260h1.8v1.8h-1.8z" />
    </g>
  </g>
  <g id="big_ones" fill="#44322C">
    <path id="big_one" d="M230 13.7L245.5 605H120.4L139 13.7z" />
    <path id="big_one" d="M906.5 8.7L922 600H796.9L815.5 8.7z" />
    <path id="big_one" d="M1655 10.7l15.4 591.4h-125.1L1564 10.7z" />
  </g>
  <path id="blackbottom" fill="#231815" d="M-27.4 573.1h852v31.5h-852z" />
  <path id="blacktop" fill="#231815" d="M-12.4-2.9h841.5v27H-12.4z" />
  <g id="spikedown" fill="#231815">
    <g id="triangle_bottom">
      <path d="M81.9 587.4l24-136 24.1 136zM618.3 593.7l24-136 24.1 136zM434.4 587.4l16.3-91.7 16.2 91.7zM467.6 587.5l7.8-44 7.8 44zM730 593.8l10.4-58.8 10.4 58.8z" />
    </g>
    <g id="triangle_bottom">
      <path d="M878.8 588.4l24.1-136 24.1 136zM1415.3 594.7l24-136 24.1 136zM1231.4 588.4l16.2-91.7 16.3 91.7zM1264.6 588.5l7.8-44 7.8 44zM1526.9 594.8l10.5-58.8 10.4 58.8z" />
    </g>
  </g>
  <g id="spikeup">
    <g id="triangle_top">
      <path fill="#4C3732" d="M732.7 10.9l-24.1 59.2-24.1-59.2z" />
      <path fill="#231815" d="M196.3 8.1l-24.1 59.2-24.1-59.2zM380.1 10.9l-16.2 39.9-16.2-39.9zM346.9 10.8L339.1 30l-7.7-19.2zM84.6 8.1L74.2 33.7 63.7 8.1z" />
    </g>
    <g id="triangle_top">
      <path fill="#4C3732" d="M1544.2 21.9l-24.1 59.2-24.1-59.2z" />
      <path fill="#231815" d="M1007.8 19.1l-24.1 59.2-24.1-59.2zM1191.6 21.9l-16.2 39.9-16.3-39.9zM1158.4 21.8l-7.8 19.2-7.8-19.2zM896.1 19.1l-10.5 25.6-10.4-25.6z" />
    </g>
  </g>
</svg>
body {
    background: black;
    overflow: hidden;
}

.robotter {
  position: absolute;
  left: 50%;
  margin-left: -400px;
  animation: fadeout 1.5s 10s ease-in both;
}

.fin {
  position: absolute;
  top: 100px;
  left: 45%;
  z-index: -1;
}

#mid {
    animation: bkmove 45s linear infinite;
    animation-iteration-count: 3;
}

#mid-sm {
    animation: bkmove 50s linear infinite;
    animation-iteration-count: 3;
    opacity: 0.8;
}

#back {
    opacity: 0.8;
    animation: bkmove 70s linear infinite;
    animation-iteration-count: 3;
}

#spikedown, #spikeup, #big_one {
    animation: bkmove 20s linear infinite;
    animation-iteration-count: 5;
}

#teal {
 animation: hover 2s ease-in-out infinite both;
}

#tshadow {
  animation: shadowhover 2s ease-in-out infinite both;
  transform-origin: 50% 50%;
}

#purple {
 animation: hover 2s -0.5s ease-in-out infinite both;
}

#pshadow {
  animation: shadowhover 2s -0.5s ease-in-out infinite both;
  transform-origin: 50% 50%;
}

#heart {
    animation: heartpop 2s 1.25s ease-out both;
    transform-origin: 50% 50%;
    transform: scale(0);
    -moz-transform: scale(1); //firefox transform-origin svg bug hack
}

/*had to split the heart animation in two due to a bad safari svg bug that doesn't allow for opacity and transform*/
#heartopacity {
    animation: heartopacity 1.5s 1s ease-out both;
    opacity: 0;
}

#floaty {
  opacity: 0.2;
  animation: floataround 3s ease-in-out infinite both;
  transform-origin: 50% 50%;
  animation-iteration-count: 30;
}


@-webkit-keyframes bkmove {
    100% {
        transform: translateX(-1600px);
    }
}

@keyframes bkmove {
    100% {
        transform: translateX(-1600px);
    }
}

@keyframes hover {
    50% {
        transform: translateY(-4px);
    }
}

@keyframes fadeout {
    100% {
        opacity: 0;
    }
}

@keyframes heartopacity {
    50% {
        opacity: 0.9;
    }
    90% {
        opacity: 0.2;
    }
    100% {
        opacity: 0;
    }
}

@keyframes heartpop {
    50% {
        transform: scale(1);
        -moz-transform: scale(1);
    }
    90% {
        transform: scale(1.5);
        -moz-transform: scale(1);
    }
    100% {
        transform: scale(0);
        -moz-transform: scale(1);
    }
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.