SVG Drawing Match #990

<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
  <!-- Gradient definitions -->
  <defs>
    <linearGradient id="skyGrad" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" style="stop-color:#FF69B4;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#0099CC;stop-opacity:1" />
    </linearGradient>
    <radialGradient id="groundGrad" cx="150" cy="450" r="150" fx="150" fy="450">
      <stop offset="0%" style="stop-color:#CCFFCC;stop-opacity:0.8" />
      <stop offset="100%" style="stop-color:#006666;stop-opacity:1" />
    </radialGradient>
    <filter id="benDay">
      <feComponentTransfer>
        <feFuncR type="discrete" tableValues="0 0.5 1"/>
        <feFuncG type="discrete" tableValues="0 0.5 1"/>
        <feFuncB type="discrete" tableValues="0 0.5 1"/>
      </feComponentTransfer>
    </filter>
  </defs>

  <!-- Background -->
  <rect width="300" height="300" fill="url(#skyGrad)"/>

  <!-- Floating jellyfish buildings -->
  <g transform="translate(30,30)">
    <!-- Large jellyfish -->
    <path d="M0,0 C50,0 100,50 100,100 C100,150 50,200 0,200 C-50,200 -100,150 -100,100 C-100,50 -50,0 0,0 Z"
          fill="url(#groundGrad)"
          stroke="#006666"
          stroke-width="2"
          opacity="0.8">
      <animateTransform attributeName="transform" type="translate" from="0,0" to="0,20" dur="2s" repeatCount="indefinite"/>
    </path>
    <!-- Tentacles -->
    <path d="M50,100 Q150,50 250,100 Q350,150 250,200 Q150,250 50,200 Q-50,150 -50,100"
          stroke="#CCFFCC"
          stroke-width="4"
          fill="none"
          opacity="0.6"/>
  </g>

  <!-- City connections -->
  <g transform="translate(0,100)" opacity="0.4">
    <line x1="50" y1="0" x2="250" y2="100" stroke="#FF69B4" stroke-width="3"/>
    <line x1="100" y1="50" x2="200" y2="150" stroke="#FF69B4" stroke-width="3"/>
    <line x1="150" y1="100" x2="300" y2="200" stroke="#FF69B4" stroke-width="3"/>
  </g>

  <!-- Clouds and sun -->
  <g transform="translate(50,50)">
    <ellipse cx="100" cy="50" rx="30" ry="20" fill="#FFFFFF" stroke="#CCCCCC" stroke-width="2"/>
    <ellipse cx="200" cy="30" rx="25" ry="15" fill="#FFFFFF" stroke="#CCCCCC" stroke-width="2"/>
    <path d="M150,40 L170,50 L150,60 L130,50 L150,40 Z" fill="#FFD700" stroke="#FFA500" stroke-width="2"/>
  </g>

  <!-- Text overlay -->
  <text x="10" y="20" font-family="Arial" font-size="24" fill="#FFFFFF" filter="url(#benDay)">POP</text>
  <text x="220" y="280" font-family="Arial" font-size="24" fill="#FFFFFF" filter="url(#benDay)">ART</text>

  <!-- Additional jellyfish elements -->
  <g transform="translate(180,180)" opacity="0.6">
    <path d="M0,0 C30,0 60,30 60,60 C60,90 30,120 0,120 C-30,120 -60,90 -60,60 C-60,30 -30,0 0,0 Z"
          fill="#CCFFCC"
          stroke="#006666"
          stroke-width="2"/>
    <path d="M30,60 Q120,30 210,60 Q300,90 210,120 Q120,150 30,120 Q-60,90 -60,60"
          stroke="#CCFFCC"
          stroke-width="3"
          fill="none"/>
  </g>

  <!-- Water effects -->
  <g transform="translate(0,250)" opacity="0.3">
    <path d="M0,0 Q150,20 300,0 Q450,-20 300,-50 Q150,-80 0,-50 Q-150,-20 0,0 Z"
          fill="#CCFFCC"
          stroke="#006666"
          stroke-width="2"/>
  </g>
</svg>