svg+css实现蜻蜓展翅飞翔动画效果代码
代码语言：html
所属分类：动画
代码描述：svg+css实现蜻蜓展翅飞翔动画效果代码
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<style>
body {
background-color: #676;
}
.title {
position: absolute;
right: 80px;
top: 40px;
font-size: 70px;
}
.overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url(http://bravada.besaba.com/wp-content/uploads/2015/10/travka.jpg);
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: centre center;
}
.axis {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.dot {
position: absolute;
border-radius: 50%;
width: 93px;
height: 24px;
}
#fly {
animation: fly 0.2s infinite;
}
@keyframes fly {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.dot:nth-child(1) {
animation: flyin1 15s infinite;
-moz-transition: all 0.31s;
-o-transition: all 0.31s;
-webkit-transition: all 0.31s;
transition: all 0.31s;
}
.dot:nth-child(1) svg {
width: 3px;
height: 25px;
}
@keyframes flyin1 {
0% {
transform: translate(130px, 431px);
top: 689px;
left: 370px;
opacity: 0;
-moz-transform: rotate(2deg);
-ms-transform: rotate(2deg);
-webkit-transform: rotate(2deg);
transform: rotate(2deg);
}
1% {
transform: translate(96px, 193px);
top: 263px;
left: 997px;
opacity: 1;
}
50% {
transform: translate(23px, 75px);
top: 421px;
left: 116px;
-moz-transform: rotate(2deg);
-ms-transform: rotate(2deg);
-webkit-transform: rotate(2deg);
transform: rotate(2deg);
}
99% {
transform: translate(56px, 333px);
top: 528px;
left: 267px;
opacity: 1;
}
100% {
transform: translate(21px, 219px);
top: 180px;
left: 524px;
opacity: 0;
}
}
.dot:nth-child(2) {
animation: flyin2 15s infinite;
-moz-transition: all 0.32s;
-o-transition: all 0.32s;
-webkit-transition: all 0.32s;
transition: all 0.32s;
}
.dot:nth-child(2) svg {
width: 18px;
height: 1px;
}
@keyframes flyin2 {
0% {
transform: translate(141px, 488px);
top: 331px;
left: 271px;
opacity: 0;
-moz-transform: rotate(4deg);
-ms-transform: rotate(4deg);
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
1% {
transform: translate(64px, 313px);
top: 601px;
left: 848px;
opacity: 1;
}
50% {
transform: translate(120px, 134px);
top: 491px;
left: 742px;
-moz-transform: rotate(4deg);
-ms-transform: rotate(4deg);
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
99% {
transform: translate(167px, 356px);
top: 143px;
left: 370px;
opacity: 1;
}
100% {
transform: translate(133px, 459px);
top: 421px;
left: 526px;
opacity: 0;
}
}
.dot:nth-child(3) {
animation: flyin3 15s infinite;
-moz-transition: all 0.33s;
-o-transition: all 0.33s;
-webkit-transition: all 0.33s;
transition: all 0.33s;
}
.dot:nth-child(3) svg {
width: 44px;
height: 65px;
}
@keyframes flyin3 {
0% {
transform: translate(171px, 412px);
top: 163px;
left: 513px;
opacity: 0;
-moz-transform: rotate(6deg);
-ms-transform: rotate(6deg);
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
1% {
transform: translate(107px, 436px);
top: 321px;
left: 620px;
opacity: 1;
}
50% {
transform: translate(26px, 135px);
top: 62px;
left: 278px;
-moz-transform: rotate(6deg);
-ms-transform: rotate(6deg);
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
99% {
transform: translate(184px, 275px);
top: 556px;
left: 744px;
opacity: 1;
}
100% {
transform: translate(48px, 143px);
top: 350px;
left: 527px;
opacity: 0;
}
}
.dot:nth-child(4) {
animation: flyin4 15s infinite;
-moz-transition: all 0.34s;
-o-transition: all 0.34s;
-webkit-transition: all 0.34s;
transition: all 0.34s;
}
.dot:nth-child(4) svg {
width: 49px;
height: 27px;
}
@keyframes flyin4 {
0% {
transform: translate(24px, 172px);
top: 584px;
left: 675px;
opacity: 0;
-moz-transform: rotate(8deg);
-ms-transform: rotate(8deg);
-webkit-transform: rotate(8deg);
transform: rotate(8deg);
}
1% {
transform: translate(32px, 455px);
top: 145px;
left: 640px;
opacity: 1;
}
50% {
transform: translate(181px, 269px);
top: 90px;
left: 267px;
-moz-transform: rotate(8deg);
-ms-transform: rotate(8deg);
-webkit-transform: rotate(8deg);
transform: rotate(8deg);
}
99% {
transform: translate(141px, 452px);
top: 1px;
left: 106px;
opacity: 1;
}
100% {
transform: translate(162px, 338px);
top: 178px;
left: 550px;
opacity: 0;
}
}
.dot:nth-child(5) {
animation: flyin5 15s infinite;
-moz-transition: all 0.35s;
-o-transition: all 0.35s;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.dot:nth-child(5) svg {
width: 23px;
height: 57px;
}
@keyframes flyin5 {
0% {
transform: translate(179px, 365px);
top: 671px;
left: 879px;
opacity: 0;
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}
1% {
transform: translate(172px, 490px);
top: 42px;
left: 601px;
opacity: 1;
}
50% {
transform: translate(134px, 198px);
top: 480px;
left: 108px;
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}
99% {
transform: translate(174px, 63px);
top: 411px;
left: 108px;
opacity: 1;
}
100% {
transform: translate(156px, 60px);
top: 63px;
left: 622px;
opacity: 0;
}
}
.dot:nth-child(6) {
animation: flyin6 15s infinite;
-moz-transition: all 0.36s;
-o-transition: all 0.36s;
-webkit-transition: all 0.36s;
transition: all 0.36s;
}
.dot:nth-child(6) svg {
width: 9px;
height: 144px;
}
@keyframes flyin6 {
0% {
transform: translate(165px, 445px);
top: 620px;
left: 870px;
opacity: 0;
-moz-transform: rotate(12deg);
-ms-transform: rotate(12deg);
-webkit-transform: rotate(12deg);
transform: rotate(12deg);
}
1% {
transform: translate(25px, 323px);
top: 462px;
left: 214px;
opacity: 1;
}
50% {
transform: translate(50px, 10px);
top: 320px;
left: 828px;
-moz-transform: rotate(12deg);
-ms-transform: rotate(12deg);
-webkit-transform: rotate(12deg);
transform: rotate(12deg);
}
99% {
transform: translate(11px, 95px);
top: 586px;
left: 593px;
opacity: 1;
}
100% {
transform: translate(105px, 267px);
top: 197px;
left: 276px;
opacity: 0;
}
}
.dot:nth-child(7) {
animation: flyin7 15s infinite;
-moz-transition: all 0.37s;
-o-transition: all 0.37s;
-webkit-transition: all 0.37s;
transition: all 0.37s;
}
.dot:nth-child(7) svg {
width: 210px;
height: 43px;
}
@keyframes flyin7 {
0% {
transform: translate(97px, 336px);
top: 146px;
left: 633px;
opacity: 0;
-moz-transform: rotate(14deg);
-ms-transform: rotate(14deg);
-webkit-transform: rotate(14deg);
transform: rotate(14deg);
}
1% {
transform: translate(79px, 203px);
top: 611px;
left: 291px;
opacity: 1;
}
50% {
transform: translate(81px, 91px);
top: 700px;
left: 371px;
-moz-transform: rotate(14deg);
-ms-transform: rotate(14deg);
-webkit-transform: rotate(14deg);
transform: rotate(14deg);
}
99% {
transform: translate(36px, 387px);
top: 470px;
left: 54px;
opacity: 1;
}
100% {
transform: translate(171px, 354px);
top: 413px;
left: 600px;
opacity: 0;
}
}
.dot:nth-child(8) {
animation: flyin8 15s infinite;
-moz-transition: all 0.38s;
-o-transition: all 0.38s;
-webkit-transition: all 0.38s;
transition: all 0.38s;
}
.dot:nth-child(8) svg {
width: 64px;
height: 47px;
}
@keyframes flyin8 {
0% {
transform: translate(189px, 471px);
top: 467px;
left: 906px;
opacity: 0;
-moz-transform: rotate(16deg);
-ms-transform: rotate(16deg);
-webkit-transform: rotate(16deg);
transform: rotate(16deg);
}
1% {
transform: translate(139px, 282px);
top: 549px;
left: 165px;
opacity: 1;
}
50% {
transform: translate(189px, 14px);
top: 305px;
left: 480px;
-moz-transform: rotate(16deg);
-ms-transform: rotate(16deg);
-webkit-transform: rotate(16deg);
transform: rotate(16deg);
}
99% {
transform: translate(188px, 340px);
top: 468px;
left: 296px;
opacity: 1;
}
100% {
transform: translate(152px, 295px);
top: 571px;
left: 682px;
opacity: 0;
}
}
.dot:nth-child(9) {
animation: flyin9 15s infinite;
-moz-transition: all 0.39s;
-o-transition: all 0.39s;
-webkit-transition: all 0.39s;
transition: all 0.39s;
}
.dot:nth-child(9) svg {
width: 36px;
height: 250px;
}
@keyframes flyin9 {
0% {
transform: translate(180px, 89px);
top: 75px;
left: 665px;
opacity: 0;
-moz-transform: rotate(18deg);
-ms-transform: rotate(18deg);
-webkit-transform: rotate(18deg);
transform: rotate(18deg);
}
1% {
transform: translate(106px, 321px);
top: 610px;
left: 256px;
opacity: 1;
}
50% {
transform: translate(198px, 489px);
top: 328px;
left: 322px;
-moz-transform: rotate(18deg);
-ms-transform: rotate(18deg);
-webkit-transform: rotate(18deg);
transform: rotate(18deg);
}
99% {
transform: translate(7px, 415px);
top: 20px;
left: 852px;
opacity: 1;
}
100% {
transform: translate(110px, 102px);
top: 541px;
left: 137px;
opacity: 0;
}
}
.dot:nth-child(10) {
animation: flyin10 15s infinite;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.dot:nth-child(10) svg {
width: 179px;
height: 149px;
}
@keyframes flyin10 {
0% {
transform: translate(175px, 109px);
top: 525px;
left: 147px;
opacity: 0;
-moz-transform: rotate(20deg);
-ms-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}
1% {
transform: translate(6px, 182px);
top: 322px;
left: 963px;
opacity: 1;
}
50% {
transform: translate(28px, 102px);
top: 276px;
left: 716px;
-moz-transform: rotate(20deg);
-ms-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}
99% {
transform: translate(193px, 447px);
top: 499px;
left: 906px;
opacity: 1;
}
100% {
transform: translate(181px, 373px);
top: 197px;
left: 255px;
opacity: 0;
}
}
.dot:nth-child(11) {
animation: flyin11 15s infinite;
-moz-transition: all 0.41s;
-o-transition: all 0.41s;
-webkit-transition: all 0.41s;
transition: all 0.41s;
}
.dot:nth-child(11) svg {
width: 208px;
height: 255px;
}
@keyframes flyin11 {
0% {
transform: translate(92px, 28px);
top: 188px;
left: 644px;
opacity: 0;
-moz-transform: rotate(22deg);
-ms-transform: rotate(22deg);
-webkit-transform: rotate(22deg);
transform: rotate(22deg);
}
1% {
transform: translate(57px, 306px);
top: 670px;
left: 163px;
opacity: 1;
}
50% {
transform: translate(109px, 272px);
top: 458px;
left: 902px;
-moz-transform: rotate(22deg);
-ms-transform: rotate(22deg);
-webkit-transform: rotate(22deg);
transform: rotate(22deg);
}
99% {
transform: translate(19px, 387px);
top: 348px;
left: 849px;
opacity: 1;
}
100% {
transform: translate(199px, 474px);
top: 546px;
left: 22px;
opacity: 0;
}
}
.dot:nth-child(12) {
animation: flyin12 15s infinite;
-moz-transition: all 0.42s;
-o-transition: all 0.42s;
-webkit-transition: all 0.42s;
transition: all 0.42s;
}
.dot:nth-child(12) svg {
width: 154px;
height: 237px;
}
@keyframes flyin12 {
0% {
transform: translate(115px, 195px);
top: 28px;
left: 510px;
opacity: 0;
-moz-transform: rotate(24deg);
-ms-transform: rotate(24deg);
-webkit-transform: rotate(24deg);
transform: rotate(24deg);
}
1% {
transform: translate(20px, 235px);
top: 626px;
left: 721px;
opacity: 1;
}
50% {
transform: translate(171px, 462px);
top: 462px;
left: 351px;
-moz-transform: rotate(24deg);
-ms-transform: rotate(24deg);
-webkit-transform: rotate(24deg);
transform: rotate(24deg);
}
99% {
transform: translate(137px, 103px);
top: 342px;
left: 477px;
opacity: 1;
}
100% {
transform: translate(30px, 67px);
top: 591px;
left: 595px;
opacity: 0;
}
}
.dot:nth-child(13) {
animation: flyin13 15s infinite;
-moz-transition: all 0.43s;
-o-transition: all 0.43s;
-webkit-transition: all 0.43s;
transition: all 0.43s;
}
.dot:nth-child(13) svg {
width: 157px;
height: 9px;
}
@keyframes flyin13 {
0% {
transform: translate(160px, 6px);
top: 681px;
left: 720px;
opacity: 0;
-moz-transform: rotate(26deg);
-ms-transform: rotate(26deg);
-webkit-transform: rotate(26deg);
transform: rotate(26deg);
}
1% {
transform: translate(155px, 328px);
top: 192px;
left: 155px;
opacity: 1;
}
50% {
transform: translate(115px, 496px);
top: 593px;
left: 751px;
-moz-transform: rotate(26deg);
-ms-transform: rotate(26deg);
-webkit-transform: rotate(26deg);
transform: rotate(26deg);
}
99% {
transform: translate(199px, 369px);
top: 654px;
left: 374px;
opacity: 1;
}
100% {
transform: translate(152px, 193px);
top: 108px;
left: 749px;
opacity: 0;
}
}
.dot:nth-child(14) {
animation: flyin14 15s infinite;
-moz-transition: all 0.44s;
-o-transition: all 0.44s;
-webkit-transition: all 0.44s;
transition: all 0.44s;
}
.dot:nth-child(14) svg {
width: 156px;
height: 173px;
}
@keyframes flyin14 {
0% {
transform: translate(197px, 121px);
top: 468px;
left: 171px;
opacity: 0;
-moz-transform: rotate(28deg);
-ms-transform: rotate(28deg);
-webkit-transform: rotate(28deg);
transform: rotate(28deg);
}
1% {
transform: translate(107px, 427px);
top: 538px;
left: 712px;
opacity: 1;
}
50% {
transform: translate(105px, 170px);
top: 484px;
left: 931px;
-moz-transform: rotate(28deg);
-ms-transform: rotate(28deg);
-webkit-transform: rotate(28deg);
transform: rotate(28deg);
}
99% {
transform: translate(20px, 198px);
top: 390px;
left: 958px;
opacity: 1;
}
100% {
transform: translate(195px, 439px);
top: 613px;
left: 127px;
opacity: 0;
}
}
.dot:nth-child(15) {
animation: flyin15 15s infinite;
-moz-transition: all 0.45s;
-o-transition: all 0.45s;
-webkit-transition: all 0.45s;
transition: all 0.45s;
}
.dot:nth-child(15) svg {
width: 341px;
height: 17px;
}
@keyframes flyin15 {
0% {
transform: translate(44px, 42px);
top: 684px;
left: 866px;
opacity: 0;
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
}
1% {
transform: translate(118px, 203px);
top: 658px;
left: 431px;
opacity: 1;
}
50% {
transform: translate(38px, 31px);
top: 608px;
left: 678px;
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
}
99% {
transform: translate(68px, 64px);
top: 210px;
left: 785px;
opacity: 1;
}
100% {
transform: translate(91px, 10px);
top: 386px;
left: 650px;
opacity: 0;
}
}
.dot:nth-child(16) {
animation: flyin16 15s infinite;
-moz-transition: all 0.46s;
-o-transition: all 0.46s;
-webkit-transition: all 0.46s;
transition: all 0.46s;
}
.dot:nth-child(16) svg {
width: 125px;
height: 301px;
}
@keyframes flyin16 {
0% {
transform: translate(85px, 328px);
top: 164px;
left: 98px;
opacity: 0;
-moz-transform: rotate(32deg);
-ms-transform: rotate(32deg);
-webkit-transform: rotate(32deg);
transform: rotate(32deg);
}
1% {
transform: translate(192px, 177px);
top: 478px;
left: 612px;
opacity: 1;
}
50% {
transform: translate(49px, 402px);
top: 189px;
left: 300px;
-moz-transform: rotate(32deg);
-ms-transform: rotate(32deg);
-webkit-transform: rotate(32deg);
transform: rotate(32deg);
}
99% {
transform: translate(64px, 202px);
top: 493px;
left: 267px;
opacity: 1;
}
100% {
transform: translate(144px, 95px);
top: 525px;
left: 511px;
opacity: 0;
}
}
.dot:nth-child(17) {
animation: flyin17 15s infinite;
-moz-transition: all 0.47s;
-o-transition: all 0.47s;
-webkit-transition: all 0.47s;
transition: all 0.47s;
}
.dot:nth-child(17) svg {
width: 118px;
height: 154px;
}
@keyframes flyin17 {
0% {
transform: translate(1px, 211px);
top: 17px;
left: 712px;
opacity: 0;
-moz-transform: rotate(34deg);
-ms-transform: rotate(34deg);
-webkit-transform: rotate(34deg);
transform: rotate(34deg);
}
1% {
transform: translate(82px, 244px);
top: 576px;
left: 121px;
opacity: 1;
}
50% {
transform: translate(178px, 51px);
top: 674px;
left: 322px;
-moz-transform: rotate(34deg);
-ms-transform: rotate(34deg);
-webkit-transform: rotate(34deg);
transform: rotate(34deg);
}
99% {
transform: translate(193px, 140px);
top: 126px;
left: 609px;
opacity: 1;
}
100% {
transform: translate(50px, 334px);
top: 400px;
left: 305px;
opacity: 0;
}
}
.dot:nth-child(18) {
animation: flyin18 15s infinite;
-moz-transition: all 0.48s;
-o-transition: all 0.48s;
-webkit-transition: all 0.48s;
transition: all 0.48s;
}
.dot:nth-child(18) svg {
width: 540px;
height: 29px;
}
@keyframes flyin18 {
0% {
transform: translate(4px, 402px);
top: 565px;
left: 474px;
opacity: 0;
-moz-transform: rotate(36deg);
-ms-transform: rotate(36deg);
-webkit-transform: rotate(36deg);
transform: rotate(36deg);
}
1% {
transform: translate(152px, 420px);
top: 232px;
left: 88px;
opacity: 1;
}
50% {
transform: translate(46px, 117px);
top: 37px;
left: 584px;
-moz-transform: rotate(36deg);
-ms-transform: rotate(36deg);
-webkit-transform: rotate(36deg);
transform: rotate(36deg);
}
99% {
transform: translate(146px, 59px);
top: 504px;
left: 442px;
opacity: 1;
}
100% {
transform: translate(176px, 217px);
top: 32px;
left: 164px;
opacity: 0;
}
}
.dot:nth-child(19) {
animation: flyin19 15s infinite;
-moz-transition: all 0.49s;
-o-transition: all 0.49s;
-webkit-transition: all 0.49s;
transition: all 0.49s;
}
.dot:nth-child(19) svg {
width: 190px;
height: 156px;
}
@keyframes flyin19 {
0% {
transform: translate(12px, 117px);
top: 609px;
left: 840px;
opacity: 0;
-moz-transform: rotate(38deg);
-ms-transform: rotate(38deg);
-webkit-transform: rotate(38deg);
transform: rotate(38deg);
}
1% {
transform: translate(154px, 134px);
top: 242px;
left: 875px;
opacity: 1;
}
50% {
transform: translate(36px, 202px);
top: 577px;
left: 179px;
-moz-transform: rotate(38deg);
-ms-transform: rotate(38deg);
-webkit-transform: rotate(38deg);
transform: rotate(38deg);
}
99% {
transform: translate(162px, 462px);
top: 402px;
left: 980px;
opacity: 1;
}
100% {
transform: translate(99px, 417px);
top: 382px;
left: 893px;
opacity: 0;
}
}
.dot:nth-child(20) {
animation: flyin20 15s infinite;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.dot:nth-child(20) svg {
width: 362px;
height: 396px;
}
@keyframes flyin20 {
0% {
transform: translate(167px, 75px);
top: 580px;
left: 588px;
opacity: 0;
-moz-transform: rotate(40deg);
-ms-transform: rotate(40deg);
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
}
1% {
transform: translate(179px, 134px);
top: 113px;
left: 506px;
opacity: 1;
}
50% {
transform: translate(65px, 250px);
top: 666px;
left: 150px;
-moz-transform: rotate(40deg);
-ms-transform: rotate(40deg);
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
}
99% {
transform: translate(47px, 34px);
top: 689px;
left: 295px;
opacity: 1;
}
100% {
transform: translate(49px, 189px);
top: 700px;
left: 102px;
opacity: 0;
}
}
.dot:nth-child(21) {
animation: flyin21 15s infinite;
-moz-transition: all 0.51s;
-o-transition: all 0.51s;
-webkit-transition: all 0.51s;
transition: all 0.51s;
}
.dot:nth-child(21) svg {
width: 458px;
height: 378px;
}
@keyframes flyin21 {
0% {
transform: translate(189px, 74px);
top: 552px;
left: 436px;
opacity: 0;
-moz-transform: rotate(42deg);
-ms-transform: rotate(42deg);
-webkit-transform: rotate(42deg);
transform: rotate(42deg);
}
1% {
transform: translate(189px, 340px);
top: 122px;
left: 671px;
opacity: 1;
}
50% {
transform: translate(96px, 322px);
top: 100px;
left: 1px;
-moz-transform: rotate(42deg);
-ms-transform: rotate(42deg);
-webkit-transform: rotate(42deg);
transform: rotate(42deg);
}
99% {
transform: translate(99px, 178px);
top: 387px;
left: 423px;
opacity: 1;
}
100% {
transform: translate(125px, 260px);
top: 674px;
left: 474px;
opacity: 0;
}
}
.dot:nth-child(22) {
animation: flyin22 15s infinite;
-moz-transition: all 0.52s;
-o-transition: all 0.52s;
-webkit-transition: all 0.52s;
transition: all 0.52s;
}
.dot:nth-child(22) svg {
width: 76px;
height: 91px;
}
@keyframes flyin22 {
0% {
transform: translate(105px, 408px);
top: 10px;
left: 383px;
opacity: 0;
-moz-transform: rotate(44deg);
-ms-transform: rotate(44deg);
-webkit-transform: rotate(44deg);
transform: rotate(44deg);
}
1% {
transform: translate(7px, 15px);
top: 190px;
left: 56px;
opacity: 1;
}
50% {
transform: translate(22px, 156px);
top: 6px;
left: 213px;
-moz-transform: rotate(44deg);
-ms-transform: rotate(44deg);
-webkit-transform: rotate(44deg);
transform: rotate(44deg);
}
99% {
transform: translate(41px, 425px);
top: 38px;
left: 770px;
opacity: 1;
}
100% {
transform: translate(90px, 346px);
top: 24px;
left: 788px;
opacity: 0;
}
}
.dot:nth-child(23) {
animation: flyin23 15s infinite;
-moz-transition: all 0.53s;
-o-transition: all 0.53s;
-webkit-transition: all 0.53s;
transition: all 0.53s;
}
.dot:nth-child(23) svg {
width: 202px;
height: 114px;
}
@keyframes flyin23 {
0% {
transform: translate(35px, 116px);
top: 420px;
left: 920px;
opacity: 0;
-moz-transform: rotate(46deg);
-ms-transform: rotate(46deg);
-webkit-transform: rotate(46deg);
transform: rotate(46deg);
}
1% {
transform: translate(11px, 392px);
top: 438px;
left: 578px;
opacity: 1;
}
50% {
transform: translate(57px, 137px);
top: 348px;
left: 786px;
-moz-transform: rotate(46deg);
-ms-transform: rotate(46deg);
-webkit-transform: rotate(46deg);
transform: rotate(46deg);
}
99% {
transform: translate(70px, 166px);
top: 493px;
left: 931px;
opacity: 1;
}
100% {
transform: translate(133px, 400px);
top: 696px;
left: 375px;
opacity: 0;
}
}
.dot:nth-child(24) {
animation: flyin24 15s infinite;
-moz-transition: all 0.54s;
-o-transition: all 0.54s;
-webkit-transition: all 0.54s;
transition: all 0.54s;
}
.dot:nth-child(24) svg {
width: 503px;
height: 306px;
}
@keyframes flyin24 {
0% {
transform: translate(147px, 491px);
top: 383px;
left: 372px;
opacity: 0;
-moz-transform: rotate(48deg);
-ms-transform: rotate(48deg);
-webkit-transform: rotate(48deg);
transform: rotate(48deg);
}
1% {
transform: translate(67px, 464px);
top: 324px;
left: 546px;
opacity: 1;
}
50% {
transform: translate(193px, 414px);
top: 470px;
left: 418px;
-moz-transform: rotate(48deg);
-ms-transform: rotate(48deg);
-webkit-transform: rotate(48deg);
transform: rotate(48deg);
}
99% {
transform: translate(8px, 138px);
top: 613px;
left: 615px;
opacity: 1;
}
100% {
transform: translate(2px, 193px);
top: 167px;
left: 602px;
opacity: 0;
}
}
.dot:nth-child(25) {
animation: flyin25 15s infinite;
-moz-transition: all 0.55s;
-o-transition: all 0.55s;
-webkit-transition: all 0.55s;
transition: all 0.55s;
}
.dot:nth-child(25) svg {
width: 160px;
height: 741px;
}
@keyframes flyin25 {
0% {
transform: translate(122px, 440px);
top: 303px;
left: 280px;
opacity: 0;
-moz-transform: rotate(50deg);
-ms-transform: rotate(50deg);
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
}
1% {
transform: translate(173px, 33px);
top: 406px;
left: 347px;
opacity: 1;
}
50% {
transform: translate(167px, 247px);
top: 450px;
left: 283px;
-moz-transform: rotate(50deg);
-ms-transform: rotate(50deg);
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
}
99% {
transform: translate(135px, 303px);
top: 321px;
left: 84px;
opacity: 1;
}
100% {
transform: translate(23px, 147px);
top: 672px;
left: 449px;
opacity: 0;
}
}
.dot:nth-child(26) {
animation: flyin26 15s infinite;
-moz-transition: all 0.56s;
-o-transition: all 0.56s;
-webkit-transition: all 0.56s;
transition: all 0.56s;
}
.dot:nth-child(26) svg {
width: 443px;
height: 708px;
}
@keyframes flyin26 {
0% {
transform: translate(61px, 122px);
top: 532px;
left: 466px;
opacity: 0;
-moz-transform: rotate(52deg);
-ms-transform: rotate(52deg);
-webkit-transform: rotate(52deg);
transform: rotate(52deg);
}
1% {
transform: translate(32px, 480px);
top: 139px;
left: 619px;
opacity: 1;
}
50% {
transform: translate(138px, 11px);
top: 214px;
left: 2px;
-moz-transform: rotate(52deg);
-ms-transform: rotate(52deg);
-webkit-transform: rotate(52deg);
transform: rotate(52deg);
}
99% {
transform: translate(155px, 301px);
top: 415px;
left: 24px;
opacity: 1;
}
100% {
transform: translate(77px, 288px);
top: 572px;
left: 211px;
opacity: 0;
}
}
.dot:nth-child(27) {
animation: flyin27 15s infinite;
-moz-transition: all 0.57s;
-o-transition: all 0.57s;
-webkit-transition: all 0.57s;
transition: all 0.57s;
}
.dot:nth-child(27) svg {
width: 756px;
height: 753px;
}
@keyframes flyin27 {
0% {
transform: translate(134px, 181px);
top: 136px;
left: 454px;
opacity: 0;
-moz-transform: rotate(54deg);
-ms-transform: rotate(54deg);
-webkit-transform: rotate(54deg);
transform: rotate(54deg);
}
1% {
transform: translate(103px, 19px);
top: 147px;
left: 156px;
opacity: 1;
}
50% {
transform: translate(70px, 140px);
top: 414px;
left: 360px;
-moz-transform: rotate(54deg);
-ms-transform: rotate(54deg);
-webkit-transform: rotate(54deg);
transform: rotate(54deg);
}
99% {
transform: translate(73px, 311px);
top: 571px;
left: 16px;
opacity: 1;
}
100% {
transform: translate(165px, 494px);
top: 91px;
left: 332px;
opacity: 0;
}
}
.dot:nth-child(28) {
animation: flyin28 15s infinite;
-moz-transition: all 0.58s;
-o-transition: all 0.58s;
-webkit-transition: all 0.58s;
transition: all 0.58s;
}
.dot:nth-child(28) svg {
width: 109px;
height: 800px;
}
@keyframes flyin28 {
0% {
transform: translate(70px, 336px);
top: 19px;
left: 109px;
opacity: 0;
-moz-transform: rotate(56deg);
-ms-transform: rotate(56deg);
-webkit-transform: rotate(56deg);
transform: rotate(56deg);
}
1% {
transform: translate(131px, 251px);
top: 165px;
left: 210px;
opacity: 1;
}
50% {
transform: translate(96px, 2px);
top: 395px;
left: 613px;
-moz-transform: rotate(56deg);
-ms-transform: rotate(56deg);
-webkit-transform: rotate(56deg);
transform: rotate(56deg);
}
99% {
transform: translate(180px, 461px);
top: 350px;
left: 44px;
opacity: 1;
}
100% {
transform: translate(34px, 457px);
top: 121px;
left: 8px;
opacity: 0;
}
}
.dot:nth-child(29) {
animation: flyin29 15s infinite;
-moz-transition: all 0.59s;
-o-transition: all 0.59s;
-webkit-transition: all 0.59s;
transition: all 0.59s;
}
.dot:nth-child(29) svg {
width: 578px;
height: 744px;
}
@keyframes flyin29 {
0% {
transform: translate(101px, 413px);
top: 301px;
left: 153px;
opacity: 0;
-moz-transform: rotate(58deg);
-ms-transform: rotate(58deg);
-webkit-transform: rotate(58deg);
transform: rotate(58deg);
}
1% {
transform: translate(87px, 65px);
top: 94px;
left: 107px;
opacity: 1;
}
50% {
transform: translate(76px, 169px);
top: 387px;
left: 721px;
-moz-transform: rotate(58deg);
-ms-transform: rotate(58deg);
-webkit-transform: rotate(58deg);
transform: rotate(58deg);
}
99% {
transform: translate(91px, 307px);
top: 614px;
left: 264px;
opacity: 1;
}
100% {
transform: translate(114px, 495px);
top: 583px;
left: 630px;
opacity: 0;
}
}
.dot:nth-child(30) {
animation: flyin30 15s infinite;
-moz-transition: all 0.6s;
-o-transition: all 0.6s;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.dot:nth-child(30) svg {
width: 307px;
height: 368px;
}
@keyframes flyin30 {
0% {
transform: translate(125px, 411px);
top: 163px;
left: 661px;
opacity: 0;
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
1% {
transform: translate(66px, 144px);
top: 248px;
left: 361px;
opacity: 1;
}
50% {
transform: translate(98px, 131px);
top: 520px;
left: 603px;
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
99% {
transform: translate(146px, 178px);
top: 176px;
left: 316px;
opacity: 1;
}
100% {
transform: translate(10px, 278px);
top: 403px;
left: 64px;
opacity: 0;
}
}
.dot:nth-child(31) {
animation: flyin31 15s infinite;
-moz-transition: all 0.61s;
-o-transition: all 0.61s;
-webkit-transition: all 0.61s;
transition: all 0.61s;
}
.dot:nth-child(31) svg {
width: 685px;
height: 116px;
}
@keyframes flyin31 {
0% {
transform: translate(101px, 262px);
top: 551px;
left: 731px;
opacity: 0;
-moz-transform: rotate(62deg);
-ms-transform: rotate(62deg);
-webkit-transform: rotate(62deg);
transform: rotate(62deg);
}
1% {
transform: translate(128px, 291px);
top: 437px;
left: 571px;
opacity: 1;
}
50% {
transform: translate(95px, 267px);
top: 69px;
left: 159px;
-moz-transform: rotate(62deg);
-ms-transform: rotate(62deg);
-webkit-transform: rotate(62deg);
transform: rotate(62deg);
}
99% {
transform: translate(155px, 279px);
top: 629px;
left: 717px;
opacity: 1;
}
100% {
transform: translate(80px, 348px);
top: 319px;
left: 445px;
opacity: 0;
}
}
.dot:nth-child(32) {
animation: flyin32 15s infinite;
-moz-transition: all 0.62s;
-o-transition: all 0.62s;
-webkit-transition: all 0.62s;
transition: all 0.62s;
}
.dot:nth-child(32) svg {
width: 613px;
height: 531px;
}
@keyframes flyin32 {
0% {
transform: translate(20px, 405px);
top: 488px;
left: 552px;
opacity: 0;
-moz-transform: rotate(64deg);
-ms-transform: rotate(64deg);
-webkit-transform: rotate(64deg);
transform: rotate(64deg);
}
1% {
transform: translate(57px, 264px);
top: 17px;
left: 757px;
opacity: 1;
}
50% {
transform: translate(171px, 368px);
top: 177px;
left: 883px;
-moz-transform: rotate(64deg);
-ms-transform: rotate(64deg);
-webkit-transform: rotate(64deg);
transform: rotate(64deg);
}
99% {
transform: translate(200px, 385px);
top: 470px;
left: 350px;
opacity: 1;
}
100% {
transform: translate(195px, 463px);
top: 196px;
left: 948px;
opacity: 0;
}
}
</style>
</head>
<body>
<div class='axis'>
<div class='overlay'></div>
<div class='title'>Dragonfly</div>
<div class='dot'>
<svg viewbox='0 0 300 300' x='0px' y='0px'>
<path d='M77.2,22.1c2.2-0.8,3.5-1.2,8.3-3.2c2.2-0.9,3.2-1.8,3-2.9c-0.4-2.2-6.3-3.3-7-3.3c-1.1,0-6.3,1.1-10.9,2L69.4,15 c-2.2,0.5-4.2,0.6-6.5,0.8c-2.3,0.2-4.9,0.4-8.2,0.9c-1.9,0.3-3.3,0.7-4.4,1c-0.1,0.4-0.3,0.7-0.5,1c1.1-0.4,2.7-0.9,5.1-1.2 c3.3-0.5,5.9-0.7,8.1-0.9c0.2,0,0.4,0,0.7-0.1c-5.7,1.4-11.6,3-14.1,3.7c0.1,0.1,0.1,0.3,0.2,0.4c3.1-0.9,10.6-2.9,17.1-4.5 c0.9-0.1,1.8-0.2,2.8-0.4l1.1-0.2c4.1-0.8,9.7-2,10.8-2c1.1,0,6,1.3,6.2,2.6c0,0.2,0,0.3-0.2,0.5c-5.1-1.5-13.1-1.2-23.9,0.9 c-6.1,1.2-11.4,2.8-13.8,3.5c0,0.1,0.1,0.3,0.1,0.4c3.3-1,13-3.7,22.3-4.9c0.7,0.1,5.9,1.2,8,3.4c-1.4,0.5-2.3,0.8-3.5,1.3 c-1.1,0.4-2.4,0.8-4.4,1.6c-1.6,0-6.6-0.2-11-1.4c-4.2-1.2-9.4-0.3-11.5,0.2c0,0.2,0,0.3,0.1,0.5c2-0.5,7.2-1.4,11.3-0.2 c3.6,1,7.7,1.3,9.9,1.4c-6.4,2.3-17.4,1.3-21.4,0.7c-0.1,0.3-0.2,0.5-0.3,0.8c2.8,0.5,11,1.7,18,2.4c8,0.7,16,1.7,17.6,4.8 c0.1,0.3,0.2,0.5,0.2,0.7c-21-5.2-28.8-4.8-31.8-4.7c-1.1,0.1-1.5,0.1-1.8-0.1l-2.6-2.3c-0.1,0.1-0.2,0.2-0.3,0.4l2.6,2.3 c0.4,0.3,0.9,0.3,2.1,0.3c2.9-0.1,10.7-0.5,31.6,4.7c0,0,0,0,0,0c-0.7,1.2-3.7,1.9-6.8,2.4c-2.2-2.4-7.1-2.9-12.8-3.6 c-2.7-0.3-5.4-0.6-8.1-1.2c-5.6-1.1-8.3-3.1-9.5-4.3c0,0-0.1,0.1-0.1,0.1c0,0.2,0.1,0.4,0.1,0.5c1.4,1.3,4.1,3.1,9.4,4.1 c7.5,2.3,10.9,4.2,11.6,5.1c-5.6,0.1-11.3-0.4-14.5-0.7c-1.1-0.1-1.8-0.2-2.3-0.2c-0.2,0-0.4,0-0.6,0c-1,0-2.1,0.1-2.7-0.9 c-0.3-0.6-0.4-1.3-0.4-2.1c0-0.7-0.1-1.5-0.4-2.4c0,0.9-0.2,1.8-0.4,2.7c0,0.7,0.1,1.4,0.5,2.2c0.8,1.5,2.4,1.4,3.4,1.4 c0.2,0,0.4,0,0.6,0c0.4,0,1.1,0.1,2.2,0.2c2.9,0.3,7.7,0.8,12.8,0.8c1.5,0,3.1,0,4.7-0.2c9-0.7,13-1.7,14-3.5 c0.3-0.6,0.3-1.3-0.1-2c-1.8-3.4-9.6-4.4-18.2-5.2c-2.5-0.2-5.1-0.5-7.6-0.9c4.2,0,8.6-0.3,11.8-1.5 C74.4,23.1,75.9,22.5,77.2,22.1z M73.8,16.5c5-0.5,9.8-0.5,13.4,0.5c-0.4,0.3-1.1,0.7-1.9,1.1c-1.9,0.8-3.3,1.3-4.4,1.8 C79.2,18.1,75.7,17,73.8,16.5z M71.9,36.3c-0.7,0.1-1.5,0.1-2.2,0.1c-0.7-1.5-5.6-3.4-9-4.6c1.7,0.2,3.3,0.4,5,0.6 c5.4,0.6,10.1,1.2,12.3,3.2C75.6,36,73.3,36.2,71.9,36.3z' id='fly'></path>
<path d='M42.1,30.1c-0.3,0.9-0.3,1.7-0.4,2.4c0,0.8,0,1.4-0.4,2.1c-0.5,1-1.7,1-2.7,0.9c-0.2,0-0.4,0-0.6,0 c-0.4,0-1.2,0.1-2.3,0.2c-3.3,0.3-8.9,0.9-14.5,0.7c0.7-0.9,4-2.8,11.6-5.1c5.3-1,8-2.9,9.4-4.1c0-0.2,0-0.4,0.1-0.5 c0,0-0.1-0.1-0.1-0.1c-1.2,1.2-3.9,3.2-9.5,4.3c-2.7,0.5-5.4,0.8-8.1,1.2C19,32.7,14.1,33.3,12,35.6c-3.1-0.5-6.1-1.2-6.8-2.4 c0,0,0,0,0,0c20.9-5.2,28.7-4.8,31.6-4.7c1.2,0.1,1.7,0.1,2.1-0.3l2.6-2.3c-0.1-0.1-0.2-0.2-0.3-0.4l-2.6,2.3 c-0.3,0.2-0.7,0.2-1.8,0.1c-3-0.1-10.8-0.5-31.8,4.7c0-0.2,0.1-0.5,0.2-0.7c1.6-3,9.6-4,17.6-4.8c7-0.7,15.2-1.9,18-2.4 c-0.1-0.3-0.2-0.5-0.3-0.8c-4,0.6-15,1.6-21.4-0.7c2.2-0.1,6.3-0.4,9.9-1.4c4.1-1.2,9.3-0.3,11.3,0.2c0-0.2,0-0.3,0.1-0.5 c-2.1-0.5-7.3-1.4-11.5-0.2c-4.4,1.2-9.4,1.4-11,1.4c-2-0.7-3.3-1.2-4.4-1.6c-1.2-0.4-2.1-0.7-3.5-1.3c2.1-2.2,7.3-3.3,8-3.4 c9.4,1.1,19,3.9,22.3,4.9c0-0.1,0.1-0.3,0.1-0.4c-2.3-0.7-7.7-2.2-13.8-3.5C16,15.5,8,15.1,2.9,16.7c-0.1-0.2-0.2-0.4-0.2-0.5 C3,14.8,7.9,13.5,9,13.5c1.1,0,6.7,1.2,10.8,2l1.1,0.2c0.9,0.2,1.9,0.3,2.8,0.4c6.5,1.5,14.1,3.6,17.1,4.5 c0.1-0.1,0.1-0.3,0.2-0.4c-2.6-0.7-8.4-2.3-14.1-3.7c0.2,0,0.4,0,0.7,0.1c2.3,0.2,4.8,0.4,8.1,0.9c2.4,0.4,4,0.8,5.1,1.2 c-0.2-0.3-0.4-0.7-0.5-1c-1.1-0.3-2.5-0.7-4.4-1c-3.3-0.5-5.9-0.7-8.2-0.9c-2.3-0.2-4.3-0.3-6.5-0.8l-1.1-0.2 c-4.6-0.9-9.8-2-10.9-2c-0.7,0-6.6,1.1-7,3.3c-0.2,1,0.8,2,3,2.9c4.8,2,6.2,2.4,8.3,3.2c1.2,0.4,2.7,1,5.3,1.9 c3.2,1.2,7.7,1.6,11.8,1.5c-2.5,0.3-5.1,0.6-7.6,0.9c-8.6,0.8-16.4,1.8-18.2,5.2c-0.4,0.7-0.4,1.4-0.1,2c1,1.8,5.1,2.8,14,3.5 c1.5,0.1,3.1,0.2,4.7,0.2c5,0,9.8-0.5,12.8-0.8c1.1-0.1,1.8-0.2,2.2-0.2c0.2,0,0.3,0,0.6,0c1.1,0,2.6,0.1,3.4-1.4 c0.4-0.7,0.4-1.4,0.5-2.2C42.3,31.9,42.1,31,42.1,30.1z M5.2,18.1c-0.9-0.4-1.5-0.7-1.9-1.1c3.6-1,8.4-1,13.4-0.5 c-2,0.5-5.4,1.5-7,3.4C8.5,19.5,7.2,18.9,5.2,18.1z M20.8,36.4c-0.8,0-1.5-0.1-2.2-0.1c-1.4-0.1-3.7-0.3-6-0.6 c2.2-2,6.9-2.6,12.3-3.2c1.6-0.2,3.3-0.4,5-0.6C26.4,33,21.5,34.9,20.8,36.4z' id='fly'></path>
<path d='M43.1,14.2c0.3-0.6,0.2-1.3-0.2-2.2c-1.2,0.8-2.1,2.1-2.1,3.7C41.6,15.4,42.7,15,43.1,14.2z'></path>
<path d='M47.4,14.2c0.4,0.8,1.4,1.2,2.4,1.4c-0.1-1.5-0.9-2.9-2.1-3.7C47.2,12.9,47.1,13.6,47.4,14.2z'></path>
<path d='M47.5,69.6c0-0.3,0-0.6,0-0.9c0-0.2,0-0.5,0-0.7c-0.8,0.3-1.6,0.5-2.4,0.5c-0.1,0-0.3,0-0.4,0c-0.6,0-1.2-0.2-1.7-0.4 c0,0.2,0,0.4,0,0.6c0,0.3,0,0.7,0,1c0.5,0.3,1.1,0.5,1.8,0.5C45.7,70.3,46.6,70.1,47.5,69.6z'></path>
<path d='M47.4,66.5c0-0.5-0.1-0.9-0.2-1.3c-0.2-1-0.4-1.8-0.7-2.5c0.1-2.6,0.1-5.4,0.1-8.3c0-5.5-0.1-10.7-0.3-14.6 c-0.1-2.7-0.3-4.3-0.4-5.2c0.9-0.6,1.5-2.5,1.6-4.4c0-0.3,0-0.6,0-0.9c0-0.3,0-0.5,0-0.8c0-0.8-0.2-1.6-0.4-2.3c0,0,0.1,0,0.1-0.1 c0.1-0.1,0.3-0.2,0.4-0.3c0.2-0.2,0.4-0.4,0.6-0.6c0.1-0.1,0.2-0.2,0.3-0.4c0.1-0.1,0.1-0.2,0.2-0.3c0.1-0.2,0.3-0.5,0.3-0.8 c0.1-0.4,0.2-0.8,0.2-1.3c0-0.1,0-0.2,0-0.3c0-0.2,0-0.3-0.1-0.5c0,0,0,0,0-0.1c0-0.2-0.1-0.3-0.1-0.4C49,21.2,49,21,48.9,20.9 c-0.1-0.1-0.2-0.3-0.3-0.4c-0.2-0.3-0.5-0.6-0.8-0.9c0,0,0-0.1-0.1-0.1c0.6-0.4,1-0.9,1.4-1.5c0.2-0.4,0.4-0.8,0.5-1.2 c-1.1-0.2-2.6-0.8-3.3-2.1c-0.5-0.9-0.4-2,0.2-3.2c-0.4-0.1-0.9-0.2-1.3-0.2c-0.5,0-0.9,0.1-1.3,0.2c0.6,1.2,0.7,2.3,0.2,3.2 c-0.6,1.3-2.2,1.8-3.3,2.1c0.1,0.4,0.3,0.8,0.5,1.2c0.3,0.6,0.8,1.1,1.4,1.5c0,0,0,0.1-0.1,0.1c-0.3,0.3-0.5,0.6-0.8,0.9 c-0.1,0.1-0.2,0.3-0.3,0.4c-0.1,0.2-0.1,0.3-0.2,0.5c-0.1,0.1-0.1,0.3-0.1,0.4c0,0,0,0,0,0.1c0,0.1,0,0.3-0.1,0.5 c0,0.1,0,0.2,0,0.3c0,0.4,0.1,0.9,0.2,1.3c0.1,0.3,0.2,0.5,0.3,0.8c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0.1,0.2,0.2,0.3,0.4 c0.2,0.2,0.4,0.4,0.6,0.6c0.1,0.1,0.3,0.2,0.4,0.3c0,0,0.1,0,0.1,0.1c-0.2,0.7-0.3,1.5-0.4,2.3c0,0.3,0,0.5,0,0.8 c0,0.3,0,0.6,0,0.9c0.1,1.9,0.7,3.8,1.6,4.4c-0.1,0.9-0.3,2.5-0.4,5.2c-0.2,3.9-0.3,9.1-0.3,14.6c0,2.9,0,5.7,0.1,8.3 c-0.3,0.6-0.6,1.5-0.7,2.5c-0.1,0.5-0.1,0.9-0.2,1.4c0.5,0.2,1.1,0.4,1.8,0.5C45.6,67.1,46.5,66.9,47.4,66.5z'></path>
<path d='M44.6,74.8c-0.3,0-0.6-0.1-0.8-0.1c0.3,1.3,0.7,1.6,1.4,1.6c0.8,0,1.2-0.3,1.4-1.6c-0.5,0.1-1,0.2-1.6,0.2 C44.9,74.9,44.8,74.9,44.6,74.8z'></path>
<path d='M45.1,71.7c-0.1,0-0.3,0-0.4,0c-0.6,0-1.1-0.2-1.6-0.4c0.1,0.6,0.2,1.2,0.3,1.8c0.4,0.2,0.9,0.3,1.4,0.3 c0.8,0.1,1.6-0.1,2.4-0.5c0.1-0.5,0.2-1.1,0.3-1.8C46.6,71.5,45.9,71.7,45.1,71.7z'></path>
</svg>
</div>
<div class='dot'>
<svg viewbox='0 0 300 300' x='0px' y='0px'>
<path d='M77.2,22.1c2.2-0.8,3.5-1.2,8.3-3.2c2.2-0.9,3.2-1.8,3-2.9c-0.4-2.2-6.3-3.3-7-3.3c-1.1,0-6.3,1.1-10.9,2L69.4,15 c-2.2,0.5-4.2,0.6-6.5,0.8c-2.3,0.2-4.9,0.4-8.2,0.9c-1.9,0.3-3.3,0.7-4.4,1c-0.1,0.4-0.3,0.7-0.5,1c1.1-0.4,2.7-0.9,5.1-1.2 c3.3-0.5,5.9-0.7,8.1-0.9c0.2,0,0.4,0,0.7-0.1c-5.7,1.4-11.6,3-14.1,3.7c0.1,0.1,0.1,0.3,0.2,0.4c3.1-0.9,10.6-2.9,17.1-4.5 c0.9-0.1,1.8-0.2,2.8-0.4l1.1-0.2c4.1-0.8,9.7-2,10.8-2c1.1,0,6,1.3,6.2,2.6c0,0.2,0,0.3-0.2,0.5c-5.1-1.5-13.1-1.2-23.9,0.9 c-6.1,1.2-11.4,2.8-13.8,3.5c0,0.1,0.1,0.3,0.1,0.4c3.3-1,13-3.7,22.3-4.9c0.7,0.1,5.9,1.2,8,3.4c-1.4,0.5-2.3,0.8-3.5,1.3 c-1.1,0.4-2.4,0.8-4.4,1.6c-1.6,0-6.6-0.2-11-1.4c-4.2-1.2-9.4-0.3-11.5,0.2c0,0.2,0,0.3,0.1,0.5c2-0.5,7.2-1.4,11.3-0.2 c3.6,1,7.7,1.3,9.9,1.4c-6.4,2.3-17.4,1.3-21.4,0.7c-0.1,0.3-0.2,0.5-0.3,0.8c2.8,0.5,11,1.7,18,2.4c8,0.7,16,1.7,17.6,4.8 c0.1,0.3,0.2,0.5,0.2,0.7c-21-5.2-28.8-4.8-31.8-4.7c-1.1,0.1-1.5,0.1-1.8-0.1l-2.6-2.3c-0.1,0.1-0.2,0.2-0.3,0.4l2.6,2.3 c0.4,0.3,0.9,0.3,2.1,0.3c2.9-0.1,10.7-0.5,31.6,4.7c0,0,0,0,0,0c-0.7,1.2-3.7,1.9-6.8,2.4c-2.2-2.4-7.1-2.9-12.8-3.6 c-2.7-0.3-5.4-0.6-8.1-1.2c-5.6-1.1-8.3-3.1-9.5-4.3c0,0-0.1,0.1-0.1,0.1c0,0.2,0.1,0.4,0.1,0.5c1.4,1.3,4.1,3.1,9.4,4.1 c7.5,2.3,10.9,4.2,11.6,5.1c-5.6,0.1-11.3-0.4-14.5-0.7c-1.1-0.1-1.8-0.2-2.3-0.2c-0.2,0-0.4,0-0.6,0c-1,0-2.1,0.1-2.7-0.9 c-0.3-0.6-0.4-1.3-0.4-2.1c0-0.7-0.1-1.5-0.4-2.4c0,0.9-0.2,1.8-0.4,2.7c0,0.7,0.1,1.4,0.5,2.2c0.8,1.5,2.4,1.4,3.4,1.4 c0.2,0,0.4,0,0.6,0c0.4,0,1.1,0.1,2.2,0.2c2.9,0.3,7.7,0.8,12.8,0.8c1.5,0,3.1,0,4.7-0.2c9-0.7,13-1.7,14-3.5 c0.3-0.6,0.3-1.3-0.1-2c-1.8-3.4-9.6-4.4-18.2-5.2c-2.5-0.2-5.1-0.5-7.6-0.9c4.2,0,8.6-0.3,11.8-1.5 C74.4,23.1,75.9,22.5,77.2,22.1z M73.8,16.5c5-0.5,9.8-0.5,13.4,0.5c-0.4,0.3-1.1,0.7-1.9,1.1c-1.9,0.8-3.3,1.3-4.4,1.8 C79.2,18.1,75.7,17,73.8,16.5z M71.9,36.3c-0.7,0.1-1.5,0.1-2.2,0.1c-0.7-1.5-5.6-3.4-9-4.6c1.7,0.2,3.3,0.4,5,0.6 c5.4,0.6,10.1,1.2,12.3,3.2C75.6,36,73.3,36.2,71.9,36.3z' id='fly'></path>
<path d='M42.1,30.1c-0.3,0.9-0.3,1.7-0.4,2.4c0,0.8,0,1.4-0.4,2.1c-0.5,1-1.7,1-2.7,0.9c-0.2,0-0.4,0-0.6,0 c-0.4,0-1.2,0.1-2.3,0.2c-3.3,0.3-8.9,0.9-14.5,0.7c0.7-0.9,4-2.8,11.6-5.1c5.3-1,8-2.9,9.4-4.1c0-0.2,0-0.4,0.1-0.5 c0,0-0.1-0.1-0.1-0.1c-1.2,1.2-3.9,3.2-9.5,4.3c-2.7,0.5-5.4,0.8-8.1,1.2C19,32.7,14.1,33.3,12,35.6c-3.1-0.5-6.1-1.2-6.8-2.4 c0,0,0,0,0,0c20.9-5.2,28.7-4.8,31.6-4.7c1.2,0.1,1.7,0.1,2.1-0.3l2.6-2.3c-0.1-0.1-0.2-0.2-0.3-0.4l-2.6,2.3 c-0.3,0.2-0.7,0.2-1.8,0.1c-3-0.1-10.8-0.5-31.8,4.7c0-0.2,0.1-0.5,0.2-0.7c1.6-3,9.6-4,17.6-4.8c7-0.7,15.2-1.9,18-2.4 c-0.1-0.3-0.2-0.5-0.3-0.8c-4,0.6-15,1.6-21.4-0.7c2.2-0.1,6.3-0.4,9.9-1.4c4.1-1.2,9.3-0.3,11.3,0.2c0-0.2,0-0.3,0.1-0.5 c-2.1-0.5-7.3-1.4-11.5-0.2c-4.4,1.2-9.4,1.4-11,1.4c-2-0.7-3.3-1.2-4.4-1.6c-1.2-0.4-2.1-0.7-3.5-1.3c2.1-2.2,7.3-3.3,8-3.4 c9.4,1.1,19,3.9,22.3,4.9c0-0.1,0.1-0.3,0.1-0.4c-2.3-0.7-7.7-2.2-13.8-3.5C16,15.5,8,15.1,2.9,16.7c-0.1-0.2-0.2-0.4-0.2-0.5 C3,14.8,7.9,13.5,9,13.5c1.1,0,6.7,1.2,10.8,2l1.1,0.2c0.9,0.2,1.9,0.3,2.8,0.4c6.5,1.5,14.1,3.6,17.1,4.5 c0.1-0.1,0.1-0.3,0.2-0.4c-2.6-0.7-8.4-2.3-14.1-3.7c0.2,0,0.4,0,0.7,0.1c2.3,0.2,4.8,0.4,8.1,0.9c2.4,0.4,4,0.8,5.1,1.2 c-0.2-0.3-0.4-0.7-0.5-1c-1.1-0.3-2.5-0.7-4.4-1c-3.3-0.5-5.9-0.7-8.2-0.9c-2.3-0.2-4.3-0.3-6.5-0.8l-1.1-0.2 c-4.6-0.9-9.8-2-10.9-2c-0.7,0-6.6,1.1-7,3.3c-0.2,1,0.8,2,3,2.9c4.8,2,6.2,2.4,8.3,3.2c1.2,0.4,2.7,1,5.3,1.9 c3.2,1.2,7.7,1.6,11.8,1.5c-2.5,0.3-5.1,0.6-7.6,0.9c-8.6,0.8-16.4,1.8-18.2,5.2c-0.4,0.7-0.4,1.4-0.1,2c1,1.8,5.1,2.8,14,3.5 c1.5,0.1,3.1,0.2,4.7,0.2c5,0,9.8-0.5,12.8-0.8c1.1-0.1,1.8-0.2,2.2-0.2c0.2,0,0.3,0,0.6,0c1.1,0,2.6,0.1,3.4-1.4 c0.4-0.7,0.4-1.4,0.5-2.2C42.3,31.9,42.1,31,42.1,30.1z M5.2,18.1c-0.9-0.4-1.5-0.7-1.9-1.1c3.6-1,8.4-1,13.4-0.5 c-2,0.5-5.4,1.5-7,3.4C8.5,19.5,7.2,18.9,5.2,18.1z M20.8,36.4c-0.8,0-1.5-0.1-2.2-0.1c-1.4-0.1-3.7-0.3-6-0.6 c2.2-2,6.9-2.6,12.3-3.2c1.6-0.2,3.3-0.4,5-0.6C26.4,33,21.5,34.9,20.8,36.4z' id='fly'></path>
<path d='M43.1,14.2c0.3-0.6,0.2-1.3-0.2-2.2c-1.2,0.8-2.1,2.1-2.1,3.7C41.6,15.4,42.7,15,43.1,14.2z'></path>
<path d='M47.4,14.2c0.4,0.8,1.4,1.2,2.4,1.4c-0.1-1.5-0.9-2.9-2.1-3.7C47.2,12.9,47.1,13.6,47.4,14.2z'></path>
<path d='M47.5,69.6c0-0.3,0-0.6,0-0.9c0-0.2,0-0.5,0-0.7c-0.8,0.3-1.6,0.5-2.4,0.5c-0.1,0-0.3,0-0.4,0c-0.6,0-1.2-0.2-1.7-0.4 c0,0.2,0,0.4,0,0.6c0,0.3,0,0.7,0,1c0.5,0.3,1.1,0.5,1.8,0.5C45.7,70.3,46.6,70.1,47.5,69.6z'></path>
<path d='M47.4,66.5c0-0.5-0.1-0.9-0.2-1.3c-0.2-1-0.4-1.8-0.7-2.5c0.1-2.6,0.1-5.4,0.1-8.3c0-5.5-0.1-10.7-0.3-14.6 c-0.1-2.7-0.3-4.3-0.4-5.2c0.9-0.6,1.5-2.5,1.6-4.4c0-0.3,0-0.6,0-0.9c0-0.3,0-0.5,0-0.8c0-0.8-0.2-1.6-0.4-2.3c0,0,0.1,0,0.1-0.1 c0.1-0.1,0.3-0.2,0.4-0.3c0.2-0.2,0.4-0.4,0.6-0.6c0.1-0.1,0.2-0.2,0.3-0.4c0.1-0.1,0.1-0.2,0.2-0.3c0.1-0.2,0.3-0.5,0.3-0.8 c0.1-0.4,0.2-0.8,0.2-1.3c0-0.1,0-0.2,0-0.3c0-0.2,0-0.3-0.1-0.5c0,0,0,0,0-0.1c0-0.2-0.1-0.3-0.1-0.4C49,21.2,49,21,48.9,20.9 c-0.1-0.1-0.2-0.3-0.3-0.4c-0.2-0.3-0.5-0.6-0.8-0.9c0,0,0-0.1-0.1-0.1c0.6-0.4,1-0.9,1.4-1.5c0.2-0.4,0.4-0.8,0.5-1.2 c-1.1-0.2-2.6-0.8-3.3-2.1c-0.5-0.9-0.4-2,0.2-3.2c-0.4-0.1-0.9-0.2-1.3-0.2c-0.5,0-0.9,0.1-1.3,0.2c0.6,1.2,0.7,2.3,0.2,3.2 c-0.6,1.3-2.2,1.8-3.3,2.1c0.1,0.4,0.3,0.8,0.5,1.2c0.3,0.6,0.8,1.1,1.4,1.5c0,0,0,0.1-0.1,0.1c-0.3,0.3-0.5,0.6-0.8,0.9 c-0.1,0.1-0.2,0.3-0.3,0.4c-0.1,0.2-0.1,0.3-0.2,0.5c-0.1,0.1-0.1,0.3-0.1,0.4c0,0,0,0,0,0.1c0,0.1,0,0.3-0.1,0.5 c0,0.1,0,0.2,0,0.3c0,0.4,0.1,0.9,0.2,1.3c0.1,0.3,0.2,0.5,0.3,0.8c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0.1,0.2,0.2,0.3,0.4 c0.2,0.2,0.4,0.4,0.6,0.6c0.1,0.1,0.3,0.2,0.4,0.3c0,0,0.1,0,0.1,0.1c-0.2,0.7-0.3,1.5-0.4,2.3c0,0.3,0,0.5,0,0.8 c0,0.3,0,0.6,0,0.9c0.1,1.9,0.7,3.8,1.6,4.4c-0.1,0.9-0.3,2.5-0.4,5.2c-0.2,3.9-0.3,9.1-0.3,14.6c0,2.9,0,5.7,0.1,8.3 c-0.3,0.6-0.6,1.5-0.7,2.5c-0.1,0.5-0.1,0.9-0.2,1.4c0.5,0.2,1.1,0.4,1.8,0.5C45.6,67.1,46.5,66.9,47.4,66.5z'></path>
<path d='M44.6,74.8c-0.3,0-0.6-0.1-0.8-0.1c0.3,1.3,0.7,1.6,1.4,1.6c0.8,0,1.2-0.3,1.4-1.6c-0.5,0.1-1,0.2-1.6,0.2 C44.9,74.9,44.8,74.9,44.6,74.8z'></path>
<path d='M45.1,71.7c-0.1,0-0.3,0-0.4,0c-0.6,0-1.1-0.2-1.6-0.4c0.1,0.6,0.2,1.2,0.3,1.8c0.4,0.2,0.9,0.3,1.4,0.3 c0.8,0.1,1.6-0.1,2.4-0.5c0.1-0.5,0.2-1.1,0.3-1.8C46.6,71.5,45.9,71.7,45.1,71.7z'></path>
</svg>
</div>
<div class='dot'>
<svg viewbox='0 0 300 300' x='0px' y='0px'>
<path d='M77.2,22.1c2.2-0.8,3.5-1.2,8.3-3.2c2.2-0.9,3.2-1.8,3-2.9c-0.4-2.2-6.3-3.3-7-3.3c-1.1,0-6.3,1.1-10.9,2L69.4,15 c-2.2,0.5-4.2,0.6-6.5,0.8c-2.3,0.2-4.9,0.4-8.2,0.9c-1.9,0.3-3.3,0.7-4.4,1c-0.1,0.4-0.3,0.7-0.5,1c1.1-0.4,2.7-0.9,5.1-1.2 c3.3-0.5,5.9-0.7,8.1-0.9c0.2,0,0.4,0,0.7-0.1c-5.7,1.4-11.6,3-14.1,3.7c0.1,0.1,0.1,0.3,0.2,0.4c3.1-0.9,10.6-2.9,17.1-4.5 c0.9-0.1,1.8-0.2,2.8-0.4l1.1-0.2c4.1-0.8,9.7-2,10.8-2c1.1,0,6,1.3,6.2,2.6c0,0.2,0,0.3-0.2,0.5c-5.1-1.5-13.1-1.2-23.9,0.9 c-6.1,1.2-11.4,2.8-13.8,3.5c0,0.1,0.1,0.3,0.1,0.4c3.3-1,13-3.7,22.3-4.9c0.7,0.1,5.9,1.2,8,3.4c-1.4,0.5-2.3,0.8-3.5,1.3 c-1.1,0.4-2.4,0.8-4.4,1.6c-1.6,0-6.6-0.2-11-1.4c-4.2-1.2-9.4-0.3-11.5,0.2c0,0.2,0,0.3,0.1,0.5c2-0.5,7.2-1.4,11.3-0.2 c3.6,1,7.7,1.3,9.9,1.4c-6.4,2.3-17.4,1.3-21.4,0.7c-0.1,0.3-0.2,0.5-0.3,0.8c2.8,0.5,11,1.7,18,2.4c8,0.7,16,1.7,17.6,4.8 c0.1,0.3,0.2,0.5,0.2,0.7c-21-5.2-28.8-4.8-31.8-4.7c-1.1,0.1-1.5,0.1-1.8-0.1l-2.6-2.3c-0.1,0.1-0.2,0.2-0.3,0.4l2.6,2.3 c0.4,0.3,0.9,0.3,2.1,0.3c2.9-0.1,10.7-0.5,31.6,4.7c0,0,0,0,0,0c-0.7,1.2-3.7,1.9-6.8,2.4c-2.2-2.4-7.1-2.9-12.8-3.6 c-2.7-0.3-5.4-0.6-8.1-1.2c-5.6-1.1-8.3-3.1-9.5-4.3c0,0-0.1,0.1-0.1,0.1c0,0.2,0.1,0.4,0.1,0.5c1.4,1.3,4.1,3.1,9.4,4.1 c7.5,2.3,10.9,4.2,11.6,5.1c-5.6,0.1-11.3-0.4-14.5-0.7c-1.1-0.1-1.8-0.2-2.3-0.2c-0.2,0-0.4,0-0.6,0c-1,0-2.1,0.1-2.7-0.9 c-0.3-0.6-0.4-1.3-0.4-2.1c0-0.7-0.1-1.5-0.4-2.4c0,0.9-0.2,1.8-0.4,2.7c0,0.7,0.1,1.4,0.5,2.2c0.8,1.5,2.4,1.4,3.4,1.4 c0.2,0,0.4,0,0.6,0c0.4,0,1.1,0.1,2.2,0.2c2.9,0.3,7.7,0.8,12.8,0.8c1.5,0,3.1,0,4.7-0.2c9-0.7,13-1.7,14-3.5 c0.3-0.6,0.3-1.3-0.1-2c-1.8-3.4-9.6-4.4-18.2-5.2c-2.5-0.2-5.1-0.5-7.6-0.9c4.2,0,8.6-0.3,11.8-1.5 C74.4,23.1,75.9,22.5,77.2,22.1z M73.8,16.5c5-0.5,9.8-0.5,13.4,0.5c-0.4,0.3-1.1,0.7-1.9,1.1c-1.9,0.8-3.3,1.3-4.4,1.8 C79.2,18.1,75.7,17,73.8,16.5z M71.9,36.3c-0.7,0.1-1.5,0.1-2.2,0.1c-0.7-1.5-5.6-3.4-9-4.6c1.7,0.2,3.3,0.4,5,0.6 c5.4,0.6,10.1,1.2,12.3,3.2C75.6,36,73.3,36.2,71.9,36.3z' id='fly'></path>
<path d='M42.1,30.1c-0.3,0.9-0.3,1.7-0.4,2.4c0,0.8,0,1.4-0.4,2.1c-0.5,1-1.7,1-2.7,0.9c-0.2,0-0.4,0-0.6,0 c-0.4,0-1.2,0.1-2.3,0.2c-3.3,0.3-8.9,0.9-14.5,0.7c0.7-0.9,4-2.8,11.6-5.1c5.3-1,8-2.9,9.4-4.1c0-0.2,0-0.4,0.1-0.5 c0,0-0.1-0.1-0.1-0.1c-1.2,1.2-3.9,3.2-9.5,4.3c-2.7,0.5-5.4,0.8-8.1,1.2C19,32.7,14.1,33.3,12,35.6c-3.1-0.5-6.1-1.2-6.8-2.4 c0,0,0,0,0,0c20.9-5.2,28.7-4.8,31.6-4.7c1.2,0.1,1.7,0.1,2.1-0.3l2.6-2.3c-0.1-0.1-0.2-0.2-0.3-0.4l-2.6,2.3 c-0.3,0.2-0.7,0.2-1.8,0.1c-3-0.1-10.8-0.5-31.8,4.7c0-0.2,0.1-0.5,0.2-0.7c1.6-3,9.6-4,17.6-4.8c7-0.7,15.2-1.9,18-2.4 c-0.1-0.3-0.2-0.5-0.3-0.8c-4,0.6-15,1.6-21.4-0.7c2.2-0.1,6.3-0.4,9.9-1.4c4.1-1.2,9.3-0.3,11.3,0.2c0-0.2,0-0.3,0.1-0.5 c-2.1-0.5-7.3-1.4-11.5-0.2c-4.4,1.2-9.4,1.4-11,1.4c-2-0.7-3.3-1.2-4.4-1.6c-1.2-0.4-2.1-0.7-3.5-1.3c2.1-2.2,7.3-3.3,8-3.4 c9.4,1.1,19,3.9,22.3,4.9c0-0.1,0.1-0.3,0.1-0.4c-2.3-0.7-7.7-2.2-13.8-3.5C16,15.5,8,15.1,2.9,16.7c-0.1-0.2-0.2-0.4-0.2-0.5 C3,14.8,7.9,13.5,9,13.5c1.1,0,6.7,1.2,10.8,2l1.1,0.2c0.9,0.2,1.9,0.3,2.8,0.4c6.5,1.5,14.1,3.6,17.1,4.5 c0.1-0.1,0.1-0.3,0.2-0.4c-2.6-0.7-8.4-2.3-14.1-3.7c0.2,0,0.4,0,0.7,0.1c2.3,0.2,4.8,0.4,8.1,0.9c2.4,0.4,4,0.8,5.1,1.2 c-0.2-0.3-0.4-0.7-0.5-1c-1.1-0.3-2.5-0.7-4.4-1c-3.3-0.5-5.9-0.7-8.2-0.9c-2.3-0.2-4.3-0.3-6.5-0.8l-1.1-0.2 c-4.6-0.9-9.8-2-10.9-2c-0.7,0-6.6,1.1-7,3.3c-0.2,1,0.8,2,3,2.9c4.8,2,6.2,2.4,8.3,3.2c1.2,0.4,2.7,1,5.3,1.9 c3.2,1.2,7.7,1.6,11.8,1.5c-2.5,0.3-5.1,0.6-7.6,0.9c-8.6,0.8-16.4,1.8-18.2,5.2c-0.4,0.7-0.4,1.4-0.1,2c1,1.8,5.1,2.8,14,3.5 c1.5,0.1,3.1,0.2,4.7,0.2c5,0,9.8-0.5,12.8-0.8c1.1-0.1,1.8-0.2,2.2-0.2c0.2,0,0.3,0,0.6,0c1.1,0,2.6,0.1,3.4-1.4 c0.4-0.7,0.4-1.4,0.5-2.2C42.3,31.9,42.1,31,42.1,30.1z M5.2,18.1c-0.9-0.4-1.5-0.7-1.9-1.1c3.6-1,8.4-1,13.4-0.5 c-2,0.5-5.4,1.5-7,3.4C8.5,19.5,7.2,18.9,5.2,18.1z M20.8,36.4c-0.8,0-1.5-0.1-2.2-0.1c-1.4-0.1-3.7-0.3-6-0.6 c2.2-2,6.9-2.6,12.3-3.2c1.6-0.2,3.3-0.4,5-0.6C26.4,33,21.5,34.9,20.8,36.4z' id='fly'></path>
<path d='M43.1,14.2c0.3-0.6,0.2-1.3-0.2-2.2c-1.2,0.8-2.1,2.1-2.1,3.7C41.6,15.4,42.7,15,43.1,14.2z'></path>
<path d='M47.4,14.2c0.4,0.8,1.4,1.2,2.4,1.4c-0.1-1.5-0.9-2.9-2.1-3.7C47.2,12.9,47.1,13.6,47.4,14.2z'></path>
<path d='M47.5,69.6c0-0.3,0-0.6,0-0.9c0-0.2,0-0.5,0-0.7c-0.8,0.3-1.6,0.5-2.4,0.5c-0.1,0-0.3,0-0.4,0c-0.6,0-1.2-0.2-1.7-0.4 c0,0.2,0,0.4,0,0.6c0,0.3,0,0.7,0,1c0.5,0.3,1.1,0.5,1.8,0.5C45.7,70.3,46.6,70.1,47.5,69.6z'></path>
<path d='M47.4,66.5c0-0.5-0.1-0.9-0.2-1.3c-0.2-1-0.4-1.8-0.7-2.5c0.1-2.6,0.1-5.4,0.1-8.3c0-5.5-0.1-10.7-0.3-14.6 c-0.1-2.7-0.3-4.3-0.4-5.2c0.9-0.6,1.5-2.5,1.6-4.4c0-0.3,0-0.6,0-0.9c0-0.3,0-0.5,0-0.8c0-0.8-0.2-1.6-0.4-2.3c0,0,0.1,0,0.1-0.1 c0.1-0.1,0.3-0.2,0.4-0.3c0.2-0.2,0.4-0.4,0.6-0.6c0.1-0.1,0.2-0.2,0.3-0.4c0.1-0.1,0.1-0.2,0.2-0.3c0.1-0.2,0.3-0.5,0.3-0.8 c0.1-0.4,0.2-0.8,0.2-1.3c0-0.1,0-0.2,0-0.3c0-0.2,0-0.3-0.1-0.5c0,0,0,0,0-0.1c0-0.2-0.1-0.3-0.1-0.4C49,21.2,49,21,48.9,20.9 c-0.1-0.1-0.2-0.3-0.3-0.4c-0.2-0.3-0.5-0.6-0.8-0.9c0,0,0-0.1-0.1-0.1c0.6-0.4,1-0.9,1.4-1.5c0.2-0.4,0.4-0.8,0.5-1.2 c-1.1-0.2-2.6-0.8-3.3-2.1c-0.5-0.9-0.4-2,0.2-3.2c-0.4-0.1-0.9-0.2-1.3-0.2c-0.5,0-0.9,0.1-1.3,0.2c0.6,1.2,0.7,2.3,0.2,3.2 c-0.6,1.3-2.2,1.8-3.3,2.1c0.1,0.4,0.3,0.8,0.5,1.2c0.3,0.6,0.8,1.1,1.4,1.5c0,0,0,0.1-0.1,0.1c-0.3,0.3-0.5,0.6-0.8,0.9 c-0.1,0.1-0.2,0.3-0.3,0.4c-0.1,0.2-0.1,0.3-0.2,0.5c-0.1,0.1-0.1,0.3-0.1,0.4c0,0,0,0,0,0.1c0,0.1,0,0.3-0.1,0.5 c0,0.1,0,0.2,0,0.3c0,0.4,0.1,0.9,0.2,1.3c0.1,0.3,0.2,0.5,0.3,0.8c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0.1,0.2,0.2,0.3,0.4 c0.2,0.2,0.4,0.4,0.6,0.6c0.1,0.1,0.3,0.2,0.4,0.3c0,0,0.1,0,0.1,0.1c-0.2,0.7-0.3,1.5-0.4,2.3c0,0.3,0,0.5,0,0.8 c0,0.3,0,0.6,0,0.9c0.1,1.9,0.7,3.8,1.6,4.4c-0.1,0.9-0.3,2.5-0.4,5.2c-0.2,3.9-0.3,9.1-0.3,14.6c0,2.9,0,5.7,0.1,8.3 c-0.3,0.6-0.6,1.5-0.7,2.5c-0.1,0.5-0.1,0.9-0.2,1.4c0.5,0.2,1.1,0.4,1.8,0.5C45.6,67.1,46.5,66.9,47.4,66.5z'></path>
<path d='M44.6,74.8c-0.3,0-0.6-0.1-0.8-0.1c0.3,1.3,0.7,1.6,1.4,1.6c0.8,0,1.2-0.3,1.4-1.6c-0.5,0.1-1,0.2-1.6,0.2 C44.9,74.9,44.8,74.9,44.6,74.8z'></path>
<path d='M45.1,71.7c-0.1,0-0.3,0-0.4,0c-0.6,0-1.1-0.2-1.6-0.4c0.1,0.6,0.2,1.2,0.3,1.8c0.4,0.2,0.9,0.3,1.4,0.3 c0.8,0.1,1.6-0.1,2.4-0.5c0.1-0.5,0.2-1.1,0.3-1.8C46.6,71.5,45.9,71.7,45.1,71.7z'></path>
</svg>
</div>
<div class='dot'>
<svg viewbox='0 0 300 300' x='0px' y='0px'>
<path d='M77.2,22.1c2.2-0.8,3.5-1.2,8.3-3.2c2.2-0.9,3.2-1.8,3-2.9c-0.4-2.2-6.3-3.3-7-3.3c-1.1,0-6.3,1.1-10.9,2L69.4,15 c-2.2,0.5-4.2,0.6-6.5,0.8c-2.3,0.2-4.9,0.4-8.2,0.9c-1.9,0.3-3.3,0.7-4.4,1c-0.1,0.4-0.3,0.7-0.5,1c1.1-0.4,2.7-0.9,5.1-1.2 c3.3-0.5,5.9-0.7,8.1-0.9c0.2,0,0.4,0,0.7-0.1c-5.7,1.4-11.6,3-14.1,3.7c0.1,0.1,0.1,0.3,0.2,0.4c3.1-0.9,10.6-2.9,17.1-4.5 c0.9-0.1,1.8-0.2,2.8-0.4l1.1-0.2c4.1-0.8,9.7-2,10.8-2c1.1,0,6,1.3,6.2,2.6c0,0.2,0,0.3-0.2,0.5c-5.1-1.5-13.1-1.2-23.9,0.9 c-6.1,1.2-11.4,2.8-13.8,3.5c0,0.1,0.1,0.3,0.1,0.4c3.3-1,13-3.7,22.3-4.9c0.7,0.1,5.9,1.2,8,3.4c-1.4,0.5-2.3,0.8-3.5,1.3 c-1.1,0.4-2.4,0.8-4.4,1.6c-1.6,0-6.6-0.2-11-1.4c-4.2-1.2-9.4-0.3-11.5,0.2c0,0.2,0,0.3,0.1,0.5c2-0.5,7.2-1.4,11.3-0.2 c3.6,1,7.7,1.3,9.9,1.4c-6.4,2.3-17.4,1.3-21.4,0.7c-0.1,0.3-0.2,0.5-0.3,0.8c2.8,0.5,11,1.7,18,2.4c8,0.7,16,1.7,17.6,4.8 c0.1,0.3,0.2,0.5,0.2,0.7c-21-5.2-28.8-4.8-31.8-4.7c-1.1,0.1-1.5,0.1-1.8-0.1l-2.6-2.3c-0.1,0.1-0.2,0.2-0.3,0.4l2.6,2.3 c0.4,0.3,0.9,0.3,2.1,0.3c2.9-0.1,10.7-0.5,31.6,4.7c0,0,0,0,0,0c-0.7,1.2-3.7,1.9-6.8,2.4c-2.2-2.4-7.1-2.9-12.8-3.6 c-2.7-0.3-5.4-0.6-8.1-1.2c-5.6-1.1-8.3-3.1-9.5-4.3c0,0-0.1,0.1-0.1,0.1c0,0.2,0.1,0.4,0.1,0.5c1.4,1.3,4.1,3.1,9.4,4.1 c7.5,2.3,10.9,4.2,11.6,5.1c-5.6,0.1-11.3-0.4-14.5-0.7c-1.1-0.1-1.8-0.2-2.3-0.2c-0.2,0-0.4,0-0.6,0c-1,0-2.1,0.1-2.7-0.9 c-0.3-0.6-0.4-1.3-0.4-2.1c0-0.7-0.1-1.5-0.4-2.4c0,0.9-0.2,1.8-0.4,2.7c0,0.7,0.1,1.4,0.5,2.2c0.8,1.5,2.4,1.4,3.4,1.4 c0.2,0,0.4,0,0.6,0c0.4,0,1.1,0.1,2.2,0.2c2.9,0.3,7.7,0.8,12.8,0.8c1.5,0,3.1,0,4.7-0.2c9-0.7,13-1.7,14-3.5 c0.3-0.6,0.3-1.3-0.1-2c-1.8-3.4-9.6-4.4-18.2-5.2c-2.5-0.2-5.1-0.5-7.6-0.9c4.2,0,8.6-0.3,11.8-1.5 C74.4,23.1,75.9,22.5,77.2,22.1z M73.8,16.5c5-0.5,9.8-0.5,13.4,0.5c-0.4,0.3-1.1,0.7-1.9,1.1c-1.9,0.8-3.3,1.3-4.4,1.8 C79.2,18.1,75.7,17,73.8,16.5z M71.9,36.3c-0.7,0.1-1.5,0.1-2.2,0.1c-0.7-1.5-5.6-3.4-9-4.6c1.7,0.2,3.3,0.4,5,0.6 c5.4,0.6,10.1,1.2,12.3,3.2C75.6,36,73.3,36.2,71.9,36.3z' id='fly'></path>
<path d='M42.1,30.1c-0.3,0.9-0.3,1.7-0.4,2.4c0,0.8,0,1.4-0.4,2.1c-0.5,1-1.7,1-2.7,0.9c-0.2,0-0.4,0-0.6,0 c-0.4,0-1.2,0.1-2.3,0.2c-3.3,0.3-8.9,0.9-14.5,0.7c0.7-0.9,4-2.8,11.6-5.1c5.3-1,8-2.9,9.4-4.1c0-0.2,0-0.4,0.1-0.5 c0,0-0.1-0.1-0.1-0.1c-1.2,1.2-3.9,3.2-9.5,4.3c-2.7,0.5-5.4,0.8-8.1,1.2C19,32.7,14.1,33.3,12,35.6c-3.1-0.5-6.1-1.2-6.8-2.4 c0,0,0,0,0,0c20.9-5.2,28.7-4.8,31.6-4.7c1.2,0.1,1.7,0.1,2.1-0.3l2.6-2.3c-0.1-0.1-0.2-0.2-0.3-0.4l-2.6,2.3 c-0.3,0.2-0.7,0.2-1.8,0.1c-3-0.1-10.8-0.5-31.8,4.7c0-0.2,0.1-0.5,0.2-0.7c1.6-3,9.6-4,17.6-4.8c7-0.7,15.2-1.9,18-2.4 c-0.1-0.3-0.2-0.5-0.3-0.8c-4,0.6-15,1.6-21.4-0.7c2.2-0.1,6.3-0.4,9.9-1.4c4.1-1.2,9.3-0.3,11.3,0.2c0-0.2,0-0.3,0.1-0.5 c-2.1-0.5-7.3-1.4-11.5-0.2c-4.4,1.2-9.4,1.4-11,1.4c-2-0.7-3.3-1.2-4.4-1.6c-1.2-0.4-2.1-0.7-3.5-1.3c2.1-2.2,7.3-3.3,8-3.4 c9.4,1.1,19,3.9,22.3,4.9c0-0.1,0.1-0.3,0.1-0.4c-2.3-0.7-7.7-2.2-13.8-3.5C16,15.5,8,15.1,2.9,16.7c-0.1-0.2-0.2-0.4-0.2-0.5 C3,14.8,7.9,13.5,9,13.5c1.1,0,6.7,1.2,10.8,2l1.1,0.2c0.9,0.2,1.9,0.3,2.8,0.4c6.5,1.5,14.1,3.6,17.1,4.5 c0.1-0.1,0.1-0.3,0.2-0.4c-2.6-0.7-8.4-2.3-14.1-3.7c0.2,0,0.4,0,0.7,0.1c2.3,0.2,4.8,0.4,8.1,0.9c2.4,0.4,4,0.8,5.1,1.2 c-0.2-0.3-0.4-0.7-0.5-1c-1.1-0.3-2.5-0.7-4.4-1c-3.3-0.5-5.9-0.7-8.2-0.9c-2.3-0.2-4.3-0.3-6.5-0.8l-1.1-0.2 c-4.6-0.9-9.8-2-10.9-2c-0.7,0-6.6,1.1-7,3.3c-0.2,1,0.8,2,3,2.9c4.8,2,6.2,2.4,8.3,3.2c1.2,0.4,2.7,1,5.3,1.9 c3.2,1.2,7.7,1.6,11.8,1.5c-2.5,0.3-5.1,0.6-7.6,0.9c-8.6,0.8-16.4,1.8-18.2,5.2c-0.4,0.7-0.4,1.4-0.1,2c1,1.8,5.1,2.8,14,3.5 c1.5,0.1,3.1,0.2,4.7,0.2c5,0,9.8-0.5,12.8-0.8c1.1-0.1,1.8-0.2,2.2-0.2c0.2,0,0.3,0,0.6,0c1.1,0,2.6,0.1,3.4-1.4 c0.4-0.7,0.4-1.4,0.5-2.2C42.3,31.9,42.1,31,42.1,30.1z M5.2,18.1c-0.9-0.4-1.5-0.7-1.9-1.1c3.6-1,8.4-1,13.4-0.5 c-2,0.5-5.4,1.5-7,3.4C8.5,19.5,7.2,18.9,5.2,18.1z M20.8,36.4c-0.8,0-1.5-0.1-2.2-0.1c-1.4-0.1-3.7-0.3-6-0.6 c2.2-2,6.9-2.6,12.3-3.2c1.6-0.2,3.3-0.4,5-0.6C26.4,33,21.5,34.9,20.8,36.4z' id='fly'></path>
<path d='M43.1,14.2c0.3-0.6,0.2-1.3-0.2-2.2c-1.2,0.8-2.1,2.1-2.1,3.7C41.6,15.4,42.7,15,43.1,14.2z'></path>
<path d='M47.4,14.2c0.4,0.8,1.4,1.2,2.4,1.4c-0.1-1.5-0.9-2.9-2.1-3.7C47.2,12.9,47.1,13.6,47.4,14.2z'></path>
<path d='M47.5,69.6c0-0.3,0-0.6,0-0.9c0-0.2,0-0.5,0-0.7c-0.8,0.3-1.6,0.5-2.4,0.5c-0.1,0-0.3,0-0.4,0c-0.6,0-1.2-0.2-1.7-0.4 c0,0.2,0,0.4,0,0.6c0,0.3,0,0.7,0,1c0.5,0.3,1.1,0.5,1.8,0.5C45.7,70.3,46.6,70.1,47.5,69.6z'></path>
<path d='M47.4,66.5c0-0.5-0.1-0.9-0.2-1.3c-0.2-1-0.4-1.8-0.7-2.5c0.1-2.6,0.1-5.4,0.1-8.3c0-5.5-0.1-10.7-0.3-14.6 c-0.1-2.7-0.3-4.3-0.4-5.2c0.9-0.6,1.5-2.5,1.6-4.4c0-0.3,0-0.6,0-0.9c0-0.3,0-0.5,0-0.8c0-0.8-0.2-1.6-0.4-2.3c0,0,0.1,0,0.1-0.1 c0.1-0.1,0.3-0.2,0.4-0.3c0.2-0.2,0.4-0.4,0.6-0.6c0.1-0.1,0.2-0.2,0.3-0.4c0.1-0.1,0.1-0.2,0.2-0.3c0.1-0.2,0.3-0.5,0.3-0.8 c0.1-0.4,0.2-0.8,0.2-1.3c0-0.1,0-0.2,0-0.3c0-0.2,0-0.3-0.1-0.5c0,0,0,0,0-0.1c0-0.2-0.1-0.3-0.1-0.4C49,21.2,49,21,48.9,20.9 c-0.1-0.1-0.2-0.3-0.3-0.4c-0.2-0.3-0.5-0.6-0.8-0.9c0,0,0-0.1-0.1-0.1c0.6-0.4,1-0.9,1.4-1.5c0.2-0.4,0.4-0.8,0.5-1.2 c-1.1-0.2-2.6-0.8-3.3-2.1c-0.5-0.9-0.4-2,0.2-3.2c-0.4-0.1-0.9-0.2-1.3-0.2c-0.5,0-0.9,0.1-1.3,0.2c0.6,1.2,0.7,2.3,0.2,3.2 c-0.6,1.3-2.2,1.8-3.3,2.1c0.1,0.4,0.3,0.8,0.5,1.2c0.3,0.6,0.8,1.1,1.4,1.5c0,0,0,0.1-0.1,0.1c-0.3,0.3-0.5,0.6-0.8,0.9 c-0.1,0.1-0.2,0.3-0.3,0.4c-0.1,0.2-0.1,0.3-0.2,0.5c-0.1,0.1-0.1,0.3-0.1,0.4c0,0,0,0,0,0.1c0,0.1,0,0.3-0.1,0.5 c0,0.1,0,0.2,0,0.3c0,0.4,0.1,0.9,0.2,1.3c0.1,0.3,0.2,0.5,0.3,0.8c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0.1,0.2,0.2,0.3,0.4 c0.2,0.2,0.4,0.4,0.6,0.6c0.1,0.1,0.3,0.2,0.4,0.3c0,0,0.1,0,0.1,0.1c-0.2,0.7-0.3,1.5-0.4,2.3c0,0.3,0,0.5,0,0.8 c0,0.3,0,0.6,0,0.9c0.1,1.9,0.7,3.8,1.6,4.4c-0.1,0.9-0.3,2.5-0.4,5.2c-0.2,3.9-0.3,9.1-0.3,14.6c0,2.9,0,5.7,0.1,8.3 c-0.3,0.6-0.6,1.5-0.7,2.5c-0.1,0.5-0.1,0.9-0.2,1.4c0.5,0.2,1.1,0.4,1.8,0.5C45.6,67.1,46.5,66.9,47.4,66.5z'></path>
<path d='M44.6,74.8c-0.3,0-0.6-0.1-0.8-0.1c0.3,1.3,0.7,1.6,1.4,1.6c0.8,0,1.2-0.3,1.4-1.6c-0.5,0.1-1,0.2-1.6,0.2 C44.9,74.9,44.8,74.9,44.6,74.8z'></path>
<path d='M45.1,71.7c-0.1,0-0.3,0-0.4,0c-0.6,0-1.1-0.2-1.6-0.4c0.1,0.6,0.2,1.2,0.3,1.8c0.4,0.2,0.9,0.3,1.4,0.3 c0.8,0.1,1.6-0.1,2.4-0.5c0.1-0.5,0.2-1.1,0.3-1.8C46.6,71.5,45.9,71.7,45.1,71.7z'></path>
</svg>
</div>
<div class='dot'>
<svg viewbox='0 0 300 300' x='0px' y='0px'>
<path d='M77.2,22.1c2.2-0.8,3.5-1.2,8.3-3.2c2.2-0.9,3.2-1.8,3-2.9c-0.4-2.2-6.3-3.3-7-3.3c-1.1,0-6.3,1.1-10.9,2L69.4,15 c-2.2,0.5-4.2,0.6-6.5,0.8c-2.3,0.2-4.9,0.4-8.2,0.9c-1.9,0.3-3.3,0.7-4.4,1c-0.1,0.4-0.3,0.7-0.5,1c1.1-0.4,2.7-0.9,5.1-1.2 c3.3-0.5,5.9-0.7,8.1-0.9c0.2,0,0.4,0,0.7-0.1c-5.7,1.4-11.6,3-14.1,3.7c0.1,0.1,0.1,0.3,0.2,0.4c3.1-0.9,10.6-2.9,17.1-4.5 c0.9-0.1,1.8-0.2,2.8-0.4l1.1-0.2c4.1-0.8,9.7-2,10.8-2c1.1,0,6,1.3,6.2,2.6c0,0.2,0,0.3-0.2,0.5c-5.1-1.5-13.1-1.2-23.9,0.9 c-6.1,1.2-11.4,2.8-13.8,3.5c0,0.1,0.1,0.3,0.1,0.4c3.3-1,13-3.7,22.3-4.9c0.7,0.1,5.9,1.2,8,3.4c-1.4,0.5-2.3,0.8-3.5,1.3 c-1.1,0.4-2.4,0.8-4.4,1.6c-1.6,0-6.6-0.2-11-1.4c-4.2-1.2-9.4-0.3-11.5,0.2c0,0.2,0,0.3,0.1,0.5c2-0.5,7.2-1.4,11.3-0.2 c3.6,1,7.7,1.3,9.9,1.4c-6.4,2.3-17.4,1.3-21.4,0.7c-0.1,0.3-0.2,0.5-0.3,0.8c2.8,0.5,11,1.7,18,2.4c8,0.7,16,1.7,17.6,4.8 c0.1,0.3,0.2,0.5,0.2,0.7c-21-5.2-28.8-4.8-31.8-4.7c-1.1,0.1-1.5,0.1-1.8-0.1l-2.6-2.3c-0.1,0.1-0.2,0.2-0.3,0.4l2.6,2.3 c0.4,0.3,0.9,0.3,2.1,0.3c2.9-0.1,10.7-0.5,31.6,4.7c0,0,0,0,0,0c-0.7,1.2-3.7,1.9-6.8,2.4c-2.2-2.4-7.1-2.9-12.8-3.6 c-2.7-0.3-5.4-0.6-8.1-1.2c-5.6-1.1-8.3-3.1-9.5-4.3c0,0-0.1,0.1-0.1,0.1c0,0.2,0.1,0.4,0.1,0.5c1.4,1.3,4.1,3.1,9.4,4.1 c7.5,2.3,10.9,4.2,11.6,5.1c-5.6,0.1-11.3-0.4-14.5-0.7c-1.1-0.1-1.8-0.2-2.3-0.2c-0.2,0-0.4,0-0.6,0c-1,0-2.1,0.1-2.7-0.9 c-0.3-0.6-0.4-1.3-0.4-2.1c0-0.7-0.1-1.5-0.4-2.4c0,0.9-0.2,1.8-0.4,2.7c0,0.7,0.1,1.4,0.5,2.2c0.8,1.5,2.4,1.4,3.4,1.4 c0.2,0,0.4,0,0.6,0c0.4,0,1.1,0.1,2.2,0.2c2.9,0.3,7.7,0.8,12.8,0.8c1.5,0,3.1,0,4.7-0.2c9-0.7,13-1.7,14-3.5 c0.3-0.6,0.3-1.3-0.1-2c-1.8-3.4-9.6-4.4-18.2-5.2c-2.5-0.2-5.1-0.5-7.6-0.9c4.2,0,8.6-0.3,11.8-1.5 C74.4,23.1,75.9,22.5,77.2,22.1z M73.8,16.5c5-0.5,9.8-0.5,13.4,0.5c-0.4,0.3-1.1,0.7-1.9,1.1c-1.9,0.8-3.3,1.3-4.4,1.8 C79.2,18.1,75.7,17,73.8,16.5z M71.9,36.3c-0.7,0.1-1.5,0.1-2.2,0.1c-0.7-1.5-5.6-3.4-9-4.6c1.7,0.2,3.3,0.4,5,0.6 c5.4,0.6,10.1,1.2,12.3,3.2C75.6,36,73.3,36.2,71.9,36.3z' id='fly'></path>
<path d='M42.1,30.1c-0.3,0.9-0.3,1.7-0.4,2.4c0,0.8,0,1.4-0.4,2.1c-0.5,1-1.7,1-2.7,0.9c-0.2,0-0.4,0-0.6,0 c-0.4,0-1.2,0.1-2.3,0.2c-3.3,0.3-8.9,0.9-14.5,0.7c0.7-0.9,4-2.8,11.6-5.1c5.3-1,8-2.9,9.4-4.1c0-0.2,0-0.4,0.1-0.5 c0,0-0.1-0.1-0.1-0.1c-1.2,1.2-3.9,3.2-9.5,4.3c-2.7,0.5-5.4,0.8-8.1,1.2C19,32.7,14.1,33.3,12,35.6c-3.1-0.5-6.1-1.2-6.8-2.4 c0,0,0,0,0,0c20.9-5.2,28.7-4.8,31.6-4.7c1.2,0.1,1.7,0.1,2.1-0.3l2.6-2.3c-0.1-0.1-0.2-0.2-0.3-0.4l-2.6,2.3 c-0.3,0.2-0.7,0.2-1.8,0.1c-3-0.1-10.8-0.5-31.8,4.7c0-0.2,0.1-0.5,0.2-0.7c1.6-3,9.6-4,17.6-4.8c7-0.7,15.2-1.9,18-2.4 c-0.1-0.3-0.2-0.5-0.3-0.8c-4,0.6-15,1.6-21.4-0.7c2.2-0.1,6.3-0.4,9.9-1.4c4.1-1.2,9.3-0.3,11.3,0.2c0-0.2,0-0.3,0.1-0.5 c-2.1-0.5-7.3-1.4-11.5-0.2c-4.4,1.2-9.4,1.4-11,1.4c-2-0.7-3.3-1.2-4.4-1.6c-1.2-0.4-2.1-0.7-3.5-1.3c2.1-2.2,7.3-3.3,8-3.4 c9.4,1.1,19,3.9,22.3,4.9c0-0.1,0.1-0.3,0.1-0.4c-2.3-0.7-7.7-2.2-13.8-3.5C16,15.5,8,15.1,2.9,16.7c-0.1-0.2-0.2-0.4-0.2-0.5 C3,14.8,7.9,13.5,9,13.5c1.1,0,6.7,1.2,10.8,2l1.1,0.2c0.9,0.2,1.9,0.3,2.8,0.4c6.5,1.5,14.1,3.6,17.1,4.5 c0.1-0.1,0.1-0.3,0.2-0.4c-2.6-0.7-8.4-2.3-14.1-3.7c0.2,0,0.4,0,0.7,0.1c2.3,0.2,4.8,0.4,8.1,0.9c2.4,0.4,4,0.8,5.1,1.2 c-0.2-0.3-0.4-0.7-0.5-1c-1.1-0.3-2.5-0.7-4.4-1c-3.3-0.5-5.9-0.7-8.2-0.9c-2.3-0.2-4.3-0.3-6.5-0.8l-1.1-0.2 c-4.6-0.9-9.8-2-10.9-2c-0.7,0-6.6,1.1-7,3.3c-0.2,1,0.8,2,3,2.9c4.8,2,6.2,2.4,8.3,3.2c1.2,0.4,2.7,1,5.3,1.9 c3.2,1.2,7.7,1.6,11.8,1.5c-2.5,0.3-5.1,0.6-7.6,0.9c-8.6,0.8-16.4,1.8-18.2,5.2c-0.4,0.7-0.4,1.4-0.1,2c1,1.8,5.1,2.8,14,3.5 c1.5,0.1,3.1,0.2,4.7,0.2c5,0,9.8-0.5,12.8-0.8c1.1-0.1,1.8-0.2,2.2-0.2c0.2,0,0.3,0,0.6,0c1.1,0,2.6,0.1,3.4-1.4 c0.4-0.7,0.4-1.4,0.5-2.2C42.3,31.9,42.1,31,42.1,30.1z M5.2,18.1c-0.9-0.4-1.5-0.7-1.9-1.1c3.6-1,8.4-1,13.4-0.5 c-2,0.5-5.4,1.5-7,3.4C8.5,19.5,7.2,18.9,5.2,18.1z M20.8,36.4c-0.8,0-1.5-0.1-2.2-0.1c-1.4-0.1-3.7-0.3-6-0.6 c2.2-2,6.9-2.6,12.3-3.2c1.6-0.2,3.3-0.4,5-0.6C26.4,33,21.5,34.9,20.8,36.4z' id='fly'></path>
<path d='M43.1,14.2c0.3-0.6,0.2-1.3-0.2-2.2c-1.2,0.8-2.1,2.1-2.1,3.7C41.6,15.4,42.7,15,43.1,14.2z'></path>
<path d='M47.4,14.2c0.4,0.8,1.4,1.2,2.4,1.4c-0.1-1.5-0.9-2.9-2.1-3.7C47.2,12.9,47.1,13.6,47.4,14.2z'></path>
<path d='M47.5,69.6c0-0.3,0-0.6,0-0.9c0-0.2,0-0.5,0-0.7c-0.8,0.3-1.6,0.5-2.4,0.5c-0.1,0-0.3,0-0.4,0c-0.6,0-1.2-0.2-1.7-0.4 c0,0.2,0,0.4,0,0.6c0,0.3,0,0.7,0,1c0.5,0.3,1.1,0.5,1.8,0.5C45.7,70.3,46.6,70.1,47.5,69.6z'></path>
<path d='M47.4,66.5c0-0.5-0.1-0.9-0.2-1.3c-0.2-1-0.4-1.8-0.7-2.5c0.1-2.6,0.1-5.4,0.1-8.3c0-5.5-0.1-10.7-0.3-14.6 c-0.1-2.7-0.3-4.3-0.4-5.2c0.9-0.6,1.5-2.5,1.6-4.4c0-0.3,0-0.6,0-0.9c0-0.3,0-0.5,0-0.8c0-0.8-0.2-1.6-0.4-2.3c0,0,0.1,0,0.1-0.1 c0.1-0.1,0.3-0.2,0.4-0.3c0.2-0.2,0.4-0.4,0.6-0.6c0.1-0.1,0.2-0.2,0.3-0.4c0.1-0.1,0.1-0.2,0.2-0.3c0.1-0.2,0.3-0.5,0.3-0.8 c0.1-0.4,0.2-0.8,0.2-1.3c0-0.1,0-0.2,0-0.3c0-0.2,0-0.3-0.1-0.5c0,0,0,0,0-0.1c0-0.2-0.1-0.3-0.1-0.4C49,21.2,49,21,48.9,20.9 c-0.1-0.1-0.2-0.3-0.3-0.4c-0.2-0.3-0.5-0.6-0.8-0.9c0,0,0-0.1-0.1-0.1c0.6-0.4,1-0.9,1.4-1.5c0.2-0.4,0.4-0.8,0.5-1.2 c-1.1-0.2-2.6-0.8-3.3-2.1c-0.5-0.9-0.4-2,0.2-3.2c-0.4-0.1-0.9-0.2-1.3-0.2c-0.5,0-0.9,0.1-1.3,0.2c0.6,1.2,0.7,2.3,0.2,3.2 c-0.6,1.3-2.2,1.8-3.3,2.1c0.1,0.4,0.3,0.8,0.5,1.2c0.3,0.6,0.8,1.1,1.4,1.5c0,0,0,0.1-0.1,0.1c-0.3,0.3-0.5,0.6-0.8,0.9 c-0.1,0.1-0.2,0.3-0.3,0.4c-0.1,0.2-0.1,0.3-0.2,0.5c-0.1,0.1-0.1,0.3-0.1,0.4c0,0,0,0,0,0.1c0,0.1,0,0.3-0.1,0.5 c0,0.1,0,0.2,0,0.3c0,0.4,0.1,0.9,0.2,1.3c0.1,0.3,0.2,0.5,0.3,0.8c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0.1,0.2,0.2,0.3,0.4 c0.2,0.2,0.4,0.4,0.6,0.6c0.1,0.1,0.3,0.2,0.4,0.3c0,0,0.1,0,0.1,0.1c-0.2,0.7-0.3,1.5-0.4,2.3c0,0.3,0,0.5,0,0.8 c0,0.3,0,0.6,0,0.9c0.1,1.9,0.7,3.8,1.6,4.4c-0.1,0.9-0.3,2.5-0.4,5.2c-0.2,3.9-0.3,9.1-0.3,14.6c0,2.9,0,5.7,0.1,8.3 c-0.3,0.6-0.6,1.5-0.7,2.5c-0.1,0.5-0.1,0.9-0.2,1.4c0.5,0.2,1.1,0.4,1.8,0.5C45.6,67.1,46.5,66.9,47.4,66.5z'></path>
<path d='M44.6,74.8c-0.3,0-0.6-0.1-0.8-0.1c0.3,1.3,0.7,1.6,1.4,1.6c0.8,0,1.2-0.3,1.4-1.6c-0.5,0.1-1,0.2-1.6,0.2 C44.9,74.9,44.8,74.9,44.6,74.8z'></path>
<path d='M45.1,71.7c-0.1,0-0.3,0-0.4,0c-0.6,0-1.1-0.2-1.6-0.4c0.1,0.6,0.2,1.2,0.3,1.8c0.4,0.2,0.9,0.3,1.4,0.3 c0.8,0.1,1.6-0.1,2.4-0.5c0.1-0.5,0.2-1.1,0.3-1.8C46.6,71.5,45.9,71.7,45.1,71.7z'></path>
</svg>
</div>
<div class='dot'>
<svg viewbox='0 0 300 300' x='0px' y='0px'>
<path d='M77.2,22.1c2.2-0.8,3.5-1.2,8.3-3.2c2.2-0.9,3.2-1.8,3-2.9c-0.4-2.2-6.3-3.3-7-3.3c-1.1,0-6.3,1.1-10.9,2L69.4,15 c-2.2,0.5-4.2,0.6-6.5,0.8c-2.3,0.2-4.9,0.4-8.2,0.9c-1.9,0.3-3.3,0.7-4.4,1c-0.1,0.4-0.3,0.7-0.5,1c1.1-0.4,2.7-0.9,5.1-1.2 c3.3-0.5,5.9-0.7,8.1-0.9c0.2,0,0.4,0,0.7-0.1c-5.7,1.4-11.6,3-14.1,3.7c0.1,0.1,0.1,0.3,0.2,0.4c3.1-0.9,10.6-2.9,17.1-4.5 c0.9-0.1,1.8-0.2,2.8-0.4l1.1-0.2c4.1-0.8,9.7-2,10.8-2c1.1,0,6,1.3,6.2,2.6c0,0.2,0,0.3-0.2,0.5c-5.1-1.5-13.1-1.2-23.9,0.9 c-6.1,1.2-11.4,2.8-13.8,3.5c0,0.1,0.1,0.3,0.1,0.4c3.3-1,13-3.7,22.3-4.9c0.7,0.1,5.9,1.2,8,3.4c-1.4,0.5-2.3,0.8-3.5,1.3 c-1.1,0.4-2.4,0.8-4.4,1.6c-1.6,0-6.6-0.2-11-1.4c-4.2-1.2-9.4-0.3-11.5,0.2c0,0.2,0,0.3,0.1,0.5c2-0.5,7.2-1.4,11.3-0.2 c3.6,1,7.7,1.3,9.9,1.4c-6.4,2.3-17.4,1.3-21.4,0.7c-0.1,0.3-0.2,0.5-0.3,0.8c2.8,0.5,11,1.7,18,2.4c8,0.7,16,1.7,17.6,4.8 c0.1,0.3,0.2,0.5,0.2,0.7c-21-5.2-28.8-4.8-31.8-4.7c-1.1,0.1-1.5,0.1-1.8-0.1l-2.6-2.3c-0.1,0.1-0.2,0.2-0.3,0.4l2.6,2.3 c0.4,0.3,0.9,0.3,2.1,0.3c2.9-0.1,10.7-0.5,31.6,4.7c0,0,0,0,0,0c-0.7,1.2-3.7,1.9-6.8,2.4c-2.2-2.4-7.1-2.9-12.8-3.6 c-2.7-0.3-5.4-0.6-8.1-1.2c-5.6-1.1-8.3-3.1-9.5-4.3c0,0-0.1,0.1-0.1,0.1c0,0.2,0.1,0.4,0.1,0.5c1.4,1.3,4.1,3.1,9.4,4.1 c7.5,2.3,10.9,4.2,11.6,5.1c-5.6,0.1-11.3-0.4-14.5-0.7c-1.1-0.1-1.8-0.2-2.3-0.2c-0.2,0-0.4,0-0.6,0c-1,0-2.1,0.1-2.7-0.9 c-0.3-0.6-0.4-1.3-0.4-2.1c0-0.7-0.1-1.5-0.4-2.4c0,0.9-0.2,1.8-0.4,2.7c0,0.7,0.1,1.4,0.5,2.2c0.8,1.5,2.4,1.4,3.4,1.4 c0.2,0,0.4,0,0.6,0c0.4,0,1.1,0.1,2.2,0.2c2.9,0.3,7.7,0.8,12.8,0.8c1.5,0,3.1,0,4.7-0.2c9-0.7,13-1.7,14-3.5 c0.3-0.6,0.3-1.3-0.1-2c-1.8-3.4-9.6-4.4-18.2-5.2c-2.5-0.2-5.1-0.5-7.6-0.9c4.2,0,8.6-0.3,11.8-1.5 C74.4,23.1,75.9,22.5,77.2,22.1z M73.8,16.5c5-0.5,9.8-0.5,13.4,0.5c-0.4,0.3-1.1,0.7-1.9,1.1c-1.9,0.8-3.3,1.3-4.4,1.8 C79.2,18.1,75.7,17,73.8,16.5z M71.9,36.3c-0.7,0.1-1.5,0.1-2.2,0.1c-0.7-1.5-5.6-3.4-9-4.6c1.7,0.2,3.3,0.4,5,0.6 c5.4,0.6,10.1,1.2,12.3,3.2C75.6,36,73.3,36.2,71.9,36.3z' id='fly'></path>
<path d='M42.1,30.1c-0.3,0.9-0.3,1.7-0.4,2.4c0,0.8,0,1.4-0.4,2.1c-0.5,1-1.7,1-2.7,0.9c-0.2,0-0.4,0-0.6,0 c-0.4,0-1.2,0.1-2.3,0.2c-3.3,0.3-8.9,0.9-14.5,0.7c0.7-0.9,4-2.8,11.6-5.1c5.3-1,8-2.9,9.4-4.1c0-0.2,0-0.4,0.1-0.5 c0,0-0.1-0.1-0.1-0.1c-1.2,1.2-3.9,3.2-9.5,4.3c-2.7,0.5-5.4,0.8-8.1,1.2C19,32.7,14.1,33.3,12,35.6c-3.1-0.5-6.1-1.2-6.8-2.4 c0,0,0,0,0,0c20.9-5.2,28.7-4.8,31.6-4.7c1.2,0.1,1.7,0.1,2.1-0.3l2.6-2.3c-0.1-0.1-0.2-0.2-0.3-0.4l-2.6,2.3 c-0.3,0.2-0.7,0.2-1.8,0.1c-3-0.1-10.8-0.5-31.8,4.7c0-0.2,0.1-0.5,0.2-0.7c1.6-3,9.6-4,17.6-4.8c7-0.7,15.2-1.9,18-2.4 c-0.1-0.3-0.2-0.5-0.3-0.8c-4,0.6-15,1.6-21.4-0.7c2.2-0.1,6.3-0.4,9.9-1.4c4.1-1.2,9.3-0.3,11.3,0.2c0-0.2,0-0.3,0.1-0.5 c-2.1-0.5-7.3-1.4-11.5-0.2c-4.4,1.2-9.4,1.4-11,1.4c-2-0.7-3.3-1.2-4.4-1.6c-1.2-0.4-2.1-0.7-3.5-1.3c2.1-2.2,7.3-3.3,8-3.4 c9.4,1.1,19,3.9,22.3,4.9c0-0.1,0.1-0.3,0.1-0.4c-2.3-0.7-7.7-2.2-13.8-3.5C16,15.5,8,15.1,2.9,16.7c-0.1-0.2-0.2-0.4-0.2-0.5 C3,14.8,7.9,13.5,9,13.5c1.1,0,6.7,1.2,10.8,2l1.1,0.2c0.9,0.2,1.9,0.3,2.8,0.4c6.5,1.5,14.1,3.6,17.1,4.5 c0.1-0.1,0.1-0.3,0.2-0.4c-2.6-0.7-8.4-2.3-14.1-3.7c0.2,0,0.4,0,0.7,0.1c2.3,0.2,4.8,0.4,8.1,0.9c2.4,0.4,4,0.8,5.1,1.2 c-0.2-0.3-0.4-0.7-0.5-1c-1.1-0.3-2.5-0.7-4.4-1c-3.3-0.5-5.9-0.7-8.2-0.9c-2.3-0.2-4.3-0.3-6.5-0.8l-1.1-0.2 c-4.6-0.9-9.8-2-10.9-2c-0.7,0-6.6,1.1-7,3.3c-0.2,1,0.8,2,3,2.9c4.8,2,6.2,2.4,8.3,3.2c1.2,0.4,2.7,1,5.3,1.9 c3.2,1.2,7.7,1.6,11.8,1.5c-2.5,0.3-5.1,0.6-7.6,0.9c-8.6,0.8-16.4,1.8-18.2,5.2c-0.4,0.7-0.4,1.4-0.1,2c1,1.8,5.1,2.8,14,3.5 c1.5,0.1,3.1,0.2,4.7,0.2c5,0,9.8-0.5,12.8-0.8c1.1-0.1,1.8-0.2,2.2-0.2c0.2,0,0.3,0,0.6,0c1.1,0,2.6,0.1,3.4-1.4 c0.4-0.7,0.4-1.4,0.5-2.2C42.3,31.9,42.1,31,42.1,30.1z M5.2,18.1c-0.9-0.4-1.5-0.7-1.9-1.1c3.6-1,8.4-1,13.4-0.5 c-2,0.5-5.4,1.5-7,3.4C8.5,19.5,7.2,18.9,5.2,18.1z M20.8,36.4c-0.8,0-1.5-0.1-2.2-0.1c-1.4-0.1-3.7-0.3-6-0.6 c2.2-2,6.9-2.6,12.3-3.2c1.6-0.2,3.3-0.4,5-0.6C26.4,33,21.5,34.9,20.8,36.4z' id='fly'></path>
<path d='M43.1,14.2c0.3-0.6,0.2-1.3-0.2-2.2c-1.2,0.8-2.1,2.1-2.1,3.7C41.6,15.4,42.7,15,43.1,14.2z'></path>
<path d='M47.4,14.2c0.4,0.8,1.4,1.2,2.4,1.4c-0.1-1.5-0.9-2.9-2.1-3.7C47.2,12.9,47.1,13.6,47.4,14.2z'></path>
<path d='M47.5,69.6c0-0.3,0-0.6,0-0.9c0-0.2,0-0.5,0-0.7c-0.8,0.3-1.6,0.5-2.4,0.5c-0.1,0-0.3,0-0.4,0c-0.6,0-1.2-0.2-1.7-0.4 c0,0.2,0,0.4,0,0.6c0,0.3,0,0.7,0,1c0.5,0.3,1.1,0.5,1.8,0.5C45.7,70.3,46.6,70.1,47.5,69.6z'></path>
<path d='M47.4,66.5c0-0.5-0.1-0.9-0.2-1.3c-0.2-1-0.4-1.8-0.7-2.5c0.1-2.6,0.1-5.4,0.1-8.3c0-5.5-0.1-10.7-0.3-14.6 c-0.1-2.7-0.3-4.3-0.4-5.2c0.9-0.6,1.5-2.5,1.6-4.4c0-0.3,0-0.6,0-0.9c0-0.3,0-0.5,0-0.8c0-0.8-0.2-1.6-0.4-2.3c0,0,0.1,0,0.1-0.1 c0.1-0.1,0.3-0.2,0.4-0.3c0.2-0.2,0.4-0.4,0.6-0.6c0.1-0.1,0.2-0.2,0.3-0.4c0.1-0.1,0.1-0.2,0.2-0.3c0.1-0.2,0.3-0.5,0.3-0.8 c0.1-0.4,0.2-0.8,0.2-1.3c0-0.1,0-0.2,0-0.3c0-0.2,0-0.3-0.1-0.5c0,0,0,0,0-0.1c0-0.2-0.1-0.3-0.1-0.4C49,21.2,49,21,48.9,20.9 c-0.1-0.1-0.2-0.3-0.3-0.4c-0.2-0.3-0.5-0.6-0.8-0.9c0,0,0-0.1-0.1-0.1c0.6-0.4,1-0.9,1.4-1.5c0.2-0.4,0.4-0.8,0.5-1.2 c-1.1-0.2-2.6-0.8-3.3-2.1c-0.5-0.9-0.4-2,0.2-3.2c-0.4-0.1-0.9-0.2-1.3-0.2c-0.5,0-0.9,0.1-1.3,0.2c0.6,1.2,0.7,2.3,0.2,3.2 c-0.6,1.3-2.2,1.8-3.3,2.1c0.1,0.4,0.3,0.8,0.5,1.2c0.3,0.6,0.8,1.1,1.4,1.5c0,0,0,0.1-0.1,0.1c-0.3,0.3-0.5,0.6-0.8,0.9 c-0.1,0.1-0.2,0.3-0.3,0.4c-0.1,0.2-0.1,0.3-0.2,0.5c-0.1,0.1-0.1,0.3-0.1,0.4c0,0,0,0,0,0.1c0,0.1,0,0.3-0.1,0.5 c0,0.1,0,0.2,0,0.3c0,0.4,0.1,0.9,0.2,1.3c0.1,0.3,0.2,0.5,0.3,0.8c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0.1,0.2,0.2,0.3,0.4 c0.2,0.2,0.4,0.4,0.6,0.6c0.1,0.1,0.3,0.2,0.4,0.3c0,0,0.1,0,0.1,0.1c-0.2,0.7-0.3,1.5-0.4,2.3c0,0.3,0,0.5,0,0.8 c0,0.3,0,0.6,0,0.9c0.1,1.9,0.7,3.8,1.6,4.4c-0.1,0.9-0.3,2.5-0.4,5.2c-0.2,3.9-0.3,9.1-0.3,14.6c0,2.9,0,5.7,0.1,8.3 c-0.3,0.6-0.6,1.5-0.7,2.5c-0.1,0.5-0.1,0.9-0.2,1.4c0.5,0.2,1.1,0.4,1.8,0.5C45.6,67.1,46.5,66.9,47.4,66.5z'></path>
<path d='M44.6,74.8c-0.3,0-0.6-0.1-0.8-0.1c0.3,1.3,0.7,1.6,1.4,1.6c0.8,0,1.2-0.3,1.4-1.6c-0.5,0.1-1,0.2-1.6,0.2 C44.9,74.9,44.8,74.9,44.6,74.8z'></path>
<path d='M45.1,71.7c-0.1,0-0.3,0-0.4,0c-0.6,0-1.1-0.2-1.6-0.4c0.1,0.6,0.2,1.2,0.3,1.8c0.4,0.2,0.9,0.3,1.4,0.3 c0.8,0.1,1.6-0.1,2.4-0.5c0.1-0.5,0.2-1.1,0.3-1.8C46.6,71.5,45.9,71.7,45.1,71.7z'></path>
</svg>
</div>
<div class='dot'>
<svg viewbox='0 0 300 300' x='0px' y='0px'>
<path d='M77.2,22.1c2.2-0.8,3.5-1.2,8.3-3.2c2.2-0.9,3.2-1.8,3-2.9c-0.4-2.2-6.3-3.3-7-3.3c-1.1,0-6.3,1.1-10.9,2L69.4,15 c-2.2,0.5-4.2,0.6-6.5,0.8c-2.3,0.2-4.9,0.4-8.2,0.9c-1.9,0.3-3.3,0.7-4.4,1c-0.1,0.4-0.3,0.7-0.5,1c1.1-0.4,2.7-0.9,5.1-1.2 c3.3-0.5,5.9-0.7,8.1-0.9c0.2,0,0.4,0,0.7-0.1c-5.7,1.4-11.6,3-14.1,3.7c0.1,0.1,0.1,0.3,0.2,0.4c3.1-0.9,10.6-2.9,17.1-4.5 c0.9-0.1,1.8-0.2,2.8-0.4l1.1-0.2c4.1-0.8,9.7-2,10.8-2c1.1,0,6,1.3,6.2,2.6c0,0.2,0,0.3-0.2,0.5c-5.1-1.5-13.1-1.2-23.9,0.9 c-6.1,1.2-11.4,2.8-13.8,3.5c0,0.1,0.1,0.3,0.1,0.4c3.3-1,13-3.7,22.3-4.9c0.7,0.1,5.9,1.2,8,3.4c-1.4,0.5-2.3,0.8-3.5,1.3 c-1.1,0.4-2.4,0.8-4.4,1.6c-1.6,0-6.6-0.2-11-1.4c-4.2-1.2-9.4-0.3-11.5,0.2c0,0.2,0,0.3,0.1,0.5c2-0.5,7.2-1.4,11.3-0.2 c3.6,1,7.7,1.3,9.9,1.4c-6.4,2.3-17.4,1.3-21.4,0.7c-0.1,0.3-0.2,0.5-0.3,0.8c2.8,0.5,11,1.7,18,2.4c8,0.7,16,1.7,17.6,4.8 c0.1,0.3,0.2,0.5,0.2,0.7c-21-5.2-28.8-4.8-31.8-4.7c-1.1,0.1-1.5,0.1-1.8-0.1l-2.6-2.3c-0.1,0.1-0.2,0.2-0.3,0.4l2.6,2.3 c0.4,0.3,0.9,0.3,2.1,0.3c2.9-0.1,10.7-0.5,31.6,4.7c0,0,0,0,0,0c-0.7,1.2-3.7,1.9-6.8,2.4c-2.2-2.4-7.1-2.9-12.8-3.6 c-2.7-0.3-5.4-0.6-8.1-1.2c-5.6-1.1-8.3-3.1-9.5-4.3c0,0-0.1,0.1-0.1,0.1c0,0.2,0.1,0.4,0.1,0.5c1.4,1.3,4.1,3.1,9.4,4.1 c7.5,2.3,10.9,4.2,11.6,5.1c-5.6,0.1-11.3-0.4-14.5-0.7c-1.1-0.1-1.8-0.2-2.3-0.2c-0.2,0-0.4,0-0.6,0c-1,0-2.1,0.1-2.7-0.9 c-0.3-0.6-0.4-1.3-0.4-2.1c0-0.7-0.1-1.5-0.4-2.4c0,0.9-0.2,1.8-0.4,2.7c0,0.7,0.1,1.4,0.5,2.2c0.8,1.5,2.4,1.4,3.4,1.4 c0.2,0,0.4,0,0.6,0c0.4,0,1.1,0.1,2.2,0.2c2.9,0.3,7.7,0.8,12.8,0.8c1.5,0,3.1,0,4.7-0.2c9-0.7,13-1.7,14-3.5 c0.3-0.6,0.3-1.3-0.1-2c-1.8-3.4-9.6-4.4-18.2-5.2c-2.5-0.2-5.1-0.5-7.6-0.9c4.2,0,8.6-0.3,11.8-1.5 C74.4,23.1,75.9,22.5,77.2,22.1z M73.8,16.5c5-0.5,9.8-0.5,13.4,0.5c-0.4,0.3-1.1,0.7-1.9,1.1c-1.9,0.8-3.3,1.3-4.4,1.8 C79.2,18.1,75.7,17,73.8,16.5z M71.9,36.3c-0.7,0.1-1.5,0.1-2.2,0.1c-0.7-1.5-5.6-3.4-9-4.6c1.7,0.2,3.3,0.4,5,0.6 c5.4,0.6,10.1,1.2,12.3,3.2C75.6,36,73.3,36.2,71.9,36.3z' id='fly'></path>
<path d='M42.1,30.1c-0.3,0.9-0.3,1.7-0.4,2.4c0,0.8,0,1.4-0.4,2.1c-0.5,1-1.7,1-2.7,0.9c-0.2,0-0.4,0-0.6,0 c-0.4,0-1.2,0.1-2.3,0.2c-3.3,0.3-8.9,0.9-14.5,0.7c0.7-0.9,4-2.8,11.6-5.1c5.3-1,8-2.9,9.4-4.1c0-0.2,0-0.4,0.1-0.5 c0,0-0.1-0.1-0.1-0.1c-1.2,1.2-3.9,3.2-9.5,4.3c-2.7,0.5-5.4,0.8-8.1,1.2C19,32.7,14.1,33.3,12,35.6c-3.1-0.5-6.1-1.2-6.8-2.4 c0,0,0,0,0,0c20.9-5.2,28.7-4.8,31.6-4.7c1.2,0.1,1.7,0.1,2.1-0.3l2.6-2.3c-0.1-0.1-0.2-0.2-0.3-0.4l-2.6,2.3 c-0.3,0.2-0.7,0.2-1.8,0.1c-3-0.1-10.8-0.5-31.8,4.7c0-0.2,0.1-0.5,0.2-0.7c1.6-3,9.6-4,17.6-4.8c7-0.7,15.2-1.9,18-2.4 c-0.1-0.3-0.2-0.5-0.3-0.8c-4,0.6-15,1.6-21.4-0.7c2.2-0.1,6.3-0.4,9.9-1.4c4.1-1.2,9.3-0.3,11.3,0.2c0-0.2,0-0.3,0.1-0.5 c-2.1-0.5-7.3-1.4-11.5-0.2c-4.4,1.2-9.4,1.4-11,1.4c-2-0.7-3.3-1.2-4.4-1.6c-1.2-0.4-2.1-0.7-3.5-1.3c2.1-2.2,7.3-3.3,8-3.4 c9.4,1.1,19,3.9,22.3,4.9c0-0.1,0.1-0.3,0.1-0.4c-2.3-0.7-7.7-2.2-13.8-3.5C16,15.5,8,15.1,2.9,16.7c-0.1-0.2-0.2-0.4-0.2-0.5 C3,14.8,7.9,13.5,9,13.5c1.1,0,6.7,1.2,10.8,2l1.1,0.2c0.9,0.2,1.9,0.3,2.8,0.4c6.5,1.5,14.1,3.6,17.1,4.5 c0.1-0.1,0.1-0.3,0.2-0.4c-2.6-0.7-8.4-2.3-14.1-3.7c0.2,0,0.4,0,0.7,0.1c2.3,0.2,4.8,0.4,8.1,0.9c2.4,0.4,4,0.8,5.1,1.2 c-0.2-0.3-0.4-0.7-0.5-1c-1.1-0.3-2.5-0.7-4.4-1c-3.3-0.5-5.9-0.7-8.2-0.9c-2.3-0.2-4.3-0.3-6.5-0.8l-1.1-0.2 c-4.6-0.9-9.8-2-10.9-2c-0.7,0-6.6,1.1-7,3.3c-0.2,1,0.8,2,3,2.9c4.8,2,6.2,2.4,8.3,3.2c1.2,0.4,2.7,1,5.3,1.9 c3.2,1.2,7.7,1.6,11.8,1.5c-2.5,0.3-5.1,0.6-7.6,0.9c-8.6,0.8-16.4,1.8-18.2,5.2c-0.4,0.7-0.4,1.4-0.1,2c1,1.8,5.1,2.8,14,3.5 c1.5,0.1,3.1,0.2,4.7,0.2c5,0,9.8-0.5,12.8-0.8c1.1-0.1,1.8-0.2,2.2-0.2c0.2,0,0.3,0,0.6,0c1.1,0,2.6,0.1,3.4-1.4 c0.4-0.7,0.4-1.4,0.5-2.2C42.3,31.9,42.1,31,42.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0