CSS Star Wars
How do I make an css star wars?
The Star Wars scrollers that I've seen so far have either been just a bit too laggy for my tastes, or are made of JS. So... wanted to make one that doesn't lag and is Pure CSS.. What is a css star wars? How do you make a css star wars? This script and codes were developed by Paul Sullivan on 26 January 2023, Thursday.
CSS Star Wars Previews
CSS Star Wars - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>CSS Star Wars</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ @import url(https://fonts.googleapis.com/css?family=Poiret+One);
html { background-color: black; font-family: 'Poiret One', cursive; overflow: hidden;
}
img { position: fixed; width: 400px; height: 200px; z-index: 9999; left: 50%; margin-left: -200px;
}
.wrap { transform-style: preserve-3d; perspective: 1000px;
}
.wrap:before { content: ''; background-color: black; height: 200px; width: 100%; position: fixed; top: 0px; box-shadow: 0 0 200px black,0 0 100px black,0 0 100px black,0 0 50px black;
}
.scroller { height: auto; width: 600px; position: fixed; margin-left: -300px; left: 50%; transform: rotateX(120deg); animation: scroll 120s linear forwards; text-align: justify;
}
.scroller p { font-size: 40px; color: yellow; margin-top: 40px; letter-spacing: 1px;
}
@keyframes scroll { 0% { transform: translateZ(1700px) translateY(-800px) rotateX(90deg); } 100% { transform: translateZ(-4000px) translateY(-800px) rotateX(90deg); }
}
.star:nth-child(1) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 712px; left: 1319px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(2) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 98px; left: 90px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(3) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 635px; left: 1137px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(4) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 612px; left: 1400px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(5) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 773px; left: 1137px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(6) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 360px; left: 1459px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(7) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 645px; left: 1879px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(8) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 742px; left: 253px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(9) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 291px; left: 1660px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(10) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 129px; left: 1605px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(11) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 538px; left: 848px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(12) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 141px; left: 1595px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(13) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 821px; left: 22px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(14) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 309px; left: 70px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(15) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 433px; left: 1963px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(16) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 294px; left: 1530px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(17) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 17px; left: 300px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(18) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 308px; left: 370px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(19) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 232px; left: 338px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(20) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 26px; left: 752px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(21) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 333px; left: 1743px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(22) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 452px; left: 1234px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(23) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 472px; left: 109px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(24) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 306px; left: 1465px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(25) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 761px; left: 1474px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(26) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 144px; left: 666px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(27) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 693px; left: 1566px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(28) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 900px; left: 1375px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(29) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 600px; left: 698px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(30) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 38px; left: 245px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(31) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 496px; left: 1389px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(32) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 759px; left: 182px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(33) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 644px; left: 243px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(34) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 516px; left: 1067px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(35) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 20px; left: 1559px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(36) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 79px; left: 327px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(37) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 501px; left: 100px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(38) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 829px; left: 644px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(39) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 126px; left: 1658px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(40) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 875px; left: 1615px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(41) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 679px; left: 1284px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(42) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 311px; left: 151px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(43) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 225px; left: 1914px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(44) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 170px; left: 1936px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(45) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 628px; left: 472px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(46) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 382px; left: 567px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(47) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 649px; left: 1655px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(48) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 6px; left: 1665px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(49) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 358px; left: 515px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(50) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 124px; left: 243px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(51) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 419px; left: 1409px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(52) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 716px; left: 382px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(53) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 401px; left: 341px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(54) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 456px; left: 59px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(55) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 236px; left: 286px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(56) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 308px; left: 1166px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(57) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 727px; left: 1839px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(58) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 361px; left: 553px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(59) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 792px; left: 955px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(60) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 832px; left: 730px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(61) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 477px; left: 1101px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(62) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 355px; left: 368px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(63) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 740px; left: 734px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(64) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 516px; left: 674px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(65) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 206px; left: 2000px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(66) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 838px; left: 655px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(67) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 628px; left: 1681px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(68) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 840px; left: 1348px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(69) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 163px; left: 1559px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(70) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 622px; left: 1511px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(71) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 482px; left: 9px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(72) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 228px; left: 1831px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(73) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 99px; left: 769px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(74) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 339px; left: 994px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(75) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 371px; left: 1666px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(76) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 648px; left: 594px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(77) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 130px; left: 991px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(78) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 25px; left: 945px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(79) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 662px; left: 1600px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(80) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 291px; left: 1496px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(81) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 822px; left: 1340px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(82) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 524px; left: 1803px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(83) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 56px; left: 216px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(84) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 714px; left: 1974px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(85) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 610px; left: 602px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(86) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 15px; left: 1407px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(87) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 502px; left: 1527px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(88) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 686px; left: 1663px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(89) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 693px; left: 1051px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(90) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 164px; left: 356px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(91) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 106px; left: 673px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(92) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 623px; left: 460px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(93) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 7px; left: 924px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(94) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 420px; left: 1651px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(95) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 151px; left: 476px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(96) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 900px; left: 221px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(97) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 477px; left: 36px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(98) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 862px; left: 454px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(99) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 152px; left: 1876px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(100) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 655px; left: 1875px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(101) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 216px; left: 1450px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(102) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 316px; left: 563px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(103) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 322px; left: 204px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(104) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 860px; left: 432px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(105) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 653px; left: 1791px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(106) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 745px; left: 1643px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(107) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 313px; left: 1359px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(108) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 198px; left: 278px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(109) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 899px; left: 636px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(110) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 354px; left: 849px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(111) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 663px; left: 873px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(112) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 135px; left: 524px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(113) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 503px; left: 1681px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(114) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 243px; left: 499px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(115) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 320px; left: 361px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(116) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 243px; left: 833px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(117) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 397px; left: 977px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(118) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 461px; left: 996px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(119) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 874px; left: 1479px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(120) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 295px; left: 938px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(121) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 146px; left: 37px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(122) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 761px; left: 1193px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(123) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 725px; left: 1595px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(124) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 335px; left: 468px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(125) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 206px; left: 714px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(126) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 444px; left: 1590px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(127) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 279px; left: 510px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(128) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 407px; left: 1209px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(129) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 883px; left: 1403px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(130) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 36px; left: 473px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(131) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 130px; left: 65px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(132) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 182px; left: 337px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(133) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 95px; left: 499px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(134) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 39px; left: 834px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(135) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 290px; left: 1907px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(136) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 618px; left: 745px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(137) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 624px; left: 696px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(138) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 491px; left: 1337px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(139) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 269px; left: 576px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(140) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 804px; left: 749px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(141) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 338px; left: 190px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(142) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 107px; left: 162px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(143) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 545px; left: 1080px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(144) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 289px; left: 8px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(145) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 861px; left: 29px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(146) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 133px; left: 1767px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(147) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 848px; left: 408px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(148) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 530px; left: 919px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(149) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 290px; left: 800px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(150) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 626px; left: 1060px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(151) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 295px; left: 726px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(152) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 229px; left: 985px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(153) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 400px; left: 1381px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(154) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 542px; left: 647px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(155) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 389px; left: 1334px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(156) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 784px; left: 1896px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(157) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 599px; left: 514px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(158) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 141px; left: 5px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(159) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 140px; left: 1850px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(160) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 246px; left: 495px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(161) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 145px; left: 1112px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(162) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 259px; left: 139px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(163) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 746px; left: 521px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(164) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 765px; left: 1760px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(165) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 152px; left: 1260px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(166) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 410px; left: 173px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(167) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 3px; left: 1710px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(168) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 170px; left: 1604px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(169) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 65px; left: 1730px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(170) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 835px; left: 1495px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(171) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 277px; left: 430px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(172) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 379px; left: 439px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(173) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 449px; left: 230px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(174) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 779px; left: 880px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(175) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 763px; left: 1888px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(176) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 530px; left: 686px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(177) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 175px; left: 944px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(178) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 340px; left: 162px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(179) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 189px; left: 55px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(180) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 616px; left: 1732px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(181) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 272px; left: 734px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(182) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 484px; left: 357px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(183) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 302px; left: 1637px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(184) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 741px; left: 969px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(185) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 318px; left: 998px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(186) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 819px; left: 1781px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(187) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 840px; left: 1437px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(188) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 864px; left: 1230px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(189) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 793px; left: 590px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(190) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 462px; left: 348px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(191) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 713px; left: 537px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(192) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 9px; left: 1797px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(193) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 558px; left: 1487px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(194) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 323px; left: 1130px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(195) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 641px; left: 479px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(196) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 328px; left: 1263px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(197) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 828px; left: 1211px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(198) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 583px; left: 1157px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(199) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 683px; left: 599px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(200) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 96px; left: 1853px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <img src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/157557/StarWars.png'>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='star'></div>
<div class='wrap'> <div class='scroller'> <p>Lucas ipsum dolor sit amet coruscant watto jawa dooku c-3p0 kessel darth solo maul yavin. Bothan antilles lando darth biggs tatooine mon. Hutt gonk kashyyyk vader aayla k-3po c-3po darth. Moff mara jawa solo moff windu. Padmé darth jade kessel hutt naboo organa secura. Calrissian hutt solo jango antilles darth mandalore. Antilles anakin leia boba baba darth sebulba. Padmé mon antilles coruscant mandalorians. Moff lando solo mara han moff. Tatooine obi-wan thrawn darth. Darth wookiee organa kashyyyk darth.</p> <p>Padmé r2-d2 kit ewok hutt. Sidious calrissian anakin kessel skywalker. Ben calamari droid jinn. Lobot kessel jabba skywalker palpatine coruscant. Owen antilles baba tusken raider wookiee coruscant. Watto dantooine yavin mace mace luuke ventress amidala. Fett aayla lando windu fisto wedge. Moff naboo lobot utapau yavin. Hutt alderaan organa skywalker. Antilles watto calamari moff. Dooku jabba yavin fett antilles. Ventress darth dantooine luke fett naboo luke calrissian chewbacca. Secura mandalore wicket wampa endor kit antilles jinn maul.</p> <p>Windu maul organa fett windu solo. Organa dooku solo darth windu. Hutt han maul amidala mon biggs. Padmé yavin yavin darth yoda organa bothan solo. Bespin darth ben anakin. Tatooine organa lando calamari solo dantooine qui-gonn skywalker. Skywalker skywalker coruscant skywalker jabba mandalore jinn jinn. Yoda ackbar anakin skywalker organa hutt calamari c-3p0. Yoda wedge kamino hutt jawa. Skywalker cade maul ben boba endor amidala. Coruscant leia grievous yoda c-3p0. Ackbar kashyyyk solo moff. Dagobah moff wampa jabba.</p> <P>Yoda utapau windu organa organa wedge amidala fett jar. Chewbacca moff r2-d2 grievous mon antilles leia. Darth darth organa darth thrawn calamari organa utapau luke. Obi-wan skywalker leia organa tatooine kashyyyk jade. Zabrak jawa kamino c-3p0 mara ben darth bespin. Skywalker obi-wan vader bothan darth. Palpatine mothma moff han chewbacca darth vader calamari. Jade c-3p0 thrawn biggs grievous skywalker moff mustafar chewbacca. Boba hoth darth antilles greedo hutt windu solo. Vader r2-d2 maul padmé dooku baba.</P> </div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
CSS Star Wars - Script Codes CSS Codes
@import url(https://fonts.googleapis.com/css?family=Poiret+One);
html { background-color: black; font-family: 'Poiret One', cursive; overflow: hidden;
}
img { position: fixed; width: 400px; height: 200px; z-index: 9999; left: 50%; margin-left: -200px;
}
.wrap { transform-style: preserve-3d; perspective: 1000px;
}
.wrap:before { content: ''; background-color: black; height: 200px; width: 100%; position: fixed; top: 0px; box-shadow: 0 0 200px black,0 0 100px black,0 0 100px black,0 0 50px black;
}
.scroller { height: auto; width: 600px; position: fixed; margin-left: -300px; left: 50%; transform: rotateX(120deg); animation: scroll 120s linear forwards; text-align: justify;
}
.scroller p { font-size: 40px; color: yellow; margin-top: 40px; letter-spacing: 1px;
}
@keyframes scroll { 0% { transform: translateZ(1700px) translateY(-800px) rotateX(90deg); } 100% { transform: translateZ(-4000px) translateY(-800px) rotateX(90deg); }
}
.star:nth-child(1) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 712px; left: 1319px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(2) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 98px; left: 90px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(3) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 635px; left: 1137px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(4) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 612px; left: 1400px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(5) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 773px; left: 1137px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(6) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 360px; left: 1459px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(7) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 645px; left: 1879px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(8) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 742px; left: 253px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(9) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 291px; left: 1660px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(10) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 129px; left: 1605px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(11) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 538px; left: 848px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(12) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 141px; left: 1595px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(13) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 821px; left: 22px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(14) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 309px; left: 70px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(15) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 433px; left: 1963px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(16) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 294px; left: 1530px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(17) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 17px; left: 300px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(18) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 308px; left: 370px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(19) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 232px; left: 338px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(20) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 26px; left: 752px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(21) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 333px; left: 1743px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(22) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 452px; left: 1234px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(23) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 472px; left: 109px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(24) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 306px; left: 1465px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(25) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 761px; left: 1474px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(26) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 144px; left: 666px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(27) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 693px; left: 1566px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(28) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 900px; left: 1375px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(29) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 600px; left: 698px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(30) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 38px; left: 245px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(31) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 496px; left: 1389px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(32) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 759px; left: 182px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(33) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 644px; left: 243px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(34) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 516px; left: 1067px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(35) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 20px; left: 1559px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(36) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 79px; left: 327px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(37) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 501px; left: 100px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(38) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 829px; left: 644px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(39) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 126px; left: 1658px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(40) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 875px; left: 1615px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(41) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 679px; left: 1284px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(42) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 311px; left: 151px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(43) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 225px; left: 1914px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(44) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 170px; left: 1936px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(45) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 628px; left: 472px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(46) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 382px; left: 567px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(47) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 649px; left: 1655px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(48) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 6px; left: 1665px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(49) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 358px; left: 515px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(50) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 124px; left: 243px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(51) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 419px; left: 1409px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(52) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 716px; left: 382px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(53) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 401px; left: 341px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(54) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 456px; left: 59px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(55) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 236px; left: 286px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(56) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 308px; left: 1166px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(57) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 727px; left: 1839px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(58) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 361px; left: 553px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(59) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 792px; left: 955px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(60) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 832px; left: 730px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(61) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 477px; left: 1101px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(62) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 355px; left: 368px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(63) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 740px; left: 734px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(64) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 516px; left: 674px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(65) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 206px; left: 2000px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(66) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 838px; left: 655px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(67) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 628px; left: 1681px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(68) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 840px; left: 1348px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(69) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 163px; left: 1559px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(70) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 622px; left: 1511px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(71) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 482px; left: 9px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(72) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 228px; left: 1831px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(73) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 99px; left: 769px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(74) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 339px; left: 994px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(75) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 371px; left: 1666px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(76) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 648px; left: 594px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(77) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 130px; left: 991px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(78) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 25px; left: 945px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(79) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 662px; left: 1600px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(80) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 291px; left: 1496px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(81) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 822px; left: 1340px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(82) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 524px; left: 1803px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(83) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 56px; left: 216px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(84) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 714px; left: 1974px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(85) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 610px; left: 602px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(86) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 15px; left: 1407px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(87) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 502px; left: 1527px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(88) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 686px; left: 1663px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(89) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 693px; left: 1051px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(90) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 164px; left: 356px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(91) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 106px; left: 673px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(92) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 623px; left: 460px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(93) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 7px; left: 924px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(94) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 420px; left: 1651px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(95) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 151px; left: 476px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(96) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 900px; left: 221px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(97) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 477px; left: 36px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(98) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 862px; left: 454px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(99) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 152px; left: 1876px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(100) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 655px; left: 1875px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(101) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 216px; left: 1450px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(102) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 316px; left: 563px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(103) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 322px; left: 204px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(104) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 860px; left: 432px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(105) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 653px; left: 1791px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(106) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 745px; left: 1643px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(107) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 313px; left: 1359px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(108) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 198px; left: 278px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(109) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 899px; left: 636px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(110) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 354px; left: 849px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(111) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 663px; left: 873px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(112) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 135px; left: 524px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(113) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 503px; left: 1681px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(114) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 243px; left: 499px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(115) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 320px; left: 361px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(116) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 243px; left: 833px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(117) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 397px; left: 977px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(118) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 461px; left: 996px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(119) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 874px; left: 1479px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(120) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 295px; left: 938px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(121) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 146px; left: 37px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(122) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 761px; left: 1193px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(123) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 725px; left: 1595px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(124) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 335px; left: 468px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(125) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 206px; left: 714px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(126) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 444px; left: 1590px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(127) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 279px; left: 510px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(128) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 407px; left: 1209px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(129) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 883px; left: 1403px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(130) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 36px; left: 473px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(131) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 130px; left: 65px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(132) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 182px; left: 337px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(133) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 95px; left: 499px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(134) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 39px; left: 834px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(135) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 290px; left: 1907px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(136) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 618px; left: 745px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(137) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 624px; left: 696px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(138) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 491px; left: 1337px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(139) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 269px; left: 576px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(140) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 804px; left: 749px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(141) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 338px; left: 190px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(142) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 107px; left: 162px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(143) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 545px; left: 1080px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(144) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 289px; left: 8px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(145) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 861px; left: 29px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(146) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 133px; left: 1767px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(147) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 848px; left: 408px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(148) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 530px; left: 919px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(149) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 290px; left: 800px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(150) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 626px; left: 1060px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(151) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 295px; left: 726px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(152) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 229px; left: 985px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(153) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 400px; left: 1381px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(154) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 542px; left: 647px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(155) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 389px; left: 1334px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(156) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 784px; left: 1896px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(157) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 599px; left: 514px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(158) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 141px; left: 5px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(159) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 140px; left: 1850px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(160) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 246px; left: 495px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(161) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 145px; left: 1112px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(162) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 259px; left: 139px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(163) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 746px; left: 521px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(164) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 765px; left: 1760px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(165) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 152px; left: 1260px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(166) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 410px; left: 173px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(167) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 3px; left: 1710px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(168) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 170px; left: 1604px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(169) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 65px; left: 1730px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(170) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 835px; left: 1495px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(171) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 277px; left: 430px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(172) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 379px; left: 439px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(173) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 449px; left: 230px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(174) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 779px; left: 880px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(175) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 763px; left: 1888px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(176) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 530px; left: 686px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(177) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 175px; left: 944px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(178) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 340px; left: 162px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(179) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 189px; left: 55px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(180) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 616px; left: 1732px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(181) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 272px; left: 734px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(182) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 484px; left: 357px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(183) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 302px; left: 1637px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(184) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 741px; left: 969px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(185) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 318px; left: 998px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(186) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 819px; left: 1781px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(187) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 840px; left: 1437px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(188) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 864px; left: 1230px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(189) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 793px; left: 590px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(190) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 462px; left: 348px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(191) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 713px; left: 537px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(192) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 9px; left: 1797px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(193) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 558px; left: 1487px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(194) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 323px; left: 1130px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(195) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 641px; left: 479px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(196) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 328px; left: 1263px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(197) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 828px; left: 1211px; animation: twinkle 2s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(198) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 583px; left: 1157px; animation: twinkle 1s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(199) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 683px; left: 599px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
.star:nth-child(200) { height: 1px; width: 1px; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 96px; left: 1853px; animation: twinkle 3s ease infinite;
}
@keyframes twinkle { 49.7% { box-shadow: 0 0 4px white; } 50% { box-shadow: 0 0 0 white; } 50.2% { box-shadow: 0 0 2px white; }
}
CSS Star Wars - Script Codes JS Codes
// uh....
| Developer | Paul Sullivan |
| Username | pwsm50 |
| Uploaded | January 26, 2023 |
| Rating | 3 |
| Size | 10,583 Kb |
| Views | 4,048 |
Do you need developer help for CSS Star Wars?
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Paul Sullivan (pwsm50) Script Codes
| Name | Size |
| Colorful Animated Border | 3,351 Kb |
| Water ripples | 26,635 Kb |
| CSS Breathing Particle Orb | 8,158 Kb |
| Full screen burger menu | 3,923 Kb |
| Circular Audio Bars | 3,343 Kb |
| CSS speaker | 3,046 Kb |
| Breathing Load Screen | 2,198 Kb |
| Facebook-like Click-to-grow Like Button | 2,607 Kb |
| A Pen by Paul Sullivan | 2,349 Kb |
| Another Simple CSS load animation | 2,688 Kb |
Create amazing art & images with AI!
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Similar Scripts & Codes
| Name | Username | Size |
| CSS Google Now | Jackmoran | 3,196 Kb |
| Mega Menu by Joni | Asakasinsky | 3,171 Kb |
| Zeichensatz | Moklick | 2,058 Kb |
| Pagepilling.js | Blossk | 6,554 Kb |
| Scroll using CSS | Casperovic | 2,159 Kb |
| Wikipedia Viewer | Thomasvaeth | 2,549 Kb |
| Konami Code Easter Egg | Teolitto | 3,051 Kb |
| Parallax-ish Sliding Content | Jdsteinbach | 2,748 Kb |
| Tumblr API | Juanv911 | 2,436 Kb |
| CSS Piano | Dannystyle | 5,138 Kb |
Do you want hide your ip address?
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!