<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1920 950" style="enable-background:new 0 0 1920 950;" xml:space="preserve">
<rect style="fill:#252160;" width="1920" height="950"/>
<g>
<path style="fill:#FFFBCC;" d="M1709.275,950c-129.989-81.439-274.33-142.086-428.36-177.305c-0.118-0.03-0.231-0.061-0.353-0.091
c-37.483-9.106-34.453-26.554-92.906-37.27c-54.116-9.921-77.122,9.372-102.626,7.028l-0.005,0.009
c-38.586-3.198-77.613-4.839-117.025-4.839c-72.132,0-142.987,5.465-212.176,15.999l0.047-0.009
c-0.161,0.026-0.311,0.046-0.471,0.072c-0.092,0.014-0.185,0.028-0.277,0.042c-33.438,5.284-38.774-4.568-60.704-0.285
c-17.512,3.42-22.963,15.073-49.631,21.735c-0.602,0.143-1.203,0.29-1.805,0.433c-0.504,0.117-0.998,0.237-1.516,0.351l0.29-0.057
C492.725,811.439,352.957,870.914,226.725,950H1709.275z"/>
<path style="opacity:0.15;" d="M1361.927,793.803c-74.802,11.663-146.868,32.251-215.213,60.706
c3.021,2.318,4.632,4.815,4.322,7.236c-0.865,6.763-16.335,10.356-34.551,8.025c-1.145-0.147-2.273-0.313-3.383-0.498
c-49.443,22.869-96.777,49.917-141.601,80.728h737.775C1602.34,883.004,1485.691,830.078,1361.927,793.803z"/>
<ellipse style="opacity:0.25;" cx="895.075" cy="903.834" rx="57.03" ry="23.796"/>
<path style="opacity:0.35;" d="M895.075,897.133c-24.275,0-44.993,6.331-53.225,15.249c8.232,8.918,28.95,15.249,53.225,15.249
c24.274,0,44.993-6.331,53.224-15.249C940.068,903.463,919.35,897.133,895.075,897.133z"/>
<ellipse transform="matrix(0.9785 0.2063 -0.2063 0.9785 211.8554 -271.2001)" style="opacity:0.25;" cx="1406.066" cy="880.039" rx="46.914" ry="19.966"/>
<path style="opacity:0.35;" d="M1361.913,878.301c5.25,8.625,20.704,17.198,40.033,21.274c19.176,4.044,36.654,2.501,45.019-3.158
c-5.249-8.625-20.704-17.198-40.033-21.274C1387.756,871.099,1370.278,872.642,1361.913,878.301z"/>
<ellipse transform="matrix(0.9388 -0.3445 0.3445 0.9388 -291.7053 190.3914)" style="opacity:0.25;" cx="389.835" cy="915.942" rx="20.974" ry="8.465"/>
<path style="opacity:0.35;" d="M376.145,926.529c4.285,0.529,10.318-0.333,16.607-2.641c6.857-2.517,12.373-6.147,15.112-9.587
c-4.285-0.529-10.318,0.333-16.607,2.641C384.4,919.459,378.883,923.09,376.145,926.529z"/>
<path style="opacity:0.25;" d="M1246.711,762.66c-1.652,10.342-31.908,14.637-67.579,9.593
c-35.671-5.044-63.249-17.518-61.598-27.86c1.652-10.342,31.908-14.637,67.579-9.593
C1220.785,739.845,1248.363,752.318,1246.711,762.66z"/>
<path style="opacity:0.35;" d="M1120.625,751.584c8.08,8.385,30.857,16.759,58.508,20.669c26.071,3.687,49.234,2.38,60.466-2.626
c-8.08-8.385-30.857-16.759-58.508-20.669C1155.02,745.271,1131.857,746.578,1120.625,751.584z"/>
<ellipse transform="matrix(0.9888 0.149 -0.149 0.9888 149.4602 -178.0155)" style="opacity:0.25;" cx="1262.811" cy="908.494" rx="23.425" ry="9.983"/>
<path style="opacity:0.25;" d="M1241.9,910.297c3.522,3.599,10.762,6.764,19.424,8.069c7.641,1.151,14.653,0.595,19.238-1.201
c-3.522-3.599-10.763-6.764-19.424-8.069C1253.498,907.945,1246.486,908.501,1241.9,910.297z"/>
<ellipse transform="matrix(1 0.0012 -0.0012 1 0.9518 -1.1567)" style="opacity:0.25;" cx="987.366" cy="811.539" rx="26.354" ry="9.983"/>
<path style="opacity:0.35;" d="M964.547,816.507c4.555,2.986,13.059,5.003,22.807,5.014c9.757,0.011,18.272-1.989,22.831-4.969
c-4.555-2.986-13.059-5.003-22.808-5.014C977.62,811.527,969.106,813.527,964.547,816.507z"/>
<ellipse transform="matrix(0.9774 -0.2116 0.2116 0.9774 -164.5253 147.7993)" style="opacity:0.25;" cx="608.219" cy="842.522" rx="54.01" ry="20.453"/>
<ellipse transform="matrix(0.9889 -0.1485 0.1485 0.9889 -110.3508 130.7143)" style="opacity:0.25;" cx="820.291" cy="804.437" rx="17.925" ry="6.655"/>
<path style="opacity:0.35;" d="M835.606,805.86c-3.473-1.122-8.777-1.394-14.595-0.521c-6.165,0.926-11.417,2.909-14.327,5.159
c3.473,1.122,8.778,1.394,14.595,0.521C827.444,810.093,832.696,808.109,835.606,805.86z"/>
<ellipse transform="matrix(0.9919 0.1269 -0.1269 0.9919 117.9018 -134.9916)" style="opacity:0.25;" cx="1118.052" cy="857.524" rx="33.253" ry="12.346"/>
<path style="opacity:0.35;" d="M1144.665,867.813c-5.631-3.76-14.96-6.931-25.785-8.316c-11.471-1.468-21.849-0.585-28.18,1.957
c5.631,3.76,14.96,6.931,25.785,8.316C1127.956,871.238,1138.333,870.356,1144.665,867.813z"/>
<ellipse transform="matrix(0.98 -0.1989 0.1989 0.98 -161.4505 168.5437)" style="opacity:0.25;" cx="758.139" cy="887.832" rx="11.479" ry="4.157"/>
<path style="opacity:0.35;" d="M767.341,888.665c-2.233-0.426-5.346-0.351-8.703,0.33c-3.492,0.709-6.495,1.918-8.375,3.241
c2.233,0.426,5.346,0.351,8.703-0.33C762.458,891.198,765.46,889.988,767.341,888.665z"/>
<path style="opacity:0.35;" d="M610.398,838.192c-22.75,4.926-40.957,14.575-46.722,23.822c10.25,4.373,28.7,4.865,48.872,0.498
c22.75-4.926,40.957-14.575,46.722-23.822C649.02,834.317,630.57,833.824,610.398,838.192z"/>
<ellipse transform="matrix(0.9826 -0.1859 0.1859 0.9826 -129.0284 142.8647)" style="opacity:0.25;" cx="697.375" cy="759.533" rx="17.925" ry="6.655"/>
<path style="opacity:0.35;" d="M712.733,760.373c-3.513-0.989-8.824-1.06-14.605,0.033c-6.125,1.159-11.298,3.34-14.121,5.699
c3.513,0.989,8.824,1.06,14.604-0.033C704.738,764.913,709.911,762.732,712.733,760.373z"/>
<path style="fill:#C3996B;" d="M1401.946,899.575c4.699,0.991,9.296,1.645,13.682,1.986l13.672-75.184l-19.968-4.937
l-21.745,74.053C1392.029,897.111,1396.851,898.501,1401.946,899.575z"/>
<path style="opacity:0.25;" d="M1415.628,901.561l13.673-75.184l-7.771-1.921l-15.666,75.871
C1409.201,900.906,1412.469,901.315,1415.628,901.561z"/>
<path style="opacity:0.25;" d="M1401.946,899.575c4.699,0.991,9.296,1.645,13.682,1.986l0.03-0.165
c-13.447-5.553-22.643-13.22-23.822-20.368l-4.248,14.465C1392.029,897.111,1396.851,898.501,1401.946,899.575z"/>
<path style="fill:#00CE4A;" d="M1441.579,733.866c-13.418-3.317-26.908-0.86-37.858,5.787c-0.557-2.072-2.192-3.788-4.423-4.339
c-3.267-0.808-6.57,1.186-7.378,4.453c-0.671,2.715,0.596,5.449,2.916,6.761c-6.475,6.282-11.332,14.389-13.657,23.792
c-6.612,26.745,9.709,53.787,36.454,60.4c26.745,6.612,53.787-9.709,60.4-36.454
C1484.645,767.521,1468.324,740.479,1441.579,733.866z"/>
<g id="greendots">
<circle style="fill:#00CE4A;" cx="1227.37" cy="684.221" r="0.813" id="cir1"/>
<circle style="fill:#00CE4A;" cx="1358.772" cy="742.395" r="5.009" id="cir2"/>
<circle style="fill:#00CE4A;" cx="1312.71" cy="716.345" r="3.224" id="cir3"/>
<circle style="fill:#00CE4A;" cx="1324.639" cy="753.361" r="2.531" id="cir4"/>
<circle style="fill:#00CE4A;" cx="1243.527" cy="706.361" r="1.627" id="cir5"/>
</g>
<animate
xlink:href="#cir1"
attributeName="r"
from="0.8"
to="4"
dur="7s"
values="0.8; 4; 0.8"
keyTimes="0; 0.5; 1"
repeatCount="indefinite"
fill="freeze" />
<animate
xlink:href="#cir2"
attributeName="r"
from="3"
to="9"
dur="5s"
values="3; 9; 3"
keyTimes="0; 0.5; 1"
repeatCount="indefinite"
fill="freeze" />
<animate
xlink:href="#cir3"
attributeName="r"
from="2"
to="6"
dur="4s"
values="2; 6; 2"
keyTimes="0; 0.5; 1"
repeatCount="indefinite"
fill="freeze" />
<animate
xlink:href="#cir4"
attributeName="r"
from="2"
to="7"
dur="4.5s"
values="2; 7; 2"
keyTimes="0; 0.5; 1"
repeatCount="indefinite"
fill="freeze" />
<animate
xlink:href="#cir5"
attributeName="r"
from="1"
to="4"
dur="7.5s"
values="1; 4; 1"
keyTimes="0; 0.5; 1"
repeatCount="indefinite"
fill="freeze" />
<path style="opacity:0.15;" d="M1478.033,794.266c4.298-17.385-1.1-34.889-12.747-46.833
c-16.833-1.383-34.084,14.482-39.778,37.509c-4.689,18.966-0.173,37.282,10.245,46.856
C1455.661,829.322,1472.931,814.904,1478.033,794.266z"/>
<ellipse transform="matrix(0.9406 0.3394 -0.3394 0.9406 404.3029 -473.6052)" style="opacity:0.25;" cx="1556.034" cy="918.967" rx="15.194" ry="5.502"/>
<path style="opacity:0.25;" d="M1565.866,926.24c-2.232-2.017-5.803-4.075-10.067-5.614c-4.436-1.601-8.664-2.299-11.699-2.096
c2.231,2.018,5.803,4.075,10.067,5.614C1558.602,925.744,1562.83,926.442,1565.866,926.24z"/>
<path style="opacity:0.15;" d="M1512.218,935.844c-1.153,4.662-0.63,9.479,1.263,14.156l111.528,0
c-6.1-7.504-25.864-22.246-47.583-27.616c-19.802-4.896-47.811-7.083-58.014,1.972l-69.362-30.704c0,0-3.782,5.531-17.537,7.556
l80.619,31.843C1512.768,933.957,1512.455,934.885,1512.218,935.844z"/>
<polygon style="fill:#C3996B;" points="1406.958,853.244 1391.909,838.61 1393.669,836.475 1409.511,847.643 1410.945,850.656 "/>
<circle style="fill:#00CE4A;" cx="1387.806" cy="832.38" r="12.814"/>
<path style="opacity:0.15;" d="M1400.245,835.455c1.02-4.126-0.096-8.271-2.629-11.299c-4.292,0.564-8.178,4.167-9.433,9.243
c-1.083,4.381,0.075,8.708,2.684,11.419C1395.338,843.713,1399.064,840.236,1400.245,835.455z"/>
</g>
<g transform="translate(1466,137)">
<path style="fill:#FFFFFF;" id="star1" d="M-36.5,0C-16.342,0,0-16.342,0-36.5C0-16.342,16.341,0,36.5,0C16.341,0,0,16.341,0,36.5
C0,16.341-16.342,0-36.5,0" />
</g>
<animateTransform
xlink:href="#star1"
attributeName="transform"
attributeType="XML"
type="scale"
values="0.8; 1.4; 0.8"
keyTimes="0; 0.5; 1"
dur="10s"
begin="0s"
repeatCount="indefinite"
fill="freeze"
/>
<g transform="translate(1297,324)">
<path style="fill:#FFFFFF;" id="star2" d="M-36.5,0C-16.342,0,0-16.342,0-36.5C0-16.342,16.341,0,36.5,0C16.341,0,0,16.341,0,36.5
C0,16.341-16.342,0-36.5,0" />
</g>
<animateTransform
xlink:href="#star2"
attributeName="transform"
attributeType="XML"
type="scale"
values="0.3; 0.8; 0.3"
keyTimes="0; 0.5; 1"
dur="7s"
begin="0s"
repeatCount="indefinite"
fill="freeze"
/>
<path style="fill:#FFFFFF;" d="M1577.479,460.996c4.594,0,8.319-3.724,8.319-8.319c0,4.594,3.724,8.319,8.319,8.319
c-4.594,0-8.319,3.724-8.319,8.319C1585.798,464.721,1582.073,460.996,1577.479,460.996z"/>
<path style="fill:#FFFFFF;" d="M922.666,137.216c6.234,0,11.287-5.053,11.287-11.287c0,6.234,5.053,11.287,11.287,11.287
c-6.234,0-11.287,5.053-11.287,11.287C933.953,142.269,928.9,137.216,922.666,137.216z"/>
<g transform="translate(1348,619)">
<path style="fill:#FFFFFF;" id="star3" d="M-36.5,0C-16.342,0,0-16.342,0-36.5C0-16.342,16.341,0,36.5,0C16.341,0,0,16.341,0,36.5
C0,16.341-16.342,0-36.5,0" />
</g>
<animateTransform
xlink:href="#star3"
attributeName="transform"
attributeType="XML"
type="scale"
values="0.5; 0.9; 0.5"
keyTimes="0; 0.5; 1"
dur="11s"
begin="2s"
repeatCount="indefinite"
fill="freeze"
/>
<path style="fill:#FFFFFF;" d="M1018.517,671.913c6.348,0,11.494-5.146,11.494-11.494c0,6.348,5.146,11.494,11.494,11.494
c-6.348,0-11.494,5.146-11.494,11.494C1030.012,677.059,1024.865,671.913,1018.517,671.913z"/>
<g transform="translate(127,530)">
<path style="fill:#FFFFFF;" id="star4" d="M-36.5,0C-16.342,0,0-16.342,0-36.5C0-16.342,16.341,0,36.5,0C16.341,0,0,16.341,0,36.5
C0,16.341-16.342,0-36.5,0" />
</g>
<animateTransform
xlink:href="#star4"
attributeName="transform"
attributeType="XML"
type="scale"
values="0.6; 1.1; 0.6"
keyTimes="0; 0.5; 1"
dur="9s"
begin="0s"
repeatCount="indefinite"
fill="freeze"
/>
<path style="fill:#FFFFFF;" d="M165.333,307.5c4.326,0,7.833-3.507,7.833-7.833c0,4.326,3.507,7.833,7.833,7.833
c-4.326,0-7.833,3.507-7.833,7.833C173.167,311.007,169.66,307.5,165.333,307.5z"/>
<path style="fill:#FFFFFF;" d="M890.125,474.375c4.211,0,7.625-3.414,7.625-7.625c0,4.211,3.414,7.625,7.625,7.625
c-4.211,0-7.625,3.414-7.625,7.625C897.75,477.789,894.336,474.375,890.125,474.375z"/>
<path style="fill:#FFFFFF;" d="M1642.825,779.911c3.565,0,6.456-2.89,6.456-6.456c0,3.565,2.89,6.456,6.456,6.456
c-3.565,0-6.456,2.89-6.456,6.456C1649.281,782.801,1646.39,779.911,1642.825,779.911z"/>
<g id="motion-p">
<path style="fill:none;stroke:none; stroke-miterlimit:10;" id="motionPath" d="M1446.147,421.811c-24.884-15.549-38.682-9.744-64.739-10.664
c-5.29-0.187-18.91,1.596-18.246-7.813c0.793-11.243,14.181-6.152,18.399-12.247c7.675-11.089-9.06-13.898-9.049-26.908
c0.006-6.727,6.843-22.355,15.095-21.148c11.024,1.613,8.753,21.801,14.47,27.067c19.248,17.73,20.725,0.897,24.436-11.99
c0.56-1.946-6.822-6.422-5.724-8.303c3.003-5.146,22.645-8.544,27.915-7.503c24.397,4.816,5.569,17.426,9.432,29.917
c1.845,5.966,18.933,14.469,25.147,13.614c6.444-0.887,0.729-15.464,3.585-15.644c19.743-1.24,20.479,19.494,34.602,23.936
c13.432,4.225,26.222-5.667,23.507-18.316c-2.03-9.453-11.512-14.698-19.593-12.645c-10.33,2.625-3.307,19.929,0.219,35.018
c7.791,33.333-5.584,35.895-32.697,14.486c-5.729-4.524-25.509-21.632-35.482-12.667c-9.862,8.866,7.453,55.322,14.898,53.649
c7.74-1.74,14.574-24.317,8.226-29.994c-8.576-7.67-27.802,8.73-34.401,13.016c-15.53,10.087-33.8,17.787-45.642-5.07
c-5.325-10.279,4.217-42.981,18.108-38.935c6.556,1.91,20.147,48.56,29.766,34.71
C1447.634,425.522,1446.891,423.666,1446.147,421.811z"/>
</g>
<g id="astro">
<path style="fill:#FFFFFF;" d="M74.168-65.839c-6.718-2.195-13.931,1.472-16.124,8.182C52.122-39.534,33.44-29.08,15.195-32.986
c-0.002-0.004-0.004-0.008-0.006-0.012c10.844-3.641,19.891-12.174,23.717-23.883c6.428-19.674-4.311-40.834-23.985-47.262
s-40.834,4.311-47.262,23.985c-3.452,10.565-1.948,21.554,3.226,30.465c-11.716-9.346-17.039-25.335-12.118-40.398
c2.192-6.712-1.471-13.931-8.183-16.123c-6.717-2.195-13.932,1.471-16.124,8.183c-8.197,25.089,0.414,51.688,19.598,67.595
c-0.281,0.699-0.547,1.411-0.787,2.144l-15.976,48.903c-0.001,0.004-0.003,0.008-0.004,0.012l-19.43,59.47
c-2.924,8.949,1.961,18.574,10.91,21.498c1.759,0.574,3.542,0.848,5.297,0.848c7.175-0.001,13.852-4.567,16.201-11.758
l19.428-59.467c0-0.001,0.001-0.002,0.001-0.003v0c0.163-0.499,0.701-0.772,1.2-0.609c0.306,0.1,0.613,0.168,0.92,0.25
l-19.74,60.422c-2.924,8.949,1.961,18.574,10.91,21.498c1.759,0.575,3.542,0.847,5.297,0.847c7.175,0,13.852-4.567,16.201-11.757
L19.946-6.672c0.974,0.046,1.946,0.076,2.916,0.076c26.326,0,50.879-16.771,59.488-43.119
C84.543-56.427,80.879-63.646,74.168-65.839z"/>
<path style="fill:#E6E7E8;" d="M74.168-65.839c-6.718-2.195-13.931,1.472-16.124,8.182C52.122-39.534,33.44-29.08,15.195-32.986
c10.842-3.644,19.886-12.186,23.711-23.895c6.428-19.674-4.311-40.834-23.985-47.262L-8.355-32.896
c1.338,0.437,2.684,0.788,4.031,1.069c-2.782,2.035-4.984,4.916-6.137,8.443L-47.92,91.273
c-2.924,8.949,1.961,18.574,10.91,21.498c1.759,0.575,3.542,0.847,5.297,0.847c7.175,0,13.852-4.567,16.201-11.757L19.946-6.672
c0.974,0.046,1.946,0.076,2.916,0.076c26.326,0,50.879-16.771,59.488-43.119C84.543-56.427,80.879-63.646,74.168-65.839z"/>
<path d="M13.103-32.351c-6.819,1.858-14.238,1.814-21.459-0.545c-7.22-2.359-13.235-6.704-17.641-12.229l10.565-32.338
l39.1,12.774L13.103-32.351z"/>
<circle style="fill:#FFFFFF;" cx="-27.336" cy="-100.635" r="3.346"/>
<circle style="fill:#FFFFFF;" cx="-24.188" cy="-110.272" r="3.346"/>
<circle style="fill:#FFFFFF;" cx="46.958" cy="-76.362" r="3.346"/>
<circle style="fill:#FFFFFF;" cx="50.106" cy="-85.999" r="3.346"/>
<rect x="-60.067" y="10.502" transform="matrix(0.9506 0.3106 -0.3106 0.9506 4.4258 8.69)" style="opacity:0.15;" width="69.979" height="15.484"/>
<polygon style="fill:#B8171B;" points="-3.197,64.178 -35.615,53.609 -33.815,48.099 -1.397,58.667 "/>
<polygon style="fill:#ED1C24;" points="-37.416,52.99 -69.834,42.432 -68.033,36.922 -35.615,47.48 "/>
</g>
<animateMotion xlink:href="#astro"
dur="100s"
repeatCount="indefinite"
fill="freeze">
<mpath xlink:href="#motionPath" />
</animateMotion>
<animateTransform
xlink:href="#astro"
attributeName="transform"
attributeType="XML"
type="rotate"
from="0 75 75"
to="360 75 75"
dur="40s"
values="0; 30; 0"
keyTimes="0; 0.5; 1"
begin="0s"
repeatCount="indefinite"
fill="freeze"
/>
</svg>
svg {
position: absolute;
bottom: 0;
}
body {
background-color: #252160;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.