Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- html {
- height: 100%;
- background: radial-gradient(ellipse at bottom, #1B2735 0%, #090A0F 100%);
- overflow: hidden;
- }
- #stars {
- width: 1px;
- height: 1px;
- background: transparent;
- box-shadow: 910px 1857px #FFF , 1237px 971px #FFF , 303px 759px #FFF , 1239px 1292px #FFF , 628px 1521px #FFF , 643px 1741px #FFF , 241px 713px #FFF , 913px 1936px #FFF , 83px 534px #FFF , 1651px 375px #FFF , 143px 1304px #FFF , 876px 1399px #FFF , 469px 1508px #FFF , 914px 686px #FFF , 428px 119px #FFF , 1643px 971px #FFF , 1346px 1658px #FFF , 985px 972px #FFF , 1281px 1148px #FFF , 797px 927px #FFF , 586px 257px #FFF , 1645px 1853px #FFF , 627px 1608px #FFF , 1688px 1625px #FFF , 762px 206px #FFF , 1551px 1211px #FFF , 1643px 1095px #FFF , 455px 1610px #FFF , 1698px 1945px #FFF , 271px 1807px #FFF , 176px 1258px #FFF , 1px 1204px #FFF , 79px 1628px #FFF , 204px 406px #FFF , 962px 1411px #FFF , 1949px 134px #FFF , 1931px 643px #FFF , 1201px 1933px #FFF , 1804px 555px #FFF , 1893px 1323px #FFF , 223px 493px #FFF , 1703px 1071px #FFF , 1038px 1870px #FFF , 120px 761px #FFF , 538px 397px #FFF , 1087px 1930px #FFF , 143px 1450px #FFF , 145px 1752px #FFF , 1133px 535px #FFF , 353px 78px #FFF , 379px 1601px #FFF , 1688px 1102px #FFF , 43px 638px #FFF , 1810px 726px #FFF , 515px 93px #FFF , 67px 1667px #FFF , 1107px 1154px #FFF , 403px 311px #FFF , 492px 702px #FFF , 112px 402px #FFF , 465px 1760px #FFF , 1067px 973px #FFF , 479px 1091px #FFF , 497px 924px #FFF , 1156px 813px #FFF , 239px 1732px #FFF , 711px 767px #FFF , 1687px 1674px #FFF , 832px 564px #FFF , 1859px 267px #FFF , 217px 1242px #FFF , 855px 1945px #FFF , 1320px 365px #FFF , 92px 1093px #FFF , 1899px 1516px #FFF , 1465px 1189px #FFF , 671px 1014px #FFF , 68px 1504px #FFF , 133px 1602px #FFF , 332px 913px #FFF , 1605px 381px #FFF , 373px 778px #FFF , 1206px 1828px #FFF , 1360px 450px #FFF , 321px 291px #FFF , 882px 1648px #FFF , 47px 1558px #FFF , 983px 354px #FFF , 1816px 1666px #FFF , 1588px 358px #FFF , 262px 126px #FFF , 1187px 1265px #FFF , 1056px 523px #FFF , 687px 1002px #FFF , 1579px 1427px #FFF , 1469px 1100px #FFF , 1329px 947px #FFF , 1763px 1941px #FFF , 1233px 468px #FFF , 436px 741px #FFF;
- animation: animStar 50s linear infinite;
- }
- #stars:after {
- content: " ";
- position: absolute;
- top: 2000px;
- width: 1px;
- height: 1px;
- background: transparent;
- box-shadow: 910px 1857px #FFF , 1237px 971px #FFF , 303px 759px #FFF , 1239px 1292px #FFF , 628px 1521px #FFF , 643px 1741px #FFF , 241px 713px #FFF , 913px 1936px #FFF , 83px 534px #FFF , 1651px 375px #FFF , 143px 1304px #FFF , 876px 1399px #FFF , 469px 1508px #FFF , 914px 686px #FFF , 428px 119px #FFF , 1643px 971px #FFF , 1346px 1658px #FFF , 985px 972px #FFF , 1281px 1148px #FFF , 797px 927px #FFF , 586px 257px #FFF , 1645px 1853px #FFF , 627px 1608px #FFF , 1688px 1625px #FFF , 762px 206px #FFF , 1551px 1211px #FFF , 1643px 1095px #FFF , 455px 1610px #FFF , 1698px 1945px #FFF , 271px 1807px #FFF , 176px 1258px #FFF , 1px 1204px #FFF , 79px 1628px #FFF , 204px 406px #FFF , 962px 1411px #FFF , 1949px 134px #FFF , 1931px 643px #FFF , 1201px 1933px #FFF , 1804px 555px #FFF , 1893px 1323px #FFF , 223px 493px #FFF , 1703px 1071px #FFF , 1038px 1870px #FFF , 120px 761px #FFF , 538px 397px #FFF , 1087px 1930px #FFF , 143px 1450px #FFF , 145px 1752px #FFF , 1133px 535px #FFF , 353px 78px #FFF , 379px 1601px #FFF , 1688px 1102px #FFF , 43px 638px #FFF , 1810px 726px #FFF , 515px 93px #FFF , 67px 1667px #FFF , 1107px 1154px #FFF , 403px 311px #FFF , 492px 702px #FFF , 112px 402px #FFF , 465px 1760px #FFF , 1067px 973px #FFF , 479px 1091px #FFF , 497px 924px #FFF , 1156px 813px #FFF , 239px 1732px #FFF , 711px 767px #FFF , 1687px 1674px #FFF , 832px 564px #FFF , 1859px 267px #FFF , 217px 1242px #FFF , 855px 1945px #FFF , 1320px 365px #FFF , 92px 1093px #FFF , 1899px 1516px #FFF , 1465px 1189px #FFF , 671px 1014px #FFF , 68px 1504px #FFF , 133px 1602px #FFF , 332px 913px #FFF , 1605px 381px #FFF , 373px 778px #FFF , 1206px 1828px #FFF , 1360px 450px #FFF , 321px 291px #FFF , 882px 1648px #FFF , 47px 1558px #FFF , 983px 354px #FFF , 1816px 1666px #FFF , 1588px 358px #FFF , 262px 126px #FFF , 1187px 1265px #FFF , 1056px 523px #FFF , 687px 1002px #FFF , 1579px 1427px #FFF , 1469px 1100px #FFF , 1329px 947px #FFF , 1763px 1941px #FFF , 1233px 468px #FFF , 436px 741px #FFF;
- }
- #stars2 {
- width: 2px;
- height: 2px;
- background: transparent;
- box-shadow: 706px 1757px #FFF , 1524px 1464px #FFF , 980px 1313px #FFF , 1065px 1374px #FFF , 1533px 793px #FFF , 782px 724px #FFF , 124px 40px #FFF , 766px 1637px #FFF , 676px 1927px #FFF , 662px 1111px #FFF , 331px 1337px #FFF , 1532px 943px #FFF , 386px 438px #FFF , 1775px 1336px #FFF , 1095px 1164px #FFF , 900px 337px #FFF , 1069px 1567px #FFF , 743px 1469px #FFF , 1424px 1224px #FFF , 1975px 1714px #FFF , 1451px 165px #FFF , 1277px 39px #FFF , 287px 546px #FFF , 1778px 290px #FFF , 614px 1895px #FFF , 438px 74px #FFF , 863px 1425px #FFF , 123px 1007px #FFF , 542px 663px #FFF , 713px 924px #FFF , 1618px 1741px #FFF , 1912px 615px #FFF , 356px 840px #FFF , 761px 625px #FFF , 497px 1619px #FFF , 482px 56px #FFF , 33px 455px #FFF , 355px 33px #FFF , 905px 1425px #FFF , 1012px 1512px #FFF , 931px 225px #FFF , 824px 1600px #FFF , 884px 1547px #FFF , 788px 1992px #FFF , 286px 1925px #FFF , 1995px 1222px #FFF , 710px 1046px #FFF , 352px 1765px #FFF , 1720px 1763px #FFF , 1306px 1265px #FFF;
- animation: animStar 100s linear infinite;
- }
- #stars2:after {
- content: " ";
- position: absolute;
- top: 2000px;
- width: 2px;
- height: 2px;
- background: transparent;
- box-shadow: 706px 1757px #FFF , 1524px 1464px #FFF , 980px 1313px #FFF , 1065px 1374px #FFF , 1533px 793px #FFF , 782px 724px #FFF , 124px 40px #FFF , 766px 1637px #FFF , 676px 1927px #FFF , 662px 1111px #FFF , 331px 1337px #FFF , 1532px 943px #FFF , 386px 438px #FFF , 1775px 1336px #FFF , 1095px 1164px #FFF , 900px 337px #FFF , 1069px 1567px #FFF , 743px 1469px #FFF , 1424px 1224px #FFF , 1975px 1714px #FFF , 1451px 165px #FFF , 1277px 39px #FFF , 287px 546px #FFF , 1778px 290px #FFF , 614px 1895px #FFF , 438px 74px #FFF , 863px 1425px #FFF , 123px 1007px #FFF , 542px 663px #FFF , 713px 924px #FFF , 1618px 1741px #FFF , 1912px 615px #FFF , 356px 840px #FFF , 761px 625px #FFF , 497px 1619px #FFF , 482px 56px #FFF , 33px 455px #FFF , 355px 33px #FFF , 905px 1425px #FFF , 1012px 1512px #FFF , 931px 225px #FFF , 824px 1600px #FFF , 884px 1547px #FFF , 788px 1992px #FFF , 286px 1925px #FFF , 1995px 1222px #FFF , 710px 1046px #FFF , 352px 1765px #FFF , 1720px 1763px #FFF , 1306px 1265px #FFF;
- }
- #stars3 {
- width: 3px;
- height: 3px;
- background: transparent;
- box-shadow: 130px 1065px #FFF , 1551px 1725px #FFF , 642px 1963px #FFF , 1254px 813px #FFF , 636px 26px #FFF , 1996px 440px #FFF , 370px 1161px #FFF , 642px 282px #FFF , 1917px 865px #FFF , 262px 1531px #FFF , 1425px 571px #FFF , 629px 593px #FFF , 1239px 1879px #FFF , 1898px 1006px #FFF , 132px 323px #FFF , 1177px 1458px #FFF , 1459px 2000px #FFF , 530px 1798px #FFF , 1433px 1634px #FFF , 1167px 1706px #FFF;
- animation: animStar 150s linear infinite;
- }
- #stars3:after {
- content: " ";
- position: absolute;
- top: 2000px;
- width: 3px;
- height: 3px;
- background: transparent;
- box-shadow: 130px 1065px #FFF , 1551px 1725px #FFF , 642px 1963px #FFF , 1254px 813px #FFF , 636px 26px #FFF , 1996px 440px #FFF , 370px 1161px #FFF , 642px 282px #FFF , 1917px 865px #FFF , 262px 1531px #FFF , 1425px 571px #FFF , 629px 593px #FFF , 1239px 1879px #FFF , 1898px 1006px #FFF , 132px 323px #FFF , 1177px 1458px #FFF , 1459px 2000px #FFF , 530px 1798px #FFF , 1433px 1634px #FFF , 1167px 1706px #FFF;
- }
- #title {
- position: absolute;
- top: 50%;
- left: 0;
- right: 0;
- color: #FFF;
- text-align: center;
- font-family: 'lato',sans-serif;
- font-weight: 300;
- font-size: 50px;
- letter-spacing: 10px;
- margin-top: -60px;
- padding-left: 10px;
- }
- #title span {
- background: -webkit-linear-gradient(white, #38495a);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- }
- @keyframes animStar {
- from {
- transform: translateY(0px);
- }
- to {
- transform: translateY(-2000px);
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement