CSS
语言:
CSSSCSS
确定
html {
height: 100%;
width: 100%;
}
body {
height: 100%;
background: #CECECE;
font-family: mono45-headline, monospace;
}
.moons {
background: #EDEDED;
border-radius: 100%;
position: absolute;
}
.moons:nth-child(1) {
background: rgba(135, 135, 142, 0.27531);
height: 15vw;
width: 15vw;
top: 0%;
left: 5%;
animation: moonimation-1 2s ease infinite alternate;
}
.moons:nth-child(2) {
background: rgba(97, 85, 91, 0.34531);
height: 23vw;
width: 23vw;
top: 5%;
left: -4%;
animation: moonimation-2 2s ease infinite alternate;
}
.moons:nth-child(3) {
background: rgba(98, 92, 106, 0.2335);
height: 15vw;
width: 15vw;
top: -9%;
left: 5%;
animation: moonimation-3 2s ease infinite alternate;
}
.moons:nth-child(4) {
background: rgba(64, 64, 68, 0.39127);
height: 19vw;
width: 19vw;
top: -4%;
left: -4%;
animation: moonimation-4 2s ease infinite alternate;
}
.moons:nth-child(5) {
background: rgba(80, 65, 66, 0.23266);
height: 21vw;
width: 21vw;
top: 5%;
left: 3%;
animation: moonimation-5 2s ease infinite alternate;
}
.moons:nth-child(6) {
background: rgba(95, 81, 82, 0.24575);
height: 17vw;
width: 17vw;
top: -15%;
left: -5%;
animation: moonimation-6 2s ease infinite alternate;
}
.moons:nth-child(7) {
background: rgba(13, 13, 28, 0.29691);
height: 23vw;
width: 23vw;
top: 5%;
left: -1%;
animation: moonimation-7 2s ease infinite alternate;
}
.moons:nth-child(8) {
background: rgba(58, 58, 72, 0.25365);
height: 16vw;
width: 16vw;
top: -10%;
left: -10%;
animation: moonimation-8 2s ease infinite alternate;
}
.moons:nth-child(9) {
background: rgba(119, 104, 119, 0.26576);
height: 16vw;
width: 16vw;
top: -8%;
left: -10%;
animation: moonimation-9 2s ease infinite alternate;
}
.moons:nth-child(10) {
background: rgba(75, 68, 83, 0.27556);
height: 19vw;
width: 19vw;
top: -2%;
left: -7%;
animation: moonimation-10 2s ease infinite alternate;
}
.moons:nth-child(11) {
background: rgba(81, 79, 98, 0.25959);
height: 24vw;
width: 24vw;
top: 1%;
left: -1%;
animation: moonimation-11 2s ease infinite alternate;
}
.moons:nth-child(12) {
background: rgba(120, 110, 123, 0.352);
height: 21vw;
width: 21vw;
top: 5%;
left: 3%;
animation: moonimation-12 2s ease infinite alternate;
}
.moons:nth-child(13) {
background: rgba(73, 58, 78, 0.29788);
height: 23vw;
width: 23vw;
top: 0%;
left: 1%;
animation: moonimation-13 2s ease infinite alternate;
}
.moons:nth-child(14) {
background: rgba(23, 17, 24, 0.39437);
height: 21vw;
width: 21vw;
top: 0%;
left: -5%;
animation: moonimation-14 2s ease infinite alternate;
}
.moons:nth-child(15) {
background: rgba(112, 98, 114, 0.32147);
height: 22vw;
width: 22vw;
top: 4%;
left: 5%;
animation: moonimation-15 2s ease infinite alternate;
}
.moons:nth-child(16) {
background: rgba(100, 99, 99, 0.20852);
height: 17vw;
width: 17vw;
top: -11%;
left: 5%;
animation: moonimation-16 2s ease infinite alternate;
}
.moons:nth-child(17) {
background: rgba(58, 49, 49, 0.22338);
height: 16vw;
width: 16vw;
top: -4%;
left: 1%;
animation: moonimation-17 2s ease infinite alternate;
}
.moons:nth-child(18) {
background: rgba(100, 90, 108, 0.313);
height: 19vw;
width: 19vw;
top: 4%;
left: 4%;
animation: moonimation-18 2s ease infinite alternate;
}
.moons:nth-child(19) {
background: rgba(140, 135, 140, 0.25239);
height: 16vw;
width: 16vw;
top: -4%;
left: 5%;
animation: moonimation-19 2s ease infinite alternate;
}
.moons:nth-child(20) {
background: rgba(88, 76, 93, 0.23363);
height: 18vw;
width: 18vw;
top: -1%;
left: 2%;
animation: moonimation-20 2s ease infinite alternate;
}
.moons:nth-child(21) {
background: rgba(63, 54, 74, 0.24924);
height: 25vw;
width: 25vw;
top: -7%;
left: 5%;
animation: moonimation-21 2s ease infinite alternate;
}
.moons:nth-child(22) {
background: rgba(69, 60, 73, 0.26769);
height: 25vw;
width: 25vw;
top: -1%;
left: -2%;
animation: moonimation-22 2s ease infinite alternate;
}
.moons:nth-child(23) {
background: rgba(62, 52, 69, 0.31024);
height: 17vw;
width: 17vw;
top: 2%;
left: -8%;
animation: moonimation-23 2s ease infinite alternate;
}
.moons:nth-child(24) {
background: rgba(51, 40, 52, 0.25891);
height: 17vw;
width: 17vw;
top: -12%;
left: -13%;
animation: moonimation-24 2s ease infinite alternate;
}
.moons:nth-child(25) {
background: rgba(108, 104, 122, 0.29277);
height: 18vw;
width: 18vw;
top: -7%;
left: -13%;
animation: moonimation-25 2s ease infinite alternate;
}
.moons:nth-child(26) {
background: rgba(57, 46, 54, 0.36064);
height: 23vw;
width: 23vw;
top: -1%;
left: -7%;
animation: moonimation-26 2s ease infinite alternate;
}
.moons:nth-child(27) {
background: rgba(125, 116, 119, 0.22506);
height: 15vw;
width: 15vw;
top: -8%;
left: -4%;
animation: moonimation-27 2s ease infinite alternate;
}
.moons:nth-child(28) {
background: rgba(29, 18, 19, 0.36635);
height: 16vw;
width: 16vw;
top: 1%;
left: -14%;
animation: moonimation-28 2s ease infinite alternate;
}
.moons:nth-child(29) {
background: rgba(74, 67, 87, 0.35674);
height: 17vw;
width: 17vw;
top: 1%;
left: -15%;
animation: moonimation-29 2s ease infinite alternate;
}
.moons:nth-child(30) {
background: rgba(53, 41, 45, 0.27185);
height: 19vw;
width: 19vw;
top: 1%;
left: 2%;
animation: moonimation-30 2s ease infinite alternate;
}
.moons:nth-child(31) {
background: rgba(35, 27, 32, 0.21731);
height: 25vw;
width: 25vw;
top: -7%;
left: -12%;
animation: moonimation-31 2s ease infinite alternate;
}
.moons:nth-child(32) {
background: rgba(51, 39, 45, 0.26229);
height: 22vw;
width: 22vw;
top: -1%;
left: -1%;
animation: moonimation-32 2s ease infinite alternate;
}
.moons:nth-child(33) {
background: rgba(46, 37, 49, 0.34784);
height: 17vw;
width: 17vw;
top: -14%;
left: 2%;
animation: moonimation-33 2s ease infinite alternate;
}
.moons:nth-child(34) {
background: rgba(70, 67, 74, 0.33623);
height: 17vw;
width: 17vw;
top: -5%;
left: -12%;
animation: moonimation-34 2s ease infinite alternate;
}
.moons:nth-child(35) {
background: rgba(13, 13, 22, 0.23291);
height: 21vw;
width: 21vw;
top: -8%;
left: -15%;
animation: moonimation-35 2s ease infinite alternate;
}
.moons:nth-child(36) {
background: rgba(19, 8, 19, 0.27752);
height: 25vw;
width: 25vw;
top: -9%;
left: -12%;
animation: moonimation-36 2s ease infinite alternate;
}
.moons:nth-child(37) {
background: rgba(21, 11, 21, 0.35847);
height: 20vw;
width: 20vw;
top: -3%;
left: -7%;
animation: moonimation-37 2s ease infinite alternate;
}
.moons:nth-child(38) {
background: rgba(131, 131, 132, 0.31375);
height: 16vw;
width: 16vw;
top: 4%;
left: 3%;
animation: moonimation-38 2s ease infinite alternate;
}
.moons:nth-child(39) {
background: rgba(73, 69, 71, 0.26055);
height: 15vw;
width: 15vw;
top: -10%;
left: -8%;
animation: moonimation-39 2s ease infinite alternate;
}
.moons:nth-child(40) {
background: rgba(21, 20, 36, 0.39409);
height: 22vw;
width: 22vw;
top: 5%;
left: -7%;
animation: moonimation-40 2s ease infinite alternate;
}
.moons:nth-child(41) {
background: rgba(79, 64, 70, 0.22806);
height: 20vw;
width: 20vw;
top: 2%;
left: -2%;
animation: moonimation-41 2s ease infinite alternate;
}
.moons:nth-child(42) {
background: rgba(61, 47, 59, 0.33802);
height: 18vw;
width: 18vw;
top: -2%;
left: 2%;
animation: moonimation-42 2s ease infinite alternate;
}
.moons:nth-child(43) {
background: rgba(82, 77, 88, 0.38608);
height: 20vw;
width: 20vw;
top: -12%;
left: -9%;
animation: moonimation-43 2s ease infinite alternate;
}
.moons:nth-child(44) {
background: rgba(114, 108, 124, 0.30672);
height: 15vw;
width: 15vw;
top: 3%;
left: -12%;
animation: moonimation-44 2s ease infinite alternate;
}
.moons:nth-child(45) {
background: rgba(45, 44, 54, 0.26928);
height: 16vw;
width: 16vw;
top: 4%;
left: -6%;
animation: moonimation-45 2s ease infinite alternate;
}
.moons:nth-child(46) {
background: rgba(78, 72, 87, 0.38807);
height: 19vw;
width: 19vw;
top: 3%;
left: -14%;
animation: moonimation-46 2s ease infinite alternate;
}
.moons:nth-child(47) {
background: rgba(147, 133, 144, 0.28293);
height: 18vw;
width: 18vw;
top: -4%;
left: 3%;
animation: moonimation-47 2s ease infinite alternate;
}
.moons:nth-child(48) {
background: rgba(64, 55, 60, 0.31242);
height: 25vw;
width: 25vw;
top: -12%;
left: 0%;
animation: moonimation-48 2s ease infinite alternate;
}
.moons:nth-child(49) {
background: rgba(121, 109, 116, 0.26422);
height: 16vw;
width: 16vw;
top: -15%;
left: -14%;
animation: moonimation-49 2s ease infinite alternate;
}
.moons:nth-child(50) {
background: rgba(66, 61, 78, 0.28294);
height: 20vw;
width: 20vw;
top: -6%;
left: -2%;
animation: moonimation-50 2s ease infinite alternate;
}
.moons:nth-child(51) {
background: rgba(126, 119, 121, 0.3578);
height: 18vw;
width: 18vw;
top: 5%;
left: -3%;
animation: moonimation-51 2s ease infinite alternate;
}
.moons:nth-child(52) {
background: rgba(139, 135, 143, 0.21682);
height: 22vw;
width: 22vw;
top: -2%;
left: -6%;
animation: moonimation-52 2s ease infinite alternate;
}
.moons:nth-child(53) {
background: rgba(63, 57, 73, 0.28865);
height: 21vw;
width: 21vw;
top: -7%;
left: -15%;
animation: moonimation-53 2s ease infinite alternate;
}
.moons:nth-child(54) {
background: rgba(32, 17, 22, 0.32996);
height: 23vw;
width: 23vw;
top: -8%;
left: 3%;
animation: moonimation-54 2s ease infinite alternate;
}
.moons:nth-child(55) {
background: rgba(13, 12, 23, 0.37919);
height: 16vw;
width: 16vw;
top: 2%;
left: -10%;
animation: moonimation-55 2s ease infinite alternate;
}
.moons:nth-child(56) {
background: rgba(63, 57, 68, 0.36765);
height: 20vw;
width: 20vw;
top: 3%;
left: -10%;
animation: moonimation-56 2s ease infinite alternate;
}
.moons:nth-child(57) {
background: rgba(21, 16, 24, 0.24063);
height: 24vw;
width: 24vw;
top: -14%;
left: -15%;
animation: moonimation-57 2s ease infinite alternate;
}
.moons:nth-child(58) {
background: rgba(98, 89, 92, 0.22709);
height: 15vw;
width: 15vw;
top: -11%;
left: -9%;
animation: moonimation-58 2s ease infinite alternate;
}
.moons:nth-child(59) {
background: rgba(107, 96, 116, 0.35197);
height: 15vw;
width: 15vw;
top: -4%;
left: -11%;
animation: moonimation-59 2s ease infinite alternate;
}
.moons:nth-child(60) {
background: rgba(132, 127, 140, 0.38768);
height: 17vw;
width: 17vw;
top: -10%;
left: -15%;
animation: moonimation-60 2s ease infinite alternate;
}
.moons:nth-child(61) {
background: rgba(107, 92, 104, 0.32402);
height: 16vw;
width: 16vw;
top: -8%;
left: 4%;
animation: moonimation-61 2s ease infinite alternate;
}
.moons:nth-child(62) {
background: rgba(70, 58, 62, 0.36534);
height: 21vw;
width: 21vw;
top: -8%;
left: -2%;
animation: moonimation-62 2s ease infinite alternate;
}
.moons:nth-child(63) {
background: rgba(105, 93, 106, 0.21863);
height: 18vw;
width: 18vw;
top: -8%;
left: -1%;
animation: moonimation-63 2s ease infinite alternate;
}
.moons:nth-child(64) {
background: rgba(135, 123, 131, 0.37858);
height: 25vw;
width: 25vw;
top: -9%;
left: -13%;
animation: moonimation-64 2s ease infinite alternate;
}
.moons:nth-child(65) {
background: rgba(20, 7, 17, 0.32261);
height: 21vw;
width: 21vw;
top: 1%;
left: -7%;
animation: moonimation-65 2s ease infinite alternate;
}
.moons:nth-child(66) {
background: rgba(86, 80, 83, 0.3387);
height: 18vw;
width: 18vw;
top: 2%;
left: -8%;
animation: moonimation-66 2s ease infinite alternate;
}
.moons:nth-child(67) {
background: rgba(59, 57, 63, 0.37095);
height: 20vw;
width: 20vw;
top: -12%;
left: -8%;
animation: moonimation-67 2s ease infinite alternate;
}
.moons:nth-child(68) {
background: rgba(33, 33, 40, 0.35527);
height: 18vw;
width: 18vw;
top: -15%;
left: -1%;
animation: moonimation-68 2s ease infinite alternate;
}
.moons:nth-child(69) {
background: rgba(34, 19, 39, 0.35431);
height: 21vw;
width: 21vw;
top: -2%;
left: -7%;
animation: moonimation-69 2s ease infinite alternate;
}
.moons:nth-child(70) {
background: rgba(42, 37, 39, 0.25019);
height: 18vw;
width: 18vw;
top: -7%;
left: -8%;
animation: moonimation-70 2s ease infinite alternate;
}
.moons:nth-child(71) {
background: rgba(79, 66, 72, 0.22688);
height: 25vw;
width: 25vw;
top: -11%;
left: -11%;
animation: moonimation-71 2s ease infinite alternate;
}
.moons:nth-child(72) {
background: rgba(37, 36, 54, 0.20087);
height: 20vw;
width: 20vw;
top: -10%;
left: -10%;
animation: moonimation-72 2s ease infinite alternate;
}
.moons:nth-child(73) {
background: rgba(71, 68, 77, 0.25825);
height: 22vw;
width: 22vw;
top: -10%;
left: -7%;
animation: moonimation-73 2s ease infinite alternate;
}
.moons:nth-child(74) {
background: rgba(30, 26, 34, 0.37419);
height: 24vw;
width: 24vw;
top: -8%;
left: -12%;
animation: moonimation-74 2s ease infinite alternate;
}
.moons:nth-child(75) {
background: rgba(32, 26, 30, 0.39485);
height: 22vw;
width: 22vw;
top: -9%;
left: -10%;
animation: moonimation-75 2s ease infinite alternate;
}
.moons:nth-child(76) {
background: rgba(57, 56, 73, 0.38896);
height: 23vw;
width: 23vw;
top: -13%;
left: -13%;
animation: moonimation-76 2s ease infinite alternate;
}
.moons:nth-child(77) {
background: rgba(127, 118, 129, 0.38422);
height: 15vw;
width: 15vw;
top: -1%;
left: 2%;
animation: moonimation-77 2s ease infinite alternate;
}
.moons:nth-child(78) {
background: rgba(81, 74, 92, 0.2181);
height: 20vw;
width: 20vw;
top: -10%;
left: -9%;
animation: moonimation-78 2s ease infinite alternate;
}
.moons:nth-child(79) {
background: rgba(32, 29, 48, 0.21437);
height: 17vw;
width: 17vw;
top: -1%;
left: -3%;
animation: moonimation-79 2s ease infinite alternate;
}
.moons:nth-child(80) {
background: rgba(87, 73, 86, 0.24396);
height: 23vw;
width: 23vw;
top: -14%;
left: -8%;
animation: moonimation-80 2s ease infinite alternate;
}
.moons:nth-child(81) {
background: rgba(36, 22, 41, 0.27475);
height: 24vw;
width: 24vw;
top: 3%;
left: 3%;
animation: moonimation-81 2s ease infinite alternate;
}
.moons:nth-child(82) {
background: rgba(113, 110, 121, 0.33868);
height: 21vw;
width: 21vw;
top: -2%;
left: -9%;
animation: moonimation-82 2s ease infinite alternate;
}
.moons:nth-child(83) {
background: rgba(119, 114, 130, 0.39389);
height: 21vw;
width: 21vw;
top: -1%;
left: 3%;
animation: moonimation-83 2s ease infinite alternate;
}
.moons:nth-child(84) {
background: rgba(38, 25, 33, 0.29943);
height: 18vw;
width: 18vw;
top: -10%;
left: 5%;
animation: moonimation-84 2s ease infinite alternate;
}
.moons:nth-child(85) {
background: rgba(87, 76, 90, 0.20208);
height: 18vw;
width: 18vw;
top: -5%;
left: -3%;
animation: moonimation-85 2s ease infinite alternate;
}
.moons:nth-child(86) {
background: rgba(56, 45, 65, 0.38274);
height: 19vw;
width: 19vw;
top: -14%;
left: -3%;
animation: moonimation-86 2s ease infinite alternate;
}
.moons:nth-child(87) {
background: rgba(25, 24, 42, 0.23138);
height: 16vw;
width: 16vw;
top: -15%;
left: 2%;
animation: moonimation-87 2s ease infinite alternate;
}
.moons:nth-child(88) {
background: rgba(76, 75, 94, 0.31019);
height: 21vw;
width: 21vw;
top: 1%;
left: -13%;
animation: moonimation-88 2s ease infinite alternate;
}
.moons:nth-child(89) {
background: rgba(82, 76, 86, 0.33807);
height: 21vw;
width: 21vw;
top: -14%;
left: -6%;
animation: moonimation-89 2s ease infinite alternate;
}
.moons:nth-child(90) {
background: rgba(110, 97, 109, 0.32392);
height: 18vw;
width: 18vw;
top: -10%;
left: 2%;
animation: moonimation-90 2s ease infinite alternate;
}
.moons:nth-child(91) {
background: rgba(19, 17, 24, 0.23032);
height: 24vw;
width: 24vw;
top: -2%;
left: -10%;
animation: moonimation-91 2s ease infinite alternate;
}
.moons:nth-child(92) {
background: rgba(68, 64, 79, 0.28283);
height: 21vw;
width: 21vw;
top: 3%;
left: -5%;
animation: moonimation-92 2s ease infinite alternate;
}
.moons:nth-child(93) {
background: rgba(44, 32, 48, 0.21769);
height: 22vw;
width: 22vw;
top: 4%;
left: -11%;
animation: moonimation-93 2s ease infinite alternate;
}
.moons:nth-child(94) {
background: rgba(98, 90, 92, 0.3847);
height: 15vw;
width: 15vw;
top: -4%;
left: -3%;
animation: moonimation-94 2s ease infinite alternate;
}
.moons:nth-child(95) {
background: rgba(50, 37, 44, 0.37454);
height: 16vw;
width: 16vw;
top: 4%;
left: -14%;
animation: moonimation-95 2s ease infinite alternate;
}
.moons:nth-child(96) {
background: rgba(6, 0, 13, 0.23891);
height: 15vw;
width: 15vw;
top: -5%;
left: -11%;
animation: moonimation-96 2s ease infinite alternate;
}
.moons:nth-child(97) {
background: rgba(46, 38, 51, 0.33152);
height: 22vw;
width: 22vw;
top: -4%;
left: 2%;
animation: moonimation-97 2s ease infinite alternate;
}
.moons:nth-child(98) {
background: rgba(87, 72, 77, 0.39621);
height: 21vw;
width: 21vw;
top: -11%;
left: 1%;
animation: moonimation-98 2s ease infinite alternate;
}
.moons:nth-child(99) {
background: rgba(95, 83, 102, 0.22668);
height: 19vw;
width: 19vw;
top: -11%;
left: 5%;
animation: moonimation-99 2s ease infinite alternate;
}
.moons:nth-child(100) {
background: rgba(84, 75, 79, 0.29138);
height: 25vw;
width: 25vw;
top: -1%;
left: 5%;
animation: moonimation-100 2s ease infinite alternate;
}
.moons:nth-child(101) {
background: rgba(94, 93, 111, 0.39626);
height: 16vw;
width: 16vw;
top: 1%;
left: -15%;
animation: moonimation-101 2s ease infinite alternate;
}
.moons:nth-child(102) {
background: rgba(117, 111, 127, 0.20449);
height: 15vw;
width: 15vw;
top: 5%;
left: -1%;
animation: moonimation-102 2s ease infinite alternate;
}
.moons:nth-child(103) {
background: rgba(97, 91, 107, 0.34579);
height: 21vw;
width: 21vw;
top: -4%;
left: 0%;
animation: moonimation-103 2s ease infinite alternate;
}
.moons:nth-child(104) {
background: rgba(43, 28, 41, 0.22783);
height: 16vw;
width: 16vw;
top: -14%;
left: -8%;
animation: moonimation-104 2s ease infinite alternate;
}
.moons:nth-child(105) {
background: rgba(135, 133, 137, 0.21299);
height: 25vw;
width: 25vw;
top: 1%;
left: -10%;
animation: moonimation-105 2s ease infinite alternate;
}
.moons:nth-child(106) {
background: rgba(8, 4, 20, 0.35048);
height: 20vw;
width: 20vw;
top: -9%;
left: 0%;
animation: moonimation-106 2s ease infinite alternate;
}
.moons:nth-child(107) {
background: rgba(132, 126, 136, 0.38269);
height: 18vw;
width: 18vw;
top: -11%;
left: -9%;
animation: moonimation-107 2s ease infinite alternate;
}
.moons:nth-child(108) {
background: rgba(146, 133, 152, 0.29703);
height: 25vw;
width: 25vw;
top: -3%;
left: 4%;
animation: moonimation-108 2s ease infinite alternate;
}
.moons:nth-child(109) {
background: rgba(128, 128, 144, 0.22463);
height: 20vw;
width: 20vw;
top: 2%;
left: -13%;
animation: moonimation-109 2s ease infinite alternate;
}
.moons:nth-child(110) {
background: rgba(73, 67, 77, 0.37519);
height: 23vw;
width: 23vw;
top: -14%;
left: -12%;
animation: moonimation-110 2s ease infinite alternate;
}
.moons:nth-child(111) {
background: rgba(15, 3, 12, 0.20531);
height: 15vw;
width: 15vw;
top: -5%;
left: -10%;
animation: moonimation-111 2s ease infinite alternate;
}
.moons:nth-child(112) {
background: rgba(101, 87, 107, 0.29083);
height: 15vw;
width: 15vw;
top: 3%;
left: 2%;
animation: moonimation-112 2s ease infinite alternate;
}
.moons:nth-child(113) {
background: rgba(8, 7, 7, 0.22243);
height: 18vw;
width: 18vw;
top: -14%;
left: -9%;
animation: moonimation-113 2s ease infinite alternate;
}
.moons:nth-child(114) {
background: rgba(144, 133, 149, 0.30294);
height: 22vw;
width: 22vw;
top: 0%;
left: -1%;
animation: moonimation-114 2s ease infinite alternate;
}
.moons:nth-child(115) {
background: rgba(22, 14, 24, 0.30896);
height: 24vw;
width: 24vw;
top: 1%;
left: -4%;
animation: moonimation-115 2s ease infinite alternate;
}
.moons:nth-child(116) {
background: rgba(46, 43, 62, 0.20215);
height: 23vw;
width: 23vw;
top: -15%;
left: -8%;
animation: moonimation-116 2s ease infinite alternate;
}
.moons:nth-child(117) {
background: rgba(116, 102, 104, 0.21152);
height: 23vw;
width: 23vw;
top: 5%;
left: -14%;
animation: moonimation-117 2s ease infinite alternate;
}
.moons:nth-child(118) {
background: rgba(23, 18, 36, 0.28772);
height: 20vw;
width: 20vw;
top: 5%;
left: -5%;
animation: moonimation-118 2s ease infinite alternate;
}
.moons:nth-child(119) {
background: rgba(26, 26, 44, 0.20879);
height: 19vw;
width: 19vw;
top: -3%;
left: -6%;
animation: moonimation-119 2s ease infinite alternate;
}
.moons:nth-child(120) {
background: rgba(85, 72, 80, 0.38312);
height: 18vw;
width: 18vw;
top: 0%;
left: -13%;
animation: moonimation-120 2s ease infinite alternate;
}
.moons:nth-child(121) {
background: rgba(135, 124, 140, 0.28084);
height: 24vw;
width: 24vw;
top: 3%;
left: -11%;
animation: moonimation-121 2s ease infinite alternate;
}
.moons:nth-child(122) {
background: rgba(99, 98, 101, 0.2854);
height: 20vw;
width: 20vw;
top: -11%;
left: -7%;
animation: moonimation-122 2s ease infinite alternate;
}
.moons:nth-child(123) {
background: rgba(50, 43, 53, 0.36027);
height: 19vw;
width: 19vw;
top: 1%;
left: -9%;
animation: moonimation-123 2s ease infinite alternate;
}
.moons:nth-child(124) {
background: rgba(14, 4, 22, 0.32401);
height: 20vw;
width: 20vw;
top: -2%;
left: 4%;
animation: moonimation-124 2s ease infinite alternate;
}
.moons:nth-child(125) {
background: rgba(66, 51, 71, 0.34935);
height: 19vw;
width: 19vw;
top: -12%;
left: -13%;
animation: moonimation-125 2s ease infinite alternate;
}
.moons:nth-child(126) {
background: rgba(80, 72, 75, 0.31762);
height: 18vw;
width: 18vw;
top: 0%;
left: -9%;
animation: moonimation-126 2s ease infinite alternate;
}
.moons:nth-child(127) {
background: rgba(52, 44, 49, 0.26947);
height: 23vw;
width: 23vw;
top: 4%;
left: 0%;
animation: moonimation-127 2s ease infinite alternate;
}
.moons:nth-child(128) {
background: rgba(65, 53, 64, 0.22223);
height: 25vw;
width: 25vw;
top: -3%;
left: 1%;
animation: moonimation-128 2s ease infinite alternate;
}
.moons:nth-child(129) {
background: rgba(118, 114, 119, 0.28111);
height: 22vw;
width: 22vw;
top: -15%;
left: -9%;
animation: moonimation-129 2s ease infinite alternate;
}
.moons:nth-child(130) {
background: rgba(65, 59, 69, 0.32771);
height: 20vw;
width: 20vw;
top: -11%;
left: -12%;
animation: moonimation-130 2s ease infinite alternate;
}
.moons:nth-child(131) {
background: rgba(74, 63, 79, 0.33767);
height: 24vw;
width: 24vw;
top: -8%;
left: 3%;
animation: moonimation-131 2s ease infinite alternate;
}
.moons:nth-child(132) {
background: rgba(37, 24, 40, 0.29803);
height: 17vw;
width: 17vw;
top: -9%;
left: -15%;
animation: moonimation-132 2s ease infinite alternate;
}
.moons:nth-child(133) {
background: rgba(11, 2, 9, 0.21721);
height: 21vw;
width: 21vw;
top: -4%;
left: 1%;
animation: moonimation-133 2s ease infinite alternate;
}
.moons:nth-child(134) {
background: rgba(104, 100, 112, 0.27321);
height: 23vw;
width: 23vw;
top: -11%;
left: -15%;
animation: moonimation-134 2s ease infinite alternate;
}
.moons:nth-child(135) {
background: rgba(33, 24, 27, 0.30748);
height: 15vw;
width: 15vw;
top: -9%;
left: -13%;
animation: moonimation-135 2s ease infinite alternate;
}
.moons:nth-child(136) {
background: rgba(18, 9, 18, 0.22975);
height: 16vw;
width: 16vw;
top: -7%;
left: 2%;
animation: moonimation-136 2s ease infinite alternate;
}
.moons:nth-child(137) {
background: rgba(100, 92, 102, 0.32635);
height: 17vw;
width: 17vw;
top: -1%;
left: 3%;
animation: moonimation-137 2s ease infinite alternate;
}
.moons:nth-child(138) {
background: rgba(127, 116, 119, 0.38119);
height: 24vw;
width: 24vw;
top: 0%;
left: -2%;
animation: moonimation-138 2s ease infinite alternate;
}
.moons:nth-child(139) {
background: rgba(63, 49, 57, 0.27171);
height: 16vw;
width: 16vw;
top: -9%;
left: -1%;
animation: moonimation-139 2s ease infinite alternate;
}
.moons:nth-child(140) {
background: rgba(26, 19, 38, 0.2023);
height: 19vw;
width: 19vw;
top: 4%;
left: -1%;
animation: moonimation-140 2s ease infinite alternate;
}
.moons:nth-child(141) {
background: rgba(80, 73, 76, 0.20258);
height: 24vw;
width: 24vw;
top: 0%;
left: -13%;
animation: moonimation-141 2s ease infinite alternate;
}
.moons:nth-child(142) {
background: rgba(54, 50, 53, 0.39514);
height: 22vw;
width: 22vw;
top: -10%;
left: -3%;
animation: moonimation-142 2s ease infinite alternate;
}
.moons:nth-child(143) {
background: rgba(55, 53, 63, 0.33816);
height: 23vw;
width: 23vw;
top: -6%;
left: 5%;
animation: moonimation-143 2s ease infinite alternate;
}
.moons:nth-child(144) {
background: rgba(81, 80, 93, 0.29332);
height: 25vw;
width: 25vw;
top: 4%;
left: 4%;
animation: moonimation-144 2s ease infinite alternate;
}
.moons:nth-child(145) {
background: rgba(59, 50, 61, 0.22433);
height: 20vw;
width: 20vw;
top: 3%;
left: -13%;
animation: moonimation-145 2s ease infinite alternate;
}
.moons:nth-child(146) {
background: rgba(127, 124, 138, 0.35827);
height: 21vw;
width: 21vw;
top: -9%;
left: 4%;
animation: moonimation-146 2s ease infinite alternate;
}
.moons:nth-child(147) {
background: rgba(133, 130, 132, 0.21943);
height: 19vw;
width: 19vw;
top: -4%;
left: -10%;
animation: moonimation-147 2s ease infinite alternate;
}
.moons:nth-child(148) {
background: rgba(129, 115, 129, 0.37603);
height: 25vw;
width: 25vw;
top: -3%;
left: 4%;
animation: moonimation-148 2s ease infinite alternate;
}
.moons:nth-child(149) {
background: rgba(91, 88, 101, 0.24856);
height: 19vw;
width: 19vw;
top: -5%;
left: -10%;
animation: moonimation-149 2s ease infinite alternate;
}
.moons:nth-child(150) {
background: rgba(87, 85, 91, 0.38487);
height: 17vw;
width: 17vw;
top: -5%;
left: -7%;
animation: moonimation-150 2s ease infinite alternate;
}
.moons:nth-child(151) {
background: rgba(84, 77, 84, 0.36573);
height: 23vw;
width: 23vw;
top: -12%;
left: -12%;
animation: moonimation-151 2s ease infinite alternate;
}
.moons:nth-child(152) {
background: rgba(16, 13, 23, 0.32696);
height: 25vw;
width: 25vw;
top: -11%;
left: -14%;
animation: moonimation-152 2s ease infinite alternate;
}
.moons:nth-child(153) {
background: rgba(131, 121, 136, 0.39575);
height: 16vw;
width: 16vw;
top: -6%;
left: -5%;
animation: moonimation-153 2s ease infinite alternate;
}
.moons:nth-child(154) {
background: rgba(117, 104, 121, 0.28542);
height: 25vw;
width: 25vw;
top: 3%;
left: -8%;
animation: moonimation-154 2s ease infinite alternate;
}
.moons:nth-child(155) {
background: rgba(65, 56, 72, 0.22033);
height: 19vw;
width: 19vw;
top: 2%;
left: 3%;
animation: moonimation-155 2s ease infinite alternate;
}
.moons:nth-child(156) {
background: rgba(76, 75, 87, 0.33571);
height: 20vw;
width: 20vw;
top: -11%;
left: -6%;
animation: moonimation-156 2s ease infinite alternate;
}
.moons:nth-child(157) {
background: rgba(135, 125, 137, 0.20994);
height: 23vw;
width: 23vw;
top: -2%;
left: -5%;
animation: moonimation-157 2s ease infinite alternate;
}
.moons:nth-child(158) {
background: rgba(102, 94, 97, 0.38377);
height: 22vw;
width: 22vw;
top: 1%;
left: -15%;
animation: moonimation-158 2s ease infinite alternate;
}
.moons:nth-child(159) {
background: rgba(109, 99, 105, 0.23606);
height: 25vw;
width: 25vw;
top: -9%;
left: -3%;
animation: moonimation-159 2s ease infinite alternate;
}
.moons:nth-child(160) {
background: rgba(48, 39, 43, 0.38962);
height: 20vw;
width: 20vw;
top: -14%;
left: 2%;
animation: moonimation-160 2s ease infinite alternate;
}
.moons:nth-child(161) {
background: rgba(15, 14, 20, 0.25722);
height: 25vw;
width: 25vw;
top: -10%;
left: -2%;
animation: moonimation-161 2s ease infinite alternate;
}
.moons:nth-child(162) {
background: rgba(35, 31, 39, 0.25457);
height: 21vw;
width: 21vw;
top: -14%;
left: -13%;
animation: moonimation-162 2s ease infinite alternate;
}
.moons:nth-child(163) {
background: rgba(67, 56, 70, 0.34581);
height: 20vw;
width: 20vw;
top: 2%;
left: -10%;
animation: moonimation-163 2s ease infinite alternate;
}
.moons:nth-child(164) {
background: rgba(67, 67, 71, 0.30302);
height: 17vw;
width: 17vw;
top: -3%;
left: -8%;
animation: moonimation-164 2s ease infinite alternate;
}
.moons:nth-child(165) {
background: rgba(20, 13, 32, 0.31319);
height: 17vw;
width: 17vw;
top: -1%;
left: -10%;
animation: moonimation-165 2s ease infinite alternate;
}
.moons:nth-child(166) {
background: rgba(77, 73, 83, 0.38698);
height: 23vw;
width: 23vw;
top: -4%;
left: -15%;
animation: moonimation-166 2s ease infinite alternate;
}
.moons:nth-child(167) {
background: rgba(80, 75, 80, 0.31785);
height: 16vw;
width: 16vw;
top: -4%;
left: 0%;
animation: moonimation-167 2s ease infinite alternate;
}
.moons:nth-child(168) {
background: rgba(140, 128, 134, 0.28784);
height: 19vw;
width: 19vw;
top: 2%;
left: -11%;
animation: moonimation-168 2s ease infinite alternate;
}
.moons:nth-child(169) {
background: rgba(147, 135, 150, 0.33415);
height: 21vw;
width: 21vw;
top: 4%;
left: 1%;
animation: moonimation-169 2s ease infinite alternate;
}
.moons:nth-child(170) {
background: rgba(26, 20, 26, 0.38764);
height: 15vw;
width: 15vw;
top: -15%;
left: -3%;
animation: moonimation-170 2s ease infinite alternate;
}
.moons:nth-child(171) {
background: rgba(20, 15, 34, 0.26846);
height: 25vw;
width: 25vw;
top: -5%;
left: 2%;
animation: moonimation-171 2s ease infinite alternate;
}
.moons:nth-child(172) {
background: rgba(105, 92, 100, 0.2316);
height: 17vw;
width: 17vw;
top: 2%;
left: -7%;
animation: moonimation-172 2s ease infinite alternate;
}
.moons:nth-child(173) {
background: rgba(126, 114, 118, 0.21332);
height: 24vw;
width: 24vw;
top: 2%;
left: -7%;
animation: moonimation-173 2s ease infinite alternate;
}
.moons:nth-child(174) {
background: rgba(26, 15, 33, 0.37668);
height: 24vw;
width: 24vw;
top: 3%;
left: -10%;
animation: moonimation-174 2s ease infinite alternate;
}
.moons:nth-child(175) {
background: rgba(113, 102, 113, 0.25614);
height: 15vw;
width: 15vw;
top: 0%;
left: -6%;
animation: moonimation-175 2s ease infinite alternate;
}
.moons:nth-child(176) {
background: rgba(110, 103, 115, 0.35812);
height: 21vw;
width: 21vw;
top: -6%;
left: -10%;
animation: moonimation-176 2s ease infinite alternate;
}
.moons:nth-child(177) {
background: rgba(74, 62, 62, 0.35584);
height: 20vw;
width: 20vw;
top: -15%;
left: -3%;
animation: moonimation-177 2s ease infinite alternate;
}
.moons:nth-child(178) {
background: rgba(4, 4, 22, 0.26502);
height: 25vw;
width: 25vw;
top: -10%;
left: 5%;
animation: moonimation-178 2s ease infinite alternate;
}
.moons:nth-child(179) {
background: rgba(130, 121, 140, 0.29523);
height: 17vw;
width: 17vw;
top: -1%;
left: -10%;
animation: moonimation-179 2s ease infinite alternate;
}
.moons:nth-child(180) {
background: rgba(80, 69, 89, 0.27783);
height: 23vw;
width: 23vw;
top: -1%;
left: -3%;
animation: moonimation-180 2s ease infinite alternate;
}
.moons:nth-child(181) {
background: rgba(7, 0, 11, 0.27242);
height: 17vw;
width: 17vw;
top: 1%;
left: -13%;
animation: moonimation-181 2s ease infinite alternate;
}
.moons:nth-child(182) {
background: rgba(4, 0, 19, 0.29925);
height: 19vw;
width: 19vw;
top: -11%;
left: 0%;
animation: moonimation-182 2s ease infinite alternate;
}
.moons:nth-child(183) {
background: rgba(73, 71, 71, 0.32737);
height: 24vw;
width: 24vw;
top: -11%;
left: 4%;
animation: moonimation-183 2s ease infinite alternate;
}
.moons:nth-child(184) {
background: rgba(90, 80, 94, 0.23099);
height: 15vw;
width: 15vw;
top: -4%;
left: -3%;
animation: moonimation-184 2s ease infinite alternate;
}
.moons:nth-child(185) {
background: rgba(127, 120, 138, 0.34736);
height: 19vw;
width: 19vw;
top: -5%;
left: 0%;
animation: moonimation-185 2s ease infinite alternate;
}
.moons:nth-child(186) {
background: rgba(45, 31, 47, 0.29002);
height: 24vw;
width: 24vw;
top: -2%;
left: 5%;
animation: moonimation-186 2s ease infinite alternate;
}
.moons:nth-child(187) {
background: rgba(114, 110, 110, 0.22794);
height: 16vw;
width: 16vw;
top: -9%;
left: -4%;
animation: moonimation-187 2s ease infinite alternate;
}
.moons:nth-child(188) {
background: rgba(62, 50, 53, 0.36899);
height: 20vw;
width: 20vw;
top: 3%;
left: -11%;
animation: moonimation-188 2s ease infinite alternate;
}
.moons:nth-child(189) {
background: rgba(41, 33, 37, 0.37494);
height: 16vw;
width: 16vw;
top: 2%;
left: -14%;
animation: moonimation-189 2s ease infinite alternate;
}
.moons:nth-child(190) {
background: rgba(101, 95, 112, 0.26699);
height: 16vw;
width: 16vw;
top: -13%;
left: 0%;
animation: moonimation-190 2s ease infinite alternate;
}
.moons:nth-child(191) {
background: rgba(114, 107, 116, 0.27981);
height: 20vw;
width: 20vw;
top: -10%;
left: -14%;
animation: moonimation-191 2s ease infinite alternate;
}
.moons:nth-child(192) {
background: rgba(91, 87, 98, 0.30155);
height: 22vw;
width: 22vw;
top: 5%;
left: 5%;
animation: moonimation-192 2s ease infinite alternate;
}
.moons:nth-child(193) {
background: rgba(116, 101, 102, 0.35048);
height: 21vw;
width: 21vw;
top: 0%;
left: -7%;
animation: moonimation-193 2s ease infinite alternate;
}
.moons:nth-child(194) {
background: rgba(68, 62, 79, 0.27513);
height: 25vw;
width: 25vw;
top: -6%;
left: -13%;
animation: moonimation-194 2s ease infinite alternate;
}
.moons:nth-child(195) {
background: rgba(32, 32, 38, 0.20116);
height: 19vw;
width: 19vw;
top: 0%;
left: 1%;
animation: moonimation-195 2s ease infinite alternate;
}
.moons:nth-child(196) {
background: rgba(123, 113, 131, 0.30662);
height: 24vw;
width: 24vw;
top: -7%;
left: -14%;
animation: moonimation-196 2s ease infinite alternate;
}
.moons:nth-child(197) {
background: rgba(76, 71, 73, 0.36805);
height: 18vw;
width: 18vw;
top: -11%;
left: -3%;
animation: moonimation-197 2s ease infinite alternate;
}
.moons:nth-child(198) {
background: rgba(105, 99, 102, 0.37656);
height: 22vw;
width: 22vw;
top: 0%;
left: -15%;
animation: moonimation-198 2s ease infinite alternate;
}
.moons:nth-child(199) {
background: rgba(104, 93, 110, 0.36298);
height: 23vw;
width: 23vw;
top: -14%;
left: -3%;
animation: moonimation-199 2s ease infinite alternate;
}
.moons:nth-child(200) {
background: rgba(119, 111, 121, 0.2891);
height: 18vw;
width: 18vw;
top: -10%;
left: -9%;
animation: moonimation-200 2s ease infinite alternate;
}
@keyframes moonimation-1 {
0% {
opacity: 0.45496;
}
100% {
opacity: 0.11906;
}
}
@keyframes moonimation-2 {
0% {
opacity: 0.49402;
}
100% {
opacity: 0.10888;
}
}
@keyframes moonimation-3 {
0% {
opacity: 0.44141;
}
100% {
opacity: 0.11519;
}
}
@keyframes moonimation-4 {
0% {
opacity: 0.48214;
}
100% {
opacity: 0.11788;
}
}
@keyframes moonimation-5 {
0% {
opacity: 0.4412;
}
100% {
opacity: 0.18463;
}
}
@keyframes moonimation-6 {
0% {
opacity: 0.45205;
}
100% {
opacity: 0.18326;
}
}
@keyframes moonimation-7 {
0% {
opacity: 0.48948;
}
100% {
opacity: 0.18383;
}
}
@keyframes moonimation-8 {
0% {
opacity: 0.40224;
}
100% {
opacity: 0.18681;
}
}
@keyframes moonimation-9 {
0% {
opacity: 0.45169;
}
100% {
opacity: 0.14427;
}
}
@keyframes moonimation-10 {
0% {
opacity: 0.4243;
}
100% {
opacity: 0.18331;
}
}
@keyframes moonimation-11 {
0% {
opacity: 0.45768;
}
100% {
opacity: 0.19302;
}
}
@keyframes moonimation-12 {
0% {
opacity: 0.44311;
}
100% {
opacity: 0.15802;
}
}
@keyframes moonimation-13 {
0% {
opacity: 0.41122;
}
100% {
opacity: 0.13573;
}
}
@keyframes moonimation-14 {
0% {
opacity: 0.43331;
}
100% {
opacity: 0.10586;
}
}
@keyframes moonimation-15 {
0% {
opacity: 0.48487;
}
100% {
opacity: 0.15503;
}
}
@keyframes moonimation-16 {
0% {
opacity: 0.44611;
}
100% {
opacity: 0.1223;
}
}
@keyframes moonimation-17 {
0% {
opacity: 0.47197;
}
100% {
opacity: 0.108;
}
}
@keyframes moonimation-18 {
0% {
opacity: 0.49176;
}
100% {
opacity: 0.15578;
}
}
@keyframes moonimation-19 {
0% {
opacity: 0.46627;
}
100% {
opacity: 0.14204;
}
}
@keyframes moonimation-20 {
0% {
opacity: 0.4035;
}
100% {
opacity: 0.10579;
}
}
@keyframes moonimation-21 {
0% {
opacity: 0.40614;
}
100% {
opacity: 0.10623;
}
}
@keyframes moonimation-22 {
0% {
opacity: 0.48711;
}
100% {
opacity: 0.178;
}
}
@keyframes moonimation-23 {
0% {
opacity: 0.44932;
}
100% {
opacity: 0.1837;
}
}
@keyframes moonimation-24 {
0% {
opacity: 0.48741;
}
100% {
opacity: 0.14338;
}
}
@keyframes moonimation-25 {
0% {
opacity: 0.40697;
}
100% {
opacity: 0.16587;
}
}
@keyframes moonimation-26 {
0% {
opacity: 0.4416;
}
100% {
opacity: 0.14208;
}
}
@keyframes moonimation-27 {
0% {
opacity: 0.43874;
}
100% {
opacity: 0.15537;
}
}
@keyframes moonimation-28 {
0% {
opacity: 0.49902;
}
100% {
opacity: 0.17021;
}
}
@keyframes moonimation-29 {
0% {
opacity: 0.42636;
}
100% {
opacity: 0.16766;
}
}
@keyframes moonimation-30 {
0% {
opacity: 0.43275;
}
100% {
opacity: 0.14495;
}
}
@keyframes moonimation-31 {
0% {
opacity: 0.46466;
}
100% {
opacity: 0.16884;
}
}
@keyframes moonimation-32 {
0% {
opacity: 0.40794;
}
100% {
opacity: 0.15207;
}
}
@keyframes moonimation-33 {
0% {
opacity: 0.43552;
}
100% {
opacity: 0.14127;
}
}
@keyframes moonimation-34 {
0% {
opacity: 0.44263;
}
100% {
opacity: 0.16618;
}
}
@keyframes moonimation-35 {
0% {
opacity: 0.42277;
}
100% {
opacity: 0.1626;
}
}
@keyframes moonimation-36 {
0% {
opacity: 0.43508;
}
100% {
opacity: 0.11704;
}
}
@keyframes moonimation-37 {
0% {
opacity: 0.44137;
}
100% {
opacity: 0.16598;
}
}
@keyframes moonimation-38 {
0% {
opacity: 0.47778;
}
100% {
opacity: 0.11263;
}
}
@keyframes moonimation-39 {
0% {
opacity: 0.40288;
}
100% {
opacity: 0.11913;
}
}
@keyframes moonimation-40 {
0% {
opacity: 0.45766;
}
100% {
opacity: 0.13237;
}
}
@keyframes moonimation-41 {
0% {
opacity: 0.48414;
}
100% {
opacity: 0.18598;
}
}
@keyframes moonimation-42 {
0% {
opacity: 0.40394;
}
100% {
opacity: 0.16844;
}
}
@keyframes moonimation-43 {
0% {
opacity: 0.46055;
}
100% {
opacity: 0.1775;
}
}
@keyframes moonimation-44 {
0% {
opacity: 0.464;
}
100% {
opacity: 0.14279;
}
}
@keyframes moonimation-45 {
0% {
opacity: 0.45817;
}
100% {
opacity: 0.12613;
}
}
@keyframes moonimation-46 {
0% {
opacity: 0.43611;
}
100% {
opacity: 0.15623;
}
}
@keyframes moonimation-47 {
0% {
opacity: 0.47472;
}
100% {
opacity: 0.11413;
}
}
@keyframes moonimation-48 {
0% {
opacity: 0.43493;
}
100% {
opacity: 0.16335;
}
}
@keyframes moonimation-49 {
0% {
opacity: 0.45669;
}
100% {
opacity: 0.18402;
}
}
@keyframes moonimation-50 {
0% {
opacity: 0.46446;
}
100% {
opacity: 0.11139;
}
}
@keyframes moonimation-51 {
0% {
opacity: 0.44892;
}
100% {
opacity: 0.10152;
}
}
@keyframes moonimation-52 {
0% {
opacity: 0.40208;
}
100% {
opacity: 0.15333;
}
}
@keyframes moonimation-53 {
0% {
opacity: 0.4959;
}
100% {
opacity: 0.14726;
}
}
@keyframes moonimation-54 {
0% {
opacity: 0.43832;
}
100% {
opacity: 0.17218;
}
}
@keyframes moonimation-55 {
0% {
opacity: 0.47317;
}
100% {
opacity: 0.14743;
}
}
@keyframes moonimation-56 {
0% {
opacity: 0.41031;
}
100% {
opacity: 0.1275;
}
}
@keyframes moonimation-57 {
0% {
opacity: 0.4634;
}
100% {
opacity: 0.14686;
}
}
@keyframes moonimation-58 {
0% {
opacity: 0.411;
}
100% {
opacity: 0.15238;
}
}
@keyframes moonimation-59 {
0% {
opacity: 0.49302;
}
100% {
opacity: 0.15561;
}
}
@keyframes moonimation-60 {
0% {
opacity: 0.47608;
}
100% {
opacity: 0.18889;
}
}
@keyframes moonimation-61 {
0% {
opacity: 0.42448;
}
100% {
opacity: 0.12006;
}
}
@keyframes moonimation-62 {
0% {
opacity: 0.48761;
}
100% {
opacity: 0.1091;
}
}
@keyframes moonimation-63 {
0% {
opacity: 0.42296;
}
100% {
opacity: 0.13923;
}
}
@keyframes moonimation-64 {
0% {
opacity: 0.48224;
}
100% {
opacity: 0.13123;
}
}
@keyframes moonimation-65 {
0% {
opacity: 0.41543;
}
100% {
opacity: 0.15763;
}
}
@keyframes moonimation-66 {
0% {
opacity: 0.48737;
}
100% {
opacity: 0.10142;
}
}
@keyframes moonimation-67 {
0% {
opacity: 0.46827;
}
100% {
opacity: 0.11962;
}
}
@keyframes moonimation-68 {
0% {
opacity: 0.4855;
}
100% {
opacity: 0.19814;
}
}
@keyframes moonimation-69 {
0% {
opacity: 0.41905;
}
100% {
opacity: 0.11606;
}
}
@keyframes moonimation-70 {
0% {
opacity: 0.43096;
}
100% {
opacity: 0.13536;
}
}
@keyframes moonimation-71 {
0% {
opacity: 0.42087;
}
100% {
opacity: 0.12016;
}
}
@keyframes moonimation-72 {
0% {
opacity: 0.477;
}
100% {
opacity: 0.14044;
}
}
@keyframes moonimation-73 {
0% {
opacity: 0.46137;
}
100% {
opacity: 0.14401;
}
}
@keyframes moonimation-74 {
0% {
opacity: 0.43291;
}
100% {
opacity: 0.12589;
}
}
@keyframes moonimation-75 {
0% {
opacity: 0.41311;
}
100% {
opacity: 0.10122;
}
}
@keyframes moonimation-76 {
0% {
opacity: 0.42363;
}
100% {
opacity: 0.13807;
}
}
@keyframes moonimation-77 {
0% {
opacity: 0.49798;
}
100% {
opacity: 0.10655;
}
}
@keyframes moonimation-78 {
0% {
opacity: 0.45527;
}
100% {
opacity: 0.12893;
}
}
@keyframes moonimation-79 {
0% {
opacity: 0.4158;
}
100% {
opacity: 0.12815;
}
}
@keyframes moonimation-80 {
0% {
opacity: 0.41554;
}
100% {
opacity: 0.16548;
}
}
@keyframes moonimation-81 {
0% {
opacity: 0.48042;
}
100% {
opacity: 0.19561;
}
}
@keyframes moonimation-82 {
0% {
opacity: 0.44431;
}
100% {
opacity: 0.16715;
}
}
@keyframes moonimation-83 {
0% {
opacity: 0.49502;
}
100% {
opacity: 0.10654;
}
}
@keyframes moonimation-84 {
0% {
opacity: 0.41895;
}
100% {
opacity: 0.11381;
}
}
@keyframes moonimation-85 {
0% {
opacity: 0.4731;
}
100% {
opacity: 0.10228;
}
}
@keyframes moonimation-86 {
0% {
opacity: 0.478;
}
100% {
opacity: 0.15332;
}
}
@keyframes moonimation-87 {
0% {
opacity: 0.48147;
}
100% {
opacity: 0.11755;
}
}
@keyframes moonimation-88 {
0% {
opacity: 0.41462;
}
100% {
opacity: 0.10757;
}
}
@keyframes moonimation-89 {
0% {
opacity: 0.44708;
}
100% {
opacity: 0.13673;
}
}
@keyframes moonimation-90 {
0% {
opacity: 0.4517;
}
100% {
opacity: 0.15039;
}
}
@keyframes moonimation-91 {
0% {
opacity: 0.46193;
}
100% {
opacity: 0.13795;
}
}
@keyframes moonimation-92 {
0% {
opacity: 0.46834;
}
100% {
opacity: 0.18558;
}
}
@keyframes moonimation-93 {
0% {
opacity: 0.49626;
}
100% {
opacity: 0.1212;
}
}
@keyframes moonimation-94 {
0% {
opacity: 0.4332;
}
100% {
opacity: 0.18782;
}
}
@keyframes moonimation-95 {
0% {
opacity: 0.42174;
}
100% {
opacity: 0.12705;
}
}
@keyframes moonimation-96 {
0% {
opacity: 0.49679;
}
100% {
opacity: 0.15922;
}
}
@keyframes moonimation-97 {
0% {
opacity: 0.46486;
}
100% {
opacity: 0.19503;
}
}
@keyframes moonimation-98 {
0% {
opacity: 0.47188;
}
100% {
opacity: 0.15361;
}
}
@keyframes moonimation-99 {
0% {
opacity: 0.46507;
}
100% {
opacity: 0.1153;
}
}
@keyframes moonimation-100 {
0% {
opacity: 0.40234;
}
100% {
opacity: 0.16219;
}
}
@keyframes moonimation-101 {
0% {
opacity: 0.48491;
}
100% {
opacity: 0.16702;
}
}
@keyframes moonimation-102 {
0% {
opacity: 0.42103;
}
100% {
opacity: 0.18473;
}
}
@keyframes moonimation-103 {
0% {
opacity: 0.48119;
}
100% {
opacity: 0.18995;
}
}
@keyframes moonimation-104 {
0% {
opacity: 0.49911;
}
100% {
opacity: 0.18365;
}
}
@keyframes moonimation-105 {
0% {
opacity: 0.48616;
}
100% {
opacity: 0.10493;
}
}
@keyframes moonimation-106 {
0% {
opacity: 0.44585;
}
100% {
opacity: 0.14943;
}
}
@keyframes moonimation-107 {
0% {
opacity: 0.48578;
}
100% {
opacity: 0.12678;
}
}
@keyframes moonimation-108 {
0% {
opacity: 0.41104;
}
100% {
opacity: 0.10483;
}
}
@keyframes moonimation-109 {
0% {
opacity: 0.47353;
}
100% {
opacity: 0.17445;
}
}
@keyframes moonimation-110 {
0% {
opacity: 0.474;
}
100% {
opacity: 0.1128;
}
}
@keyframes moonimation-111 {
0% {
opacity: 0.40313;
}
100% {
opacity: 0.15253;
}
}
@keyframes moonimation-112 {
0% {
opacity: 0.40911;
}
100% {
opacity: 0.17898;
}
}
@keyframes moonimation-113 {
0% {
opacity: 0.41965;
}
100% {
opacity: 0.11804;
}
}
@keyframes moonimation-114 {
0% {
opacity: 0.43754;
}
100% {
opacity: 0.13283;
}
}
@keyframes moonimation-115 {
0% {
opacity: 0.40566;
}
100% {
opacity: 0.10028;
}
}
@keyframes moonimation-116 {
0% {
opacity: 0.42102;
}
100% {
opacity: 0.1047;
}
}
@keyframes moonimation-117 {
0% {
opacity: 0.47423;
}
100% {
opacity: 0.11243;
}
}
@keyframes moonimation-118 {
0% {
opacity: 0.43481;
}
100% {
opacity: 0.12508;
}
}
@keyframes moonimation-119 {
0% {
opacity: 0.4858;
}
100% {
opacity: 0.18715;
}
}
@keyframes moonimation-120 {
0% {
opacity: 0.47009;
}
100% {
opacity: 0.10961;
}
}
@keyframes moonimation-121 {
0% {
opacity: 0.48901;
}
100% {
opacity: 0.14898;
}
}
@keyframes moonimation-122 {
0% {
opacity: 0.40002;
}
100% {
opacity: 0.15985;
}
}
@keyframes moonimation-123 {
0% {
opacity: 0.47997;
}
100% {
opacity: 0.1583;
}
}
@keyframes moonimation-124 {
0% {
opacity: 0.46403;
}
100% {
opacity: 0.1362;
}
}
@keyframes moonimation-125 {
0% {
opacity: 0.46024;
}
100% {
opacity: 0.17301;
}
}
@keyframes moonimation-126 {
0% {
opacity: 0.49166;
}
100% {
opacity: 0.11858;
}
}
@keyframes moonimation-127 {
0% {
opacity: 0.42937;
}
100% {
opacity: 0.17911;
}
}
@keyframes moonimation-128 {
0% {
opacity: 0.49352;
}
100% {
opacity: 0.18344;
}
}
@keyframes moonimation-129 {
0% {
opacity: 0.43083;
}
100% {
opacity: 0.12814;
}
}
@keyframes moonimation-130 {
0% {
opacity: 0.44529;
}
100% {
opacity: 0.17004;
}
}
@keyframes moonimation-131 {
0% {
opacity: 0.40339;
}
100% {
opacity: 0.11652;
}
}
@keyframes moonimation-132 {
0% {
opacity: 0.48947;
}
100% {
opacity: 0.17642;
}
}
@keyframes moonimation-133 {
0% {
opacity: 0.4534;
}
100% {
opacity: 0.16307;
}
}
@keyframes moonimation-134 {
0% {
opacity: 0.45781;
}
100% {
opacity: 0.11995;
}
}
@keyframes moonimation-135 {
0% {
opacity: 0.4442;
}
100% {
opacity: 0.10467;
}
}
@keyframes moonimation-136 {
0% {
opacity: 0.49288;
}
100% {
opacity: 0.11937;
}
}
@keyframes moonimation-137 {
0% {
opacity: 0.49918;
}
100% {
opacity: 0.1259;
}
}
@keyframes moonimation-138 {
0% {
opacity: 0.47622;
}
100% {
opacity: 0.10976;
}
}
@keyframes moonimation-139 {
0% {
opacity: 0.4566;
}
100% {
opacity: 0.17607;
}
}
@keyframes moonimation-140 {
0% {
opacity: 0.44308;
}
100% {
opacity: 0.11402;
}
}
@keyframes moonimation-141 {
0% {
opacity: 0.4327;
}
100% {
opacity: 0.10903;
}
}
@keyframes moonimation-142 {
0% {
opacity: 0.45096;
}
100% {
opacity: 0.19251;
}
}
@keyframes moonimation-143 {
0% {
opacity: 0.49303;
}
100% {
opacity: 0.16319;
}
}
@keyframes moonimation-144 {
0% {
opacity: 0.42144;
}
100% {
opacity: 0.11607;
}
}
@keyframes moonimation-145 {
0% {
opacity: 0.46548;
}
100% {
opacity: 0.12439;
}
}
@keyframes moonimation-146 {
0% {
opacity: 0.48299;
}
100% {
opacity: 0.12758;
}
}
@keyframes moonimation-147 {
0% {
opacity: 0.41702;
}
100% {
opacity: 0.10081;
}
}
@keyframes moonimation-148 {
0% {
opacity: 0.4984;
}
100% {
opacity: 0.17226;
}
}
@keyframes moonimation-149 {
0% {
opacity: 0.49364;
}
100% {
opacity: 0.14771;
}
}
@keyframes moonimation-150 {
0% {
opacity: 0.4165;
}
100% {
opacity: 0.18268;
}
}
@keyframes moonimation-151 {
0% {
opacity: 0.4977;
}
100% {
opacity: 0.19141;
}
}
@keyframes moonimation-152 {
0% {
opacity: 0.40098;
}
100% {
opacity: 0.1312;
}
}
@keyframes moonimation-153 {
0% {
opacity: 0.43966;
}
100% {
opacity: 0.12558;
}
}
@keyframes moonimation-154 {
0% {
opacity: 0.47329;
}
100% {
opacity: 0.18214;
}
}
@keyframes moonimation-155 {
0% {
opacity: 0.48009;
}
100% {
opacity: 0.13856;
}
}
@keyframes moonimation-156 {
0% {
opacity: 0.47063;
}
100% {
opacity: 0.14553;
}
}
@keyframes moonimation-157 {
0% {
opacity: 0.48953;
}
100% {
opacity: 0.14096;
}
}
@keyframes moonimation-158 {
0% {
opacity: 0.4561;
}
100% {
opacity: 0.14222;
}
}
@keyframes moonimation-159 {
0% {
opacity: 0.49175;
}
100% {
opacity: 0.18682;
}
}
@keyframes moonimation-160 {
0% {
opacity: 0.4269;
}
100% {
opacity: 0.19059;
}
}
@keyframes moonimation-161 {
0% {
opacity: 0.48484;
}
100% {
opacity: 0.13582;
}
}
@keyframes moonimation-162 {
0% {
opacity: 0.44319;
}
100% {
opacity: 0.13543;
}
}
@keyframes moonimation-163 {
0% {
opacity: 0.4017;
}
100% {
opacity: 0.107;
}
}
@keyframes moonimation-164 {
0% {
opacity: 0.48362;
}
100% {
opacity: 0.16669;
}
}
@keyframes moonimation-165 {
0% {
opacity: 0.469;
}
100% {
opacity: 0.16425;
}
}
@keyframes moonimation-166 {
0% {
opacity: 0.49446;
}
100% {
opacity: 0.19658;
}
}
@keyframes moonimation-167 {
0% {
opacity: 0.4663;
}
100% {
opacity: 0.12486;
}
}
@keyframes moonimation-168 {
0% {
opacity: 0.41918;
}
100% {
opacity: 0.15831;
}
}
@keyframes moonimation-169 {
0% {
opacity: 0.48994;
}
100% {
opacity: 0.12297;
}
}
@keyframes moonimation-170 {
0% {
opacity: 0.41895;
}
100% {
opacity: 0.12782;
}
}
@keyframes moonimation-171 {
0% {
opacity: 0.47967;
}
100% {
opacity: 0.14289;
}
}
@keyframes moonimation-172 {
0% {
opacity: 0.44311;
}
100% {
opacity: 0.12231;
}
}
@keyframes moonimation-173 {
0% {
opacity: 0.48464;
}
100% {
opacity: 0.16299;
}
}
@keyframes moonimation-174 {
0% {
opacity: 0.41034;
}
100% {
opacity: 0.17443;
}
}
@keyframes moonimation-175 {
0% {
opacity: 0.48697;
}
100% {
opacity: 0.17684;
}
}
@keyframes moonimation-176 {
0% {
opacity: 0.40863;
}
100% {
opacity: 0.10063;
}
}
@keyframes moonimation-177 {
0% {
opacity: 0.44572;
}
100% {
opacity: 0.17961;
}
}
@keyframes moonimation-178 {
0% {
opacity: 0.46978;
}
100% {
opacity: 0.13794;
}
}
@keyframes moonimation-179 {
0% {
opacity: 0.44146;
}
100% {
opacity: 0.1146;
}
}
@keyframes moonimation-180 {
0% {
opacity: 0.44991;
}
100% {
opacity: 0.12291;
}
}
@keyframes moonimation-181 {
0% {
opacity: 0.4219;
}
100% {
opacity: 0.13251;
}
}
@keyframes moonimation-182 {
0% {
opacity: 0.42227;
}
100% {
opacity: 0.17677;
}
}
@keyframes moonimation-183 {
0% {
opacity: 0.43381;
}
100% {
opacity: 0.12007;
}
}
@keyframes moonimation-184 {
0% {
opacity: 0.44928;
}
100% {
opacity: 0.14773;
}
}
@keyframes moonimation-185 {
0% {
opacity: 0.40647;
}
100% {
opacity: 0.13402;
}
}
@keyframes moonimation-186 {
0% {
opacity: 0.41641;
}
100% {
opacity: 0.17503;
}
}
@keyframes moonimation-187 {
0% {
opacity: 0.41531;
}
100% {
opacity: 0.10438;
}
}
@keyframes moonimation-188 {
0% {
opacity: 0.47124;
}
100% {
opacity: 0.10285;
}
}
@keyframes moonimation-189 {
0% {
opacity: 0.47195;
}
100% {
opacity: 0.14028;
}
}
@keyframes moonimation-190 {
0% {
opacity: 0.4147;
}
100% {
opacity: 0.15126;
}
}
@keyframes moonimation-191 {
0% {
opacity: 0.43365;
}
100% {
opacity: 0.18306;
}
}
@keyframes moonimation-192 {
0% {
opacity: 0.48843;
}
100% {
opacity: 0.14821;
}
}
@keyframes moonimation-193 {
0% {
opacity: 0.49763;
}
100% {
opacity: 0.10506;
}
}
@keyframes moonimation-194 {
0% {
opacity: 0.43234;
}
100% {
opacity: 0.13333;
}
}
@keyframes moonimation-195 {
0% {
opacity: 0.43728;
}
100% {
opacity: 0.19364;
}
}
@keyframes moonimation-196 {
0% {
opacity: 0.43477;
}
100% {
opacity: 0.12495;
}
}
@keyframes moonimation-197 {
0% {
opacity: 0.45649;
}
100% {
opacity: 0.1812;
}
}
@keyframes moonimation-198 {
0% {
opacity: 0.44963;
}
100% {
opacity: 0.19866;
}
}
@keyframes moonimation-199 {
0% {
opacity: 0.46175;
}
100% {
opacity: 0.13215;
}
}
@keyframes moonimation-200 {
0% {
opacity: 0.41815;
}
100% {
opacity: 0.10556;
}
}
.container {
width: 300px;
height: 300px;
border-radius: 100%;
z-index: 3;
position: absolute;
margin: auto;
top: 3rem;
left: 5rem;
}
/*
.moon {
width: 15vw;
height: 15vw;
border-radius: 100%;
z-index: 4;
position: absolute;
margin: auto;
top: 0; left: 7rem; bottom: 0;
background: black;
opacity: .4;
}
*/
.poem-with-awkward-br-tags {
font-size: 1.75rem;
z-index: 5;
position: relative;
padding: 1rem;
color: black;
opacity: .6;
float: right;
text-align: right;
}