<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:svg="http://www.w3.org/2000/svg"  xmlns="http://www.w3.org/2000/svg"
     width="85mm" height="54mm">
    <rect
       style="fill:#00eeee"
       id="rect2450"
       width="300.88617"
       height="192.0034"
       x="0"
       y="-0.45302308"
       ry="66.739586"
       rx="0" >
      <animate attributeName="fill" attributeType="CSS"
               to="#2222bb" begin="0s" dur="4s" fill="freeze"/>
      <set attributeName="fill" to="#6666ff" begin="6s" dur="0.2s"/>
    </rect>
    <g id="cloud1">
      <animateTransform attributeName="transform"
        type="translate" from="-40 0" to="0 0" dur="2s" fill="freeze"/>
      <ellipse
         style="fill:#ececec"
         cx="42.64706"
         cy="59.573872"
         rx="29.117647"
         ry="12.352942"/>
      <ellipse
         style="fill:#ececec"
         id="path2484"
         cx="79.411766"
         cy="54.573872"
         rx="25.882353"
         ry="13.823529" />
      <ellipse
         style="fill:#ececec"
         id="path2486"
         cx="80.882355"
         cy="69.279755"
         rx="28.529411"
         ry="13.823529"
          />
      <ellipse
         style="fill:#ececec"
         id="path2506"
         cx="112.05882"
         cy="67.220932"
         rx="25.588236"
         ry="12.941176"
          />
      <path style="fill:yellow;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
     d="M 65.427131,78.868798 L 82.189454,104.28264 L 58.93849,134.56297 L 74.078653,153.48817 L 53.531289,189.71642 L 85.433775,152.40673 L 69.752892,133.48153 L 93.544576,101.57904 L 74.619373,76.165198 L 65.427131,78.868798 z"
     id="lightning">
        <set attributeName="opacity" to="0" begin="0s" fill="freeze"/>
        <set attributeName="opacity" to="1" begin="6s" dur="0.2s"/>
      </path>
    </g>
    <g id="cloud2">
      <animateTransform attributeName="transform"
        type="translate" from="-80 0" to="0 0" dur="2s" fill="freeze"/>
      <ellipse
         style="fill:#ececec"
         cx="185.88235"
         cy="32.809166"
         rx="31.17647"
         ry="11.470589" />
      <ellipse
         style="fill:#ececec"
         cx="214.70589"
         cy="42.809166"
         rx="25.882353"
         ry="11.470589" />
      <ellipse
       type="arc"
         style="fill:#ececec"
         id="path2518"
         cx="219.11765"
         cy="28.985636"
         rx="30.294117"
         ry="10.588235"/>
      <ellipse
         style="fill:#ececec"
         id="path2526"
         cx="201.76471"
         cy="20.162107"
         rx="17.647058"
         ry="7.0588236"/>
      </g>
    <g id="label">
      <text x="50" y="130" font-size="0">
        SMIL
        <animate attributeName="font-size" attributeType="CSS" fill="freeze"
                 from="0pt" to="20pt" begin="1s" dur="1s" />
        <animate attributeName="fill" attributeType="CSS" fill="freeze"
                 from="#000000" to="#55CC00" begin="2s" dur="1s" />
      </text>
    </g>
    <g id="happyface" transform="translate(230,150)">
      <text font-size="30pt" fill="yellow">:)
        <animateTransform attributeName="transform" fill="freeze"
                          type="rotate" from="0" to="90" begin="4.2s" dur="1s" />
      </text>
    </g>
    <g id="ufo">
      <!-- Shapes that make up UFO -->
      <ellipse cx="220" cy="70" rx="30" ry="20" fill="aqua"></ellipse>
      <ellipse cx="220" cy="80" rx="50" ry="10" fill="silver"></ellipse>

      <!-- Animations affecting UFO -->
     <set attributeName="opacity" attributeType="CSS"
            to="0" begin="0s"  fill="freeze"/>
      <animate attributeName="opacity" attributeType="CSS"
               to="1" begin="2.5s" dur="0.5s"  fill="freeze"/>
      <animateTransform attributeName="transform"
        type="translate" by="-100 -150" begin="3s" dur="2s" fill="freeze"/>
      <animateTransform attributeName="transform" fill="freeze"
        type="rotate" from="0" to="10" begin="2.5s" dur="0.8s" />
    </g>
    <g id="laser" transform="translate(200, 60) rotate(50)">
      <rect fill="red" width="20" height="2">
        <set attributeName="display" to="none"   begin="0s" fill="freeze"/>
        <set attributeName="display" to="inline" begin="3.7s" dur="0.5s" />
        <animate attributeName="x" by="60"
                 begin="3.7s" dur="0.5s"/>

      </rect>
    </g>
</svg>
