cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External CSS

These stylesheets will be added in this order and before the code you write in the CSS editor. You can also add another Pen here, and it will pull the CSS from it. Try typing "font" or "ribbon" below.

Quick-add: + add another resource

Add External JavaScript

These scripts will run in this order and before the code in the JavaScript editor. You can also link to another Pen here, and it will run the JavaScript from it. Also try typing the name of any popular library.

Quick-add: + add another resource

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

            
              <canvas id="sky"></canvas>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600" class="starscape">
  <circle id="shooting-star" cx="100.4" cy="150.4" r="1.8" style="fill: #FADFAA; opacity: 0" />
</svg>


<div class="align">
<svg xmlns="http://www.w3.org/2000/svg" id="constellation" viewBox="-100 0 600 450">
  
 <!--  PASTE YOUR SVG HERE  -->

<g id="draw" fill="#ffffff" fill-rule="nonzero" style="mix-blend-mode: normal"><circle cx="116.2625" cy="76.2625" r="1" id="circle_76" opacity="0.5"></circle><circle cx="136.2625" cy="63.2625" r="1" id="circle_80" opacity="0.5"></circle><circle cx="135.2625" cy="91.2625" r="1" id="circle_85" opacity="0.5"></circle><circle cx="152.2625" cy="82.2625" r="1" id="circle_91" opacity="0.5"></circle><circle cx="162.2625" cy="88.2625" r="1" id="circle_98" opacity="0.5"></circle><circle cx="152.2625" cy="66.2625" r="1" id="circle_106" opacity="0.5"></circle><circle cx="179.2625" cy="75.2625" r="1" id="circle_115" opacity="0.5"></circle><circle cx="150.2625" cy="121.2625" r="1" id="circle_125" opacity="0.5"></circle><circle cx="165.2625" cy="118.2625" r="1" id="circle_136" opacity="0.5"></circle><circle cx="145.2625" cy="155.2625" r="1" id="circle_148" opacity="0.5"></circle><circle cx="168.2625" cy="188.2625" r="1" id="circle_161" opacity="0.5"></circle><circle cx="132.2625" cy="186.2625" r="1" id="circle_175" opacity="0.5"></circle><circle cx="126.2625" cy="153.2625" r="1" id="circle_190" opacity="0.5"></circle></g>
 
 <!--  END PASTED CODE -->
  
</svg>
</div>
            
          
!
            
              html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#sky {
  background: -webkit-linear-gradient(#00111e 30%, #033d5e);
  background: -moz-linear-gradient(#00111e 30%, #033d5e);
  background: -o-linear-gradient(#00111e 30%, #033d5e);
  background: linear-gradient(#00111e 30%, #033d5e);
  overflow: hidden;
}

.starscape {
  width: 100%;
  height: 100%;
  margin-right: 0px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1000;
}

#shooting-star {
  fill: #FADFAA;
}
.align {
  position: absolute; left: 50%; top: 0;
}
#constellation {
    position: relative; 
    left: -50%;
    border: 0px solid red;
    z-index: 1000;
    width: 800px;
    height: 600px;
}

	@media screen and (max-width: 600px) { 
		#constellation{
			width: 400px;
      height: 300px;
		}
	}

            
          
!
            
              function getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}

// Line up some sky vars
var c = document.getElementById('sky');
var ctx = c.getContext('2d');
var xMax = c.width = window.screen.availWidth;
var yMax = c.height = window.screen.availHeight;
var hmTimes = Math.round(xMax + yMax);

var star2 = document.getElementById("shooting-star");

var tl = new TimelineLite();

for (var i = 0; i <= hmTimes; i++) {
  var x = getRandomInt(300, xMax / 4);
  var y = getRandomInt(-100, yMax / 4);
  var r = Math.floor((Math.random() * 2) + 1); //getRandomInt(0.5,2);
  tl.to(star2, Math.random(), {
      x: x,
      y: y,
      r: r,
      delay: Math.random()
    })
    .to(star2, 1, {
      x: y,
      y: x,
      autoAlpha: 1
    })
    .to(star2, .5, {
      autoAlpha: 0
    }, "-=0.5");
}

function drawing() {
  for (var i = 0; i <= hmTimes; i++) {
    var randomX = Math.floor((Math.random() * xMax) + 1);
    var randomY = Math.floor((Math.random() * yMax) + 1);
    var randomSize = Math.floor((Math.random() * 2) + 1);
    var randomOpacityOne = Math.floor((Math.random() * 9) + 1);
    var randomOpacityTwo = Math.floor((Math.random() * 9) + 1);
    var randomHue = Math.floor((Math.random() * 360) + 1);
    if (randomSize > 1) {
      ctx.shadowBlur = Math.floor((Math.random() * 15) + 5);
      ctx.shadowColor = "white";
    }
    ctx.fillStyle = "hsla(" + randomHue + ", 30%, 80%, ." + randomOpacityOne + randomOpacityTwo + ")";
    ctx.fillRect(randomX, randomY, randomSize, randomSize);
  }
}

drawing();

var t1 = new TimelineMax({
  onReverseComplete: reverseRepeat,
  onReverseCompleteParams: ['{self}'],
  onComplete: complete,
  onCompleteParams: ['{self}']
});

function reverseRepeat(tl) {
  tl.reverse(0); // 0 sets the playhead at the end of the animation
}

function complete(tl) {
  tl.restart(); // 0 sets the playhead at the end of the animation
}

t1.timeScale(4);

// PASTE YOUR JAVASCRIPT HERE
// Copy and paste this JS code into the "// PASTE YOUR JAVASCRIPT HERE" section of the JavaScript panel of the CodePen template

var circle_76 = $("#circle_76");
var circle_80 = $("#circle_80");
var circle_85 = $("#circle_85");
var circle_91 = $("#circle_91");
var circle_98 = $("#circle_98");
var circle_106 = $("#circle_106");
var circle_115 = $("#circle_115");
var circle_125 = $("#circle_125");
var circle_136 = $("#circle_136");
var circle_148 = $("#circle_148");
var circle_161 = $("#circle_161");
var circle_175 = $("#circle_175");
var circle_190 = $("#circle_190");
t1.to(circle_76, 0.5, {attr:{cx:116.2625, cy:76.2625}}, "frame_000")
.to(circle_80, 0.5, {attr:{cx:136.2625, cy:63.2625}}, "frame_000")
.to(circle_85, 0.5, {attr:{cx:135.2625, cy:91.2625}}, "frame_000")
.to(circle_91, 0.5, {attr:{cx:152.2625, cy:82.2625}}, "frame_000")
.to(circle_98, 0.5, {attr:{cx:162.2625, cy:88.2625}}, "frame_000")
.to(circle_106, 0.5, {attr:{cx:152.2625, cy:66.2625}}, "frame_000")
.to(circle_115, 0.5, {attr:{cx:179.2625, cy:75.2625}}, "frame_000")
.to(circle_125, 0.5, {attr:{cx:150.2625, cy:121.2625}}, "frame_000")
.to(circle_136, 0.5, {attr:{cx:165.2625, cy:118.2625}}, "frame_000")
.to(circle_148, 0.5, {attr:{cx:145.2625, cy:155.2625}}, "frame_000")
.to(circle_161, 0.5, {attr:{cx:168.2625, cy:188.2625}}, "frame_000")
.to(circle_175, 0.5, {attr:{cx:132.2625, cy:186.2625}}, "frame_000")
.to(circle_190, 0.5, {attr:{cx:126.2625, cy:153.2625}}, "frame_000")
.to(circle_76, 0.5, {attr:{cx:114.2625, cy:82.2625}}, "frame_001")
.to(circle_80, 0.5, {attr:{cx:140.2625, cy:69.2625}}, "frame_001")
.to(circle_85, 0.5, {attr:{cx:134.2625, cy:94.2625}}, "frame_001")
.to(circle_91, 0.5, {attr:{cx:147.2625, cy:83.2625}}, "frame_001")
.to(circle_98, 0.5, {attr:{cx:159.2625, cy:89.2625}}, "frame_001")
.to(circle_106, 0.5, {attr:{cx:151.2625, cy:64.2625}}, "frame_001")
.to(circle_115, 0.5, {attr:{cx:179.2625, cy:74.2625}}, "frame_001")
.to(circle_125, 0.5, {attr:{cx:147.2625, cy:121.2625}}, "frame_001")
.to(circle_136, 0.5, {attr:{cx:164.2625, cy:120.2625}}, "frame_001")
.to(circle_148, 0.5, {attr:{cx:148.2625, cy:155.2625}}, "frame_001")
.to(circle_161, 0.5, {attr:{cx:169.2625, cy:190.2625}}, "frame_001")
.to(circle_175, 0.5, {attr:{cx:129.2625, cy:190.2625}}, "frame_001")
.to(circle_190, 0.5, {attr:{cx:124.2625, cy:152.2625}}, "frame_001")
.to(circle_76, 0.5, {attr:{cx:111.2625, cy:95.2625}}, "frame_002")
.to(circle_80, 0.5, {attr:{cx:154.2625, cy:92.2625}}, "frame_002")
.to(circle_85, 0.5, {attr:{cx:129.2625, cy:109.2625}}, "frame_002")
.to(circle_91, 0.5, {attr:{cx:141.2625, cy:87.2625}}, "frame_002")
.to(circle_98, 0.5, {attr:{cx:165.2625, cy:102.2625}}, "frame_002")
.to(circle_106, 0.5, {attr:{cx:149.2625, cy:68.2625}}, "frame_002")
.to(circle_115, 0.5, {attr:{cx:175.2625, cy:81.2625}}, "frame_002")
.to(circle_125, 0.5, {attr:{cx:147.2625, cy:121.2625}}, "frame_002")
.to(circle_136, 0.5, {attr:{cx:164.2625, cy:120.2625}}, "frame_002")
.to(circle_148, 0.5, {attr:{cx:154.2625, cy:159.2625}}, "frame_002")
.to(circle_161, 0.5, {attr:{cx:161.2625, cy:194.2625}}, "frame_002")
.to(circle_175, 0.5, {attr:{cx:130.2625, cy:193.2625}}, "frame_002")
.to(circle_190, 0.5, {attr:{cx:128.2625, cy:159.2625}}, "frame_002")
.to(circle_76, 0.5, {attr:{cx:150.2625, cy:117.2625}}, "frame_003")
.to(circle_80, 0.5, {attr:{cx:164.2625, cy:94.2625}}, "frame_003")
.to(circle_85, 0.5, {attr:{cx:135.2625, cy:112.2625}}, "frame_003")
.to(circle_91, 0.5, {attr:{cx:134.2625, cy:89.2625}}, "frame_003")
.to(circle_98, 0.5, {attr:{cx:166.2625, cy:108.2625}}, "frame_003")
.to(circle_106, 0.5, {attr:{cx:158.2625, cy:74.2625}}, "frame_003")
.to(circle_115, 0.5, {attr:{cx:175.2625, cy:108.2625}}, "frame_003")
.to(circle_125, 0.5, {attr:{cx:141.2625, cy:133.2625}}, "frame_003")
.to(circle_136, 0.5, {attr:{cx:158.2625, cy:133.2625}}, "frame_003")
.to(circle_148, 0.5, {attr:{cx:167.2625, cy:163.2625}}, "frame_003")
.to(circle_161, 0.5, {attr:{cx:159.2625, cy:199.2625}}, "frame_003")
.to(circle_175, 0.5, {attr:{cx:135.2625, cy:197.2625}}, "frame_003")
.to(circle_190, 0.5, {attr:{cx:140.2625, cy:169.2625}}, "frame_003")
.to(circle_76, 0.5, {attr:{cx:153.2625, cy:111.2625}}, "frame_004")
.to(circle_80, 0.5, {attr:{cx:161.2625, cy:91.2625}}, "frame_004")
.to(circle_85, 0.5, {attr:{cx:136.2625, cy:106.2625}}, "frame_004")
.to(circle_91, 0.5, {attr:{cx:134.2625, cy:84.2625}}, "frame_004")
.to(circle_98, 0.5, {attr:{cx:167.2625, cy:108.2625}}, "frame_004")
.to(circle_106, 0.5, {attr:{cx:158.2625, cy:69.2625}}, "frame_004")
.to(circle_115, 0.5, {attr:{cx:172.2625, cy:114.2625}}, "frame_004")
.to(circle_125, 0.5, {attr:{cx:140.2625, cy:129.2625}}, "frame_004")
.to(circle_136, 0.5, {attr:{cx:156.2625, cy:131.2625}}, "frame_004")
.to(circle_148, 0.5, {attr:{cx:176.2625, cy:160.2625}}, "frame_004")
.to(circle_161, 0.5, {attr:{cx:158.2625, cy:196.2625}}, "frame_004")
.to(circle_175, 0.5, {attr:{cx:131.2625, cy:198.2625}}, "frame_004")
.to(circle_190, 0.5, {attr:{cx:145.2625, cy:166.2625}}, "frame_004")
.to(circle_76, 0.5, {attr:{cx:154.2625, cy:97.2625}}, "frame_005")
.to(circle_80, 0.5, {attr:{cx:160.2625, cy:86.2625}}, "frame_005")
.to(circle_85, 0.5, {attr:{cx:140.2625, cy:105.2625}}, "frame_005")
.to(circle_91, 0.5, {attr:{cx:136.2625, cy:80.2625}}, "frame_005")
.to(circle_98, 0.5, {attr:{cx:164.2625, cy:108.2625}}, "frame_005")
.to(circle_106, 0.5, {attr:{cx:159.2625, cy:64.2625}}, "frame_005")
.to(circle_115, 0.5, {attr:{cx:176.2625, cy:89.2625}}, "frame_005")
.to(circle_125, 0.5, {attr:{cx:140.2625, cy:125.2625}}, "frame_005")
.to(circle_136, 0.5, {attr:{cx:158.2625, cy:128.2625}}, "frame_005")
.to(circle_148, 0.5, {attr:{cx:177.2625, cy:157.2625}}, "frame_005")
.to(circle_161, 0.5, {attr:{cx:160.2625, cy:194.2625}}, "frame_005")
.to(circle_175, 0.5, {attr:{cx:127.2625, cy:195.2625}}, "frame_005")
.to(circle_190, 0.5, {attr:{cx:144.2625, cy:166.2625}}, "frame_005")
.to(circle_76, 0.5, {attr:{cx:155.2625, cy:95.2625}}, "frame_006")
.to(circle_80, 0.5, {attr:{cx:161.2625, cy:85.2625}}, "frame_006")
.to(circle_85, 0.5, {attr:{cx:140.2625, cy:101.2625}}, "frame_006")
.to(circle_91, 0.5, {attr:{cx:138.2625, cy:76.2625}}, "frame_006")
.to(circle_98, 0.5, {attr:{cx:167.2625, cy:106.2625}}, "frame_006")
.to(circle_106, 0.5, {attr:{cx:160.2625, cy:61.2625}}, "frame_006")
.to(circle_115, 0.5, {attr:{cx:177.2625, cy:91.2625}}, "frame_006")
.to(circle_125, 0.5, {attr:{cx:141.2625, cy:122.2625}}, "frame_006")
.to(circle_136, 0.5, {attr:{cx:161.2625, cy:125.2625}}, "frame_006")
.to(circle_148, 0.5, {attr:{cx:175.2625, cy:158.2625}}, "frame_006")
.to(circle_161, 0.5, {attr:{cx:173.2625, cy:193.2625}}, "frame_006")
.to(circle_175, 0.5, {attr:{cx:121.2625, cy:195.2625}}, "frame_006")
.to(circle_190, 0.5, {attr:{cx:137.2625, cy:161.2625}}, "frame_006")
.to(circle_76, 0.5, {attr:{cx:156.2625, cy:99.2625}}, "frame_007")
.to(circle_80, 0.5, {attr:{cx:168.2625, cy:83.2625}}, "frame_007")
.to(circle_85, 0.5, {attr:{cx:140.2625, cy:101.2625}}, "frame_007")
.to(circle_91, 0.5, {attr:{cx:140.2625, cy:80.2625}}, "frame_007")
.to(circle_98, 0.5, {attr:{cx:165.2625, cy:104.2625}}, "frame_007")
.to(circle_106, 0.5, {attr:{cx:161.2625, cy:63.2625}}, "frame_007")
.to(circle_115, 0.5, {attr:{cx:179.2625, cy:106.2625}}, "frame_007")
.to(circle_125, 0.5, {attr:{cx:143.2625, cy:122.2625}}, "frame_007")
.to(circle_136, 0.5, {attr:{cx:161.2625, cy:125.2625}}, "frame_007")
.to(circle_148, 0.5, {attr:{cx:173.2625, cy:160.2625}}, "frame_007")
.to(circle_161, 0.5, {attr:{cx:177.2625, cy:197.2625}}, "frame_007")
.to(circle_175, 0.5, {attr:{cx:118.2625, cy:196.2625}}, "frame_007")
.to(circle_190, 0.5, {attr:{cx:136.2625, cy:160.2625}}, "frame_007")
.to(circle_76, 0.5, {attr:{cx:162.2625, cy:103.2625}}, "frame_008")
.to(circle_80, 0.5, {attr:{cx:176.2625, cy:86.2625}}, "frame_008")
.to(circle_85, 0.5, {attr:{cx:142.2625, cy:106.2625}}, "frame_008")
.to(circle_91, 0.5, {attr:{cx:142.2625, cy:84.2625}}, "frame_008")
.to(circle_98, 0.5, {attr:{cx:179.2625, cy:108.2625}}, "frame_008")
.to(circle_106, 0.5, {attr:{cx:165.2625, cy:69.2625}}, "frame_008")
.to(circle_115, 0.5, {attr:{cx:188.2625, cy:128.2625}}, "frame_008")
.to(circle_125, 0.5, {attr:{cx:151.2625, cy:131.2625}}, "frame_008")
.to(circle_136, 0.5, {attr:{cx:169.2625, cy:129.2625}}, "frame_008")
.to(circle_148, 0.5, {attr:{cx:177.2625, cy:161.2625}}, "frame_008")
.to(circle_161, 0.5, {attr:{cx:177.2625, cy:198.2625}}, "frame_008")
.to(circle_175, 0.5, {attr:{cx:141.2625, cy:192.2625}}, "frame_008")
.to(circle_190, 0.5, {attr:{cx:148.2625, cy:160.2625}}, "frame_008")
.to(circle_76, 0.5, {attr:{cx:160.2625, cy:100.2625}}, "frame_009")
.to(circle_80, 0.5, {attr:{cx:179.2625, cy:91.2625}}, "frame_009")
.to(circle_85, 0.5, {attr:{cx:138.2625, cy:109.2625}}, "frame_009")
.to(circle_91, 0.5, {attr:{cx:142.2625, cy:86.2625}}, "frame_009")
.to(circle_98, 0.5, {attr:{cx:180.2625, cy:110.2625}}, "frame_009")
.to(circle_106, 0.5, {attr:{cx:166.2625, cy:72.2625}}, "frame_009")
.to(circle_115, 0.5, {attr:{cx:191.2625, cy:130.2625}}, "frame_009")
.to(circle_125, 0.5, {attr:{cx:151.2625, cy:130.2625}}, "frame_009")
.to(circle_136, 0.5, {attr:{cx:170.2625, cy:129.2625}}, "frame_009")
.to(circle_148, 0.5, {attr:{cx:186.2625, cy:162.2625}}, "frame_009")
.to(circle_161, 0.5, {attr:{cx:177.2625, cy:198.2625}}, "frame_009")
.to(circle_175, 0.5, {attr:{cx:190.2625, cy:157.2625}}, "frame_009")
.to(circle_190, 0.5, {attr:{cx:163.2625, cy:158.2625}}, "frame_009")
.to(circle_76, 0.5, {attr:{cx:160.2625, cy:100.2625}}, "frame_010")
.to(circle_80, 0.5, {attr:{cx:179.2625, cy:92.2625}}, "frame_010")
.to(circle_85, 0.5, {attr:{cx:139.2625, cy:107.2625}}, "frame_010")
.to(circle_91, 0.5, {attr:{cx:142.2625, cy:86.2625}}, "frame_010")
.to(circle_98, 0.5, {attr:{cx:180.2625, cy:110.2625}}, "frame_010")
.to(circle_106, 0.5, {attr:{cx:166.2625, cy:73.2625}}, "frame_010")
.to(circle_115, 0.5, {attr:{cx:191.2625, cy:130.2625}}, "frame_010")
.to(circle_125, 0.5, {attr:{cx:150.2625, cy:132.2625}}, "frame_010")
.to(circle_136, 0.5, {attr:{cx:172.2625, cy:132.2625}}, "frame_010")
.to(circle_148, 0.5, {attr:{cx:185.2625, cy:163.2625}}, "frame_010")
.to(circle_161, 0.5, {attr:{cx:180.2625, cy:197.2625}}, "frame_010")
.to(circle_175, 0.5, {attr:{cx:166.2625, cy:161.2625}}, "frame_010")
.to(circle_190, 0.5, {attr:{cx:158.2625, cy:159.2625}}, "frame_010")
.to(circle_76, 0.5, {attr:{cx:152.2625, cy:118.2625}}, "frame_011")
.to(circle_80, 0.5, {attr:{cx:181.2625, cy:87.2625}}, "frame_011")
.to(circle_85, 0.5, {attr:{cx:141.2625, cy:110.2625}}, "frame_011")
.to(circle_91, 0.5, {attr:{cx:144.2625, cy:88.2625}}, "frame_011")
.to(circle_98, 0.5, {attr:{cx:180.2625, cy:108.2625}}, "frame_011")
.to(circle_106, 0.5, {attr:{cx:165.2625, cy:72.2625}}, "frame_011")
.to(circle_115, 0.5, {attr:{cx:181.2625, cy:126.2625}}, "frame_011")
.to(circle_125, 0.5, {attr:{cx:149.2625, cy:130.2625}}, "frame_011")
.to(circle_136, 0.5, {attr:{cx:172.2625, cy:132.2625}}, "frame_011")
.to(circle_148, 0.5, {attr:{cx:170.2625, cy:163.2625}}, "frame_011")
.to(circle_161, 0.5, {attr:{cx:177.2625, cy:197.2625}}, "frame_011")
.to(circle_175, 0.5, {attr:{cx:121.2625, cy:193.2625}}, "frame_011")
.to(circle_190, 0.5, {attr:{cx:144.2625, cy:160.2625}}, "frame_011")
.to(circle_76, 0.5, {attr:{cx:153.2625, cy:104.2625}}, "frame_012")
.to(circle_80, 0.5, {attr:{cx:176.2625, cy:90.2625}}, "frame_012")
.to(circle_85, 0.5, {attr:{cx:141.2625, cy:110.2625}}, "frame_012")
.to(circle_91, 0.5, {attr:{cx:140.2625, cy:94.2625}}, "frame_012")
.to(circle_98, 0.5, {attr:{cx:175.2625, cy:108.2625}}, "frame_012")
.to(circle_106, 0.5, {attr:{cx:160.2625, cy:76.2625}}, "frame_012")
.to(circle_115, 0.5, {attr:{cx:163.2625, cy:119.2625}}, "frame_012")
.to(circle_125, 0.5, {attr:{cx:149.2625, cy:131.2625}}, "frame_012")
.to(circle_136, 0.5, {attr:{cx:167.2625, cy:135.2625}}, "frame_012")
.to(circle_148, 0.5, {attr:{cx:169.2625, cy:163.2625}}, "frame_012")
.to(circle_161, 0.5, {attr:{cx:177.2625, cy:197.2625}}, "frame_012")
.to(circle_175, 0.5, {attr:{cx:116.2625, cy:195.2625}}, "frame_012")
.to(circle_190, 0.5, {attr:{cx:137.2625, cy:162.2625}}, "frame_012")
.to(circle_76, 0.5, {attr:{cx:145.2625, cy:110.2625}}, "frame_013")
.to(circle_80, 0.5, {attr:{cx:169.2625, cy:94.2625}}, "frame_013")
.to(circle_85, 0.5, {attr:{cx:130.2625, cy:118.2625}}, "frame_013")
.to(circle_91, 0.5, {attr:{cx:133.2625, cy:94.2625}}, "frame_013")
.to(circle_98, 0.5, {attr:{cx:167.2625, cy:108.2625}}, "frame_013")
.to(circle_106, 0.5, {attr:{cx:153.2625, cy:79.2625}}, "frame_013")
.to(circle_115, 0.5, {attr:{cx:165.2625, cy:123.2625}}, "frame_013")
.to(circle_125, 0.5, {attr:{cx:144.2625, cy:132.2625}}, "frame_013")
.to(circle_136, 0.5, {attr:{cx:160.2625, cy:131.2625}}, "frame_013")
.to(circle_148, 0.5, {attr:{cx:179.2625, cy:158.2625}}, "frame_013")
.to(circle_161, 0.5, {attr:{cx:178.2625, cy:197.2625}}, "frame_013")
.to(circle_175, 0.5, {attr:{cx:115.2625, cy:195.2625}}, "frame_013")
.to(circle_190, 0.5, {attr:{cx:139.2625, cy:166.2625}}, "frame_013")
.to(circle_76, 0.5, {attr:{cx:144.2625, cy:116.2625}}, "frame_014")
.to(circle_80, 0.5, {attr:{cx:167.2625, cy:98.2625}}, "frame_014")
.to(circle_85, 0.5, {attr:{cx:128.2625, cy:117.2625}}, "frame_014")
.to(circle_91, 0.5, {attr:{cx:129.2625, cy:93.2625}}, "frame_014")
.to(circle_98, 0.5, {attr:{cx:163.2625, cy:113.2625}}, "frame_014")
.to(circle_106, 0.5, {attr:{cx:150.2625, cy:79.2625}}, "frame_014")
.to(circle_115, 0.5, {attr:{cx:152.2625, cy:123.2625}}, "frame_014")
.to(circle_125, 0.5, {attr:{cx:140.2625, cy:131.2625}}, "frame_014")
.to(circle_136, 0.5, {attr:{cx:159.2625, cy:129.2625}}, "frame_014")
.to(circle_148, 0.5, {attr:{cx:179.2625, cy:158.2625}}, "frame_014")
.to(circle_161, 0.5, {attr:{cx:178.2625, cy:197.2625}}, "frame_014")
.to(circle_175, 0.5, {attr:{cx:117.2625, cy:197.2625}}, "frame_014")
.to(circle_190, 0.5, {attr:{cx:139.2625, cy:166.2625}}, "frame_014")
.to(circle_76, 0.5, {attr:{cx:136.2625, cy:128.2625}}, "frame_015")
.to(circle_80, 0.5, {attr:{cx:164.2625, cy:95.2625}}, "frame_015")
.to(circle_85, 0.5, {attr:{cx:126.2625, cy:116.2625}}, "frame_015")
.to(circle_91, 0.5, {attr:{cx:125.2625, cy:95.2625}}, "frame_015")
.to(circle_98, 0.5, {attr:{cx:163.2625, cy:113.2625}}, "frame_015")
.to(circle_106, 0.5, {attr:{cx:146.2625, cy:79.2625}}, "frame_015")
.to(circle_115, 0.5, {attr:{cx:158.2625, cy:126.2625}}, "frame_015")
.to(circle_125, 0.5, {attr:{cx:131.2625, cy:137.2625}}, "frame_015")
.to(circle_136, 0.5, {attr:{cx:154.2625, cy:136.2625}}, "frame_015")
.to(circle_148, 0.5, {attr:{cx:167.2625, cy:167.2625}}, "frame_015")
.to(circle_161, 0.5, {attr:{cx:180.2625, cy:197.2625}}, "frame_015")
.to(circle_175, 0.5, {attr:{cx:115.2625, cy:196.2625}}, "frame_015")
.to(circle_190, 0.5, {attr:{cx:130.2625, cy:166.2625}}, "frame_015")
.to(circle_76, 0.5, {attr:{cx:128.2625, cy:130.2625}}, "frame_016")
.to(circle_80, 0.5, {attr:{cx:161.2625, cy:91.2625}}, "frame_016")
.to(circle_85, 0.5, {attr:{cx:122.2625, cy:114.2625}}, "frame_016")
.to(circle_91, 0.5, {attr:{cx:122.2625, cy:92.2625}}, "frame_016")
.to(circle_98, 0.5, {attr:{cx:157.2625, cy:113.2625}}, "frame_016")
.to(circle_106, 0.5, {attr:{cx:142.2625, cy:76.2625}}, "frame_016")
.to(circle_115, 0.5, {attr:{cx:150.2625, cy:127.2625}}, "frame_016")
.to(circle_125, 0.5, {attr:{cx:125.2625, cy:136.2625}}, "frame_016")
.to(circle_136, 0.5, {attr:{cx:147.2625, cy:135.2625}}, "frame_016")
.to(circle_148, 0.5, {attr:{cx:159.2625, cy:167.2625}}, "frame_016")
.to(circle_161, 0.5, {attr:{cx:177.2625, cy:195.2625}}, "frame_016")
.to(circle_175, 0.5, {attr:{cx:114.2625, cy:195.2625}}, "frame_016")
.to(circle_190, 0.5, {attr:{cx:121.2625, cy:165.2625}}, "frame_016")
.to(circle_76, 0.5, {attr:{cx:132.2625, cy:122.2625}}, "frame_017")
.to(circle_80, 0.5, {attr:{cx:156.2625, cy:93.2625}}, "frame_017")
.to(circle_85, 0.5, {attr:{cx:119.2625, cy:116.2625}}, "frame_017")
.to(circle_91, 0.5, {attr:{cx:118.2625, cy:91.2625}}, "frame_017")
.to(circle_98, 0.5, {attr:{cx:157.2625, cy:113.2625}}, "frame_017")
.to(circle_106, 0.5, {attr:{cx:139.2625, cy:74.2625}}, "frame_017")
.to(circle_115, 0.5, {attr:{cx:145.2625, cy:120.2625}}, "frame_017")
.to(circle_125, 0.5, {attr:{cx:126.2625, cy:136.2625}}, "frame_017")
.to(circle_136, 0.5, {attr:{cx:149.2625, cy:135.2625}}, "frame_017")
.to(circle_148, 0.5, {attr:{cx:163.2625, cy:163.2625}}, "frame_017")
.to(circle_161, 0.5, {attr:{cx:178.2625, cy:195.2625}}, "frame_017")
.to(circle_175, 0.5, {attr:{cx:114.2625, cy:195.2625}}, "frame_017")
.to(circle_190, 0.5, {attr:{cx:123.2625, cy:167.2625}}, "frame_017")
.to(circle_76, 0.5, {attr:{cx:126.2625, cy:125.2625}}, "frame_018")
.to(circle_80, 0.5, {attr:{cx:153.2625, cy:92.2625}}, "frame_018")
.to(circle_85, 0.5, {attr:{cx:113.2625, cy:114.2625}}, "frame_018")
.to(circle_91, 0.5, {attr:{cx:114.2625, cy:90.2625}}, "frame_018")
.to(circle_98, 0.5, {attr:{cx:151.2625, cy:113.2625}}, "frame_018")
.to(circle_106, 0.5, {attr:{cx:133.2625, cy:75.2625}}, "frame_018")
.to(circle_115, 0.5, {attr:{cx:142.2625, cy:126.2625}}, "frame_018")
.to(circle_125, 0.5, {attr:{cx:124.2625, cy:133.2625}}, "frame_018")
.to(circle_136, 0.5, {attr:{cx:147.2625, cy:133.2625}}, "frame_018")
.to(circle_148, 0.5, {attr:{cx:163.2625, cy:160.2625}}, "frame_018")
.to(circle_161, 0.5, {attr:{cx:178.2625, cy:194.2625}}, "frame_018")
.to(circle_175, 0.5, {attr:{cx:114.2625, cy:195.2625}}, "frame_018")
.to(circle_190, 0.5, {attr:{cx:132.2625, cy:165.2625}}, "frame_018")
.to(circle_76, 0.5, {attr:{cx:132.2625, cy:116.2625}}, "frame_019")
.to(circle_80, 0.5, {attr:{cx:156.2625, cy:91.2625}}, "frame_019")
.to(circle_85, 0.5, {attr:{cx:116.2625, cy:113.2625}}, "frame_019")
.to(circle_91, 0.5, {attr:{cx:116.2625, cy:92.2625}}, "frame_019")
.to(circle_98, 0.5, {attr:{cx:150.2625, cy:112.2625}}, "frame_019")
.to(circle_106, 0.5, {attr:{cx:138.2625, cy:75.2625}}, "frame_019")
.to(circle_115, 0.5, {attr:{cx:137.2625, cy:123.2625}}, "frame_019")
.to(circle_125, 0.5, {attr:{cx:125.2625, cy:131.2625}}, "frame_019")
.to(circle_136, 0.5, {attr:{cx:146.2625, cy:130.2625}}, "frame_019")
.to(circle_148, 0.5, {attr:{cx:161.2625, cy:162.2625}}, "frame_019")
.to(circle_161, 0.5, {attr:{cx:179.2625, cy:195.2625}}, "frame_019")
.to(circle_175, 0.5, {attr:{cx:114.2625, cy:195.2625}}, "frame_019")
.to(circle_190, 0.5, {attr:{cx:125.2625, cy:164.2625}}, "frame_019")
.to(circle_76, 0.5, {attr:{cx:135.2625, cy:108.2625}}, "frame_020")
.to(circle_80, 0.5, {attr:{cx:159.2625, cy:92.2625}}, "frame_020")
.to(circle_85, 0.5, {attr:{cx:119.2625, cy:112.2625}}, "frame_020")
.to(circle_91, 0.5, {attr:{cx:121.2625, cy:93.2625}}, "frame_020")
.to(circle_98, 0.5, {attr:{cx:158.2625, cy:120.2625}}, "frame_020")
.to(circle_106, 0.5, {attr:{cx:141.2625, cy:78.2625}}, "frame_020")
.to(circle_115, 0.5, {attr:{cx:170.2625, cy:137.2625}}, "frame_020")
.to(circle_125, 0.5, {attr:{cx:124.2625, cy:133.2625}}, "frame_020")
.to(circle_136, 0.5, {attr:{cx:147.2625, cy:133.2625}}, "frame_020")
.to(circle_148, 0.5, {attr:{cx:159.2625, cy:163.2625}}, "frame_020")
.to(circle_161, 0.5, {attr:{cx:177.2625, cy:195.2625}}, "frame_020")
.to(circle_175, 0.5, {attr:{cx:114.2625, cy:195.2625}}, "frame_020")
.to(circle_190, 0.5, {attr:{cx:121.2625, cy:163.2625}}, "frame_020")
.to(circle_76, 0.5, {attr:{cx:143.2625, cy:108.2625}}, "frame_021")
.to(circle_80, 0.5, {attr:{cx:164.2625, cy:94.2625}}, "frame_021")
.to(circle_85, 0.5, {attr:{cx:125.2625, cy:117.2625}}, "frame_021")
.to(circle_91, 0.5, {attr:{cx:124.2625, cy:95.2625}}, "frame_021")
.to(circle_98, 0.5, {attr:{cx:158.2625, cy:118.2625}}, "frame_021")
.to(circle_106, 0.5, {attr:{cx:146.2625, cy:78.2625}}, "frame_021")
.to(circle_115, 0.5, {attr:{cx:175.2625, cy:141.2625}}, "frame_021")
.to(circle_125, 0.5, {attr:{cx:129.2625, cy:137.2625}}, "frame_021")
.to(circle_136, 0.5, {attr:{cx:155.2625, cy:138.2625}}, "frame_021")
.to(circle_148, 0.5, {attr:{cx:164.2625, cy:163.2625}}, "frame_021")
.to(circle_161, 0.5, {attr:{cx:178.2625, cy:196.2625}}, "frame_021")
.to(circle_175, 0.5, {attr:{cx:112.2625, cy:196.2625}}, "frame_021")
.to(circle_190, 0.5, {attr:{cx:126.2625, cy:163.2625}}, "frame_021")
.to(circle_76, 0.5, {attr:{cx:143.2625, cy:108.2625}}, "frame_022")
.to(circle_80, 0.5, {attr:{cx:165.2625, cy:97.2625}}, "frame_022")
.to(circle_85, 0.5, {attr:{cx:125.2625, cy:117.2625}}, "frame_022")
.to(circle_91, 0.5, {attr:{cx:127.2625, cy:93.2625}}, "frame_022")
.to(circle_98, 0.5, {attr:{cx:164.2625, cy:123.2625}}, "frame_022")
.to(circle_106, 0.5, {attr:{cx:150.2625, cy:79.2625}}, "frame_022")
.to(circle_115, 0.5, {attr:{cx:178.2625, cy:142.2625}}, "frame_022")
.to(circle_125, 0.5, {attr:{cx:136.2625, cy:139.2625}}, "frame_022")
.to(circle_136, 0.5, {attr:{cx:155.2625, cy:137.2625}}, "frame_022")
.to(circle_148, 0.5, {attr:{cx:177.2625, cy:159.2625}}, "frame_022")
.to(circle_161, 0.5, {attr:{cx:178.2625, cy:196.2625}}, "frame_022")
.to(circle_175, 0.5, {attr:{cx:115.2625, cy:195.2625}}, "frame_022")
.to(circle_190, 0.5, {attr:{cx:139.2625, cy:169.2625}}, "frame_022")
.to(circle_76, 0.5, {attr:{cx:149.2625, cy:106.2625}}, "frame_023")
.to(circle_80, 0.5, {attr:{cx:169.2625, cy:96.2625}}, "frame_023")
.to(circle_85, 0.5, {attr:{cx:128.2625, cy:117.2625}}, "frame_023")
.to(circle_91, 0.5, {attr:{cx:130.2625, cy:94.2625}}, "frame_023")
.to(circle_98, 0.5, {attr:{cx:166.2625, cy:123.2625}}, "frame_023")
.to(circle_106, 0.5, {attr:{cx:153.2625, cy:78.2625}}, "frame_023")
.to(circle_115, 0.5, {attr:{cx:170.2625, cy:141.2625}}, "frame_023")
.to(circle_125, 0.5, {attr:{cx:141.2625, cy:136.2625}}, "frame_023")
.to(circle_136, 0.5, {attr:{cx:159.2625, cy:134.2625}}, "frame_023")
.to(circle_148, 0.5, {attr:{cx:178.2625, cy:164.2625}}, "frame_023")
.to(circle_161, 0.5, {attr:{cx:178.2625, cy:196.2625}}, "frame_023")
.to(circle_175, 0.5, {attr:{cx:115.2625, cy:195.2625}}, "frame_023")
.to(circle_190, 0.5, {attr:{cx:140.2625, cy:166.2625}}, "frame_023")
.to(circle_76, 0.5, {attr:{cx:146.2625, cy:100.2625}}, "frame_024")
.to(circle_80, 0.5, {attr:{cx:177.2625, cy:89.2625}}, "frame_024")
.to(circle_85, 0.5, {attr:{cx:131.2625, cy:116.2625}}, "frame_024")
.to(circle_91, 0.5, {attr:{cx:142.2625, cy:97.2625}}, "frame_024")
.to(circle_98, 0.5, {attr:{cx:174.2625, cy:120.2625}}, "frame_024")
.to(circle_106, 0.5, {attr:{cx:160.2625, cy:77.2625}}, "frame_024")
.to(circle_115, 0.5, {attr:{cx:159.2625, cy:123.2625}}, "frame_024")
.to(circle_125, 0.5, {attr:{cx:142.2625, cy:135.2625}}, "frame_024")
.to(circle_136, 0.5, {attr:{cx:165.2625, cy:137.2625}}, "frame_024")
.to(circle_148, 0.5, {attr:{cx:167.2625, cy:163.2625}}, "frame_024")
.to(circle_161, 0.5, {attr:{cx:178.2625, cy:196.2625}}, "frame_024")
.to(circle_175, 0.5, {attr:{cx:115.2625, cy:195.2625}}, "frame_024")
.to(circle_190, 0.5, {attr:{cx:136.2625, cy:164.2625}}, "frame_024")
.to(circle_76, 0.5, {attr:{cx:144.2625, cy:104.2625}}, "frame_025")
.to(circle_80, 0.5, {attr:{cx:180.2625, cy:87.2625}}, "frame_025")
.to(circle_85, 0.5, {attr:{cx:142.2625, cy:122.2625}}, "frame_025")
.to(circle_91, 0.5, {attr:{cx:143.2625, cy:89.2625}}, "frame_025")
.to(circle_98, 0.5, {attr:{cx:177.2625, cy:118.2625}}, "frame_025")
.to(circle_106, 0.5, {attr:{cx:167.2625, cy:72.2625}}, "frame_025")
.to(circle_115, 0.5, {attr:{cx:168.2625, cy:107.2625}}, "frame_025")
.to(circle_125, 0.5, {attr:{cx:148.2625, cy:133.2625}}, "frame_025")
.to(circle_136, 0.5, {attr:{cx:166.2625, cy:135.2625}}, "frame_025")
.to(circle_148, 0.5, {attr:{cx:167.2625, cy:163.2625}}, "frame_025")
.to(circle_161, 0.5, {attr:{cx:176.2625, cy:197.2625}}, "frame_025")
.to(circle_175, 0.5, {attr:{cx:117.2625, cy:195.2625}}, "frame_025")
.to(circle_190, 0.5, {attr:{cx:143.2625, cy:160.2625}}, "frame_025")
.to(circle_76, 0.5, {attr:{cx:144.2625, cy:104.2625}}, "frame_026")
.to(circle_80, 0.5, {attr:{cx:179.2625, cy:92.2625}}, "frame_026")
.to(circle_85, 0.5, {attr:{cx:155.2625, cy:114.2625}}, "frame_026")
.to(circle_91, 0.5, {attr:{cx:143.2625, cy:85.2625}}, "frame_026")
.to(circle_98, 0.5, {attr:{cx:184.2625, cy:129.2625}}, "frame_026")
.to(circle_106, 0.5, {attr:{cx:167.2625, cy:72.2625}}, "frame_026")
.to(circle_115, 0.5, {attr:{cx:175.2625, cy:108.2625}}, "frame_026")
.to(circle_125, 0.5, {attr:{cx:150.2625, cy:131.2625}}, "frame_026")
.to(circle_136, 0.5, {attr:{cx:168.2625, cy:131.2625}}, "frame_026")
.to(circle_148, 0.5, {attr:{cx:183.2625, cy:161.2625}}, "frame_026")
.to(circle_161, 0.5, {attr:{cx:176.2625, cy:197.2625}}, "frame_026")
.to(circle_175, 0.5, {attr:{cx:170.2625, cy:173.2625}}, "frame_026")
.to(circle_190, 0.5, {attr:{cx:157.2625, cy:158.2625}}, "frame_026")
.to(circle_76, 0.5, {attr:{cx:144.2625, cy:104.2625}}, "frame_027")
.to(circle_80, 0.5, {attr:{cx:179.2625, cy:91.2625}}, "frame_027")
.to(circle_85, 0.5, {attr:{cx:158.2625, cy:111.2625}}, "frame_027")
.to(circle_91, 0.5, {attr:{cx:143.2625, cy:85.2625}}, "frame_027")
.to(circle_98, 0.5, {attr:{cx:187.2625, cy:115.2625}}, "frame_027")
.to(circle_106, 0.5, {attr:{cx:167.2625, cy:72.2625}}, "frame_027")
.to(circle_115, 0.5, {attr:{cx:175.2625, cy:108.2625}}, "frame_027")
.to(circle_125, 0.5, {attr:{cx:153.2625, cy:131.2625}}, "frame_027")
.to(circle_136, 0.5, {attr:{cx:170.2625, cy:131.2625}}, "frame_027")
.to(circle_148, 0.5, {attr:{cx:183.2625, cy:161.2625}}, "frame_027")
.to(circle_161, 0.5, {attr:{cx:176.2625, cy:197.2625}}, "frame_027")
.to(circle_175, 0.5, {attr:{cx:182.2625, cy:159.2625}}, "frame_027")
.to(circle_190, 0.5, {attr:{cx:161.2625, cy:155.2625}}, "frame_027")
.to(circle_76, 0.5, {attr:{cx:142.2625, cy:109.2625}}, "frame_028")
.to(circle_80, 0.5, {attr:{cx:179.2625, cy:85.2625}}, "frame_028")
.to(circle_85, 0.5, {attr:{cx:157.2625, cy:103.2625}}, "frame_028")
.to(circle_91, 0.5, {attr:{cx:142.2625, cy:84.2625}}, "frame_028")
.to(circle_98, 0.5, {attr:{cx:187.2625, cy:115.2625}}, "frame_028")
.to(circle_106, 0.5, {attr:{cx:166.2625, cy:69.2625}}, "frame_028")
.to(circle_115, 0.5, {attr:{cx:175.2625, cy:107.2625}}, "frame_028")
.to(circle_125, 0.5, {attr:{cx:153.2625, cy:131.2625}}, "frame_028")
.to(circle_136, 0.5, {attr:{cx:170.2625, cy:131.2625}}, "frame_028")
.to(circle_148, 0.5, {attr:{cx:183.2625, cy:161.2625}}, "frame_028")
.to(circle_161, 0.5, {attr:{cx:176.2625, cy:197.2625}}, "frame_028")
.to(circle_175, 0.5, {attr:{cx:139.2625, cy:194.2625}}, "frame_028")
.to(circle_190, 0.5, {attr:{cx:149.2625, cy:158.2625}}, "frame_028")
.to(circle_76, 0.5, {attr:{cx:141.2625, cy:107.2625}}, "frame_029")
.to(circle_80, 0.5, {attr:{cx:174.2625, cy:85.2625}}, "frame_029")
.to(circle_85, 0.5, {attr:{cx:156.2625, cy:100.2625}}, "frame_029")
.to(circle_91, 0.5, {attr:{cx:140.2625, cy:80.2625}}, "frame_029")
.to(circle_98, 0.5, {attr:{cx:184.2625, cy:107.2625}}, "frame_029")
.to(circle_106, 0.5, {attr:{cx:164.2625, cy:66.2625}}, "frame_029")
.to(circle_115, 0.5, {attr:{cx:167.2625, cy:110.2625}}, "frame_029")
.to(circle_125, 0.5, {attr:{cx:144.2625, cy:121.2625}}, "frame_029")
.to(circle_136, 0.5, {attr:{cx:164.2625, cy:130.2625}}, "frame_029")
.to(circle_148, 0.5, {attr:{cx:172.2625, cy:162.2625}}, "frame_029")
.to(circle_161, 0.5, {attr:{cx:176.2625, cy:197.2625}}, "frame_029")
.to(circle_175, 0.5, {attr:{cx:118.2625, cy:195.2625}}, "frame_029")
.to(circle_190, 0.5, {attr:{cx:133.2625, cy:165.2625}}, "frame_029")
.to(circle_76, 0.5, {attr:{cx:140.2625, cy:103.2625}}, "frame_030")
.to(circle_80, 0.5, {attr:{cx:169.2625, cy:81.2625}}, "frame_030")
.to(circle_85, 0.5, {attr:{cx:164.2625, cy:97.2625}}, "frame_030")
.to(circle_91, 0.5, {attr:{cx:138.2625, cy:75.2625}}, "frame_030")
.to(circle_98, 0.5, {attr:{cx:187.2625, cy:91.2625}}, "frame_030")
.to(circle_106, 0.5, {attr:{cx:161.2625, cy:62.2625}}, "frame_030")
.to(circle_115, 0.5, {attr:{cx:160.2625, cy:93.2625}}, "frame_030")
.to(circle_125, 0.5, {attr:{cx:141.2625, cy:117.2625}}, "frame_030")
.to(circle_136, 0.5, {attr:{cx:164.2625, cy:125.2625}}, "frame_030")
.to(circle_148, 0.5, {attr:{cx:175.2625, cy:156.2625}}, "frame_030")
.to(circle_161, 0.5, {attr:{cx:175.2625, cy:194.2625}}, "frame_030")
.to(circle_175, 0.5, {attr:{cx:119.2625, cy:195.2625}}, "frame_030")
.to(circle_190, 0.5, {attr:{cx:138.2625, cy:160.2625}}, "frame_030")
.to(circle_76, 0.5, {attr:{cx:143.2625, cy:101.2625}}, "frame_031")
.to(circle_80, 0.5, {attr:{cx:165.2625, cy:84.2625}}, "frame_031")
.to(circle_85, 0.5, {attr:{cx:164.2625, cy:102.2625}}, "frame_031")
.to(circle_91, 0.5, {attr:{cx:135.2625, cy:77.2625}}, "frame_031")
.to(circle_98, 0.5, {attr:{cx:182.2625, cy:86.2625}}, "frame_031")
.to(circle_106, 0.5, {attr:{cx:158.2625, cy:67.2625}}, "frame_031")
.to(circle_115, 0.5, {attr:{cx:160.2625, cy:87.2625}}, "frame_031")
.to(circle_125, 0.5, {attr:{cx:143.2625, cy:120.2625}}, "frame_031")
.to(circle_136, 0.5, {attr:{cx:161.2625, cy:124.2625}}, "frame_031")
.to(circle_148, 0.5, {attr:{cx:178.2625, cy:155.2625}}, "frame_031")
.to(circle_161, 0.5, {attr:{cx:162.2625, cy:191.2625}}, "frame_031")
.to(circle_175, 0.5, {attr:{cx:126.2625, cy:196.2625}}, "frame_031")
.to(circle_190, 0.5, {attr:{cx:142.2625, cy:157.2625}}, "frame_031")
.to(circle_76, 0.5, {attr:{cx:141.2625, cy:103.2625}}, "frame_032")
.to(circle_80, 0.5, {attr:{cx:161.2625, cy:87.2625}}, "frame_032")
.to(circle_85, 0.5, {attr:{cx:165.2625, cy:103.2625}}, "frame_032")
.to(circle_91, 0.5, {attr:{cx:133.2625, cy:84.2625}}, "frame_032")
.to(circle_98, 0.5, {attr:{cx:181.2625, cy:91.2625}}, "frame_032")
.to(circle_106, 0.5, {attr:{cx:156.2625, cy:70.2625}}, "frame_032")
.to(circle_115, 0.5, {attr:{cx:158.2625, cy:93.2625}}, "frame_032")
.to(circle_125, 0.5, {attr:{cx:141.2625, cy:121.2625}}, "frame_032")
.to(circle_136, 0.5, {attr:{cx:159.2625, cy:126.2625}}, "frame_032")
.to(circle_148, 0.5, {attr:{cx:174.2625, cy:162.2625}}, "frame_032")
.to(circle_161, 0.5, {attr:{cx:158.2625, cy:196.2625}}, "frame_032")
.to(circle_175, 0.5, {attr:{cx:128.2625, cy:195.2625}}, "frame_032")
.to(circle_190, 0.5, {attr:{cx:143.2625, cy:161.2625}}, "frame_032")
.to(circle_76, 0.5, {attr:{cx:139.2625, cy:108.2625}}, "frame_033")
.to(circle_80, 0.5, {attr:{cx:166.2625, cy:92.2625}}, "frame_033")
.to(circle_85, 0.5, {attr:{cx:165.2625, cy:106.2625}}, "frame_033")
.to(circle_91, 0.5, {attr:{cx:134.2625, cy:90.2625}}, "frame_033")
.to(circle_98, 0.5, {attr:{cx:177.2625, cy:119.2625}}, "frame_033")
.to(circle_106, 0.5, {attr:{cx:157.2625, cy:73.2625}}, "frame_033")
.to(circle_115, 0.5, {attr:{cx:153.2625, cy:113.2625}}, "frame_033")
.to(circle_125, 0.5, {attr:{cx:140.2625, cy:133.2625}}, "frame_033")
.to(circle_136, 0.5, {attr:{cx:159.2625, cy:131.2625}}, "frame_033")
.to(circle_148, 0.5, {attr:{cx:169.2625, cy:160.2625}}, "frame_033")
.to(circle_161, 0.5, {attr:{cx:158.2625, cy:198.2625}}, "frame_033")
.to(circle_175, 0.5, {attr:{cx:134.2625, cy:197.2625}}, "frame_033")
.to(circle_190, 0.5, {attr:{cx:140.2625, cy:163.2625}}, "frame_033")
.to(circle_76, 0.5, {attr:{cx:134.2625, cy:110.2625}}, "frame_034")
.to(circle_80, 0.5, {attr:{cx:176.2625, cy:83.2625}}, "frame_034")
.to(circle_85, 0.5, {attr:{cx:165.2625, cy:106.2625}}, "frame_034")
.to(circle_91, 0.5, {attr:{cx:139.2625, cy:90.2625}}, "frame_034")
.to(circle_98, 0.5, {attr:{cx:150.2625, cy:123.2625}}, "frame_034")
.to(circle_106, 0.5, {attr:{cx:150.2625, cy:69.2625}}, "frame_034")
.to(circle_115, 0.5, {attr:{cx:110.2625, cy:97.2625}}, "frame_034")
.to(circle_125, 0.5, {attr:{cx:145.2625, cy:127.2625}}, "frame_034")
.to(circle_136, 0.5, {attr:{cx:161.2625, cy:125.2625}}, "frame_034")
.to(circle_148, 0.5, {attr:{cx:154.2625, cy:161.2625}}, "frame_034")
.to(circle_161, 0.5, {attr:{cx:161.2625, cy:196.2625}}, "frame_034")
.to(circle_175, 0.5, {attr:{cx:131.2625, cy:195.2625}}, "frame_034")
.to(circle_190, 0.5, {attr:{cx:128.2625, cy:161.2625}}, "frame_034")
.to(circle_76, 0.5, {attr:{cx:134.2625, cy:97.2625}}, "frame_035")
.to(circle_80, 0.5, {attr:{cx:176.2625, cy:75.2625}}, "frame_035")
.to(circle_85, 0.5, {attr:{cx:163.2625, cy:94.2625}}, "frame_035")
.to(circle_91, 0.5, {attr:{cx:148.2625, cy:82.2625}}, "frame_035")
.to(circle_98, 0.5, {attr:{cx:138.2625, cy:70.2625}}, "frame_035")
.to(circle_106, 0.5, {attr:{cx:153.2625, cy:65.2625}}, "frame_035")
.to(circle_115, 0.5, {attr:{cx:116.2625, cy:81.2625}}, "frame_035")
.to(circle_125, 0.5, {attr:{cx:145.2625, cy:125.2625}}, "frame_035")
.to(circle_136, 0.5, {attr:{cx:163.2625, cy:122.2625}}, "frame_035")
.to(circle_148, 0.5, {attr:{cx:148.2625, cy:156.2625}}, "frame_035")
.to(circle_161, 0.5, {attr:{cx:169.2625, cy:191.2625}}, "frame_035")
.to(circle_175, 0.5, {attr:{cx:130.2625, cy:190.2625}}, "frame_035")
.to(circle_190, 0.5, {attr:{cx:124.2625, cy:153.2625}}, "frame_035");


var playing = true;

$( ".align" ).on( "click", function() {
   if(playing){
     playing = false;
     t1.pause();
   }else{
     playing = true;
     t1.play();
   }
});
            
          
!
999px
Loading ..................

Console