/* lato-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
  url('../fonts/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
  url('../fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
  url('../fonts/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}


html {
  height: 100%;
  width: 100%;
  /*  #1b2735 0%, #090a0f */
  background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
  overflow: hidden;
}

.box1 {
  display: flex;
  justify-content: center;
  align-items: center;

}

#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 261px 1059px #FFF, 2268px 1640px #FFF, 2652px 1213px #FFF, 517px 914px #FFF, 2882px 671px #FFF, 1129px 1951px #FFF, 2192px 600px #FFF, 235px 1780px #FFF, 1735px 1829px #FFF, 3029px 1977px #FFF, 2697px 1789px #FFF, 1832px 543px #FFF, 2px 1407px #FFF, 2005px 85px #FFF, 3691px 1177px #FFF, 612px 1079px #FFF, 2076px 1382px #FFF, 2173px 1191px #FFF, 3800px 1779px #FFF, 1749px 689px #FFF, 1562px 1831px #FFF, 2432px 2022px #FFF, 3832px 434px #FFF, 2006px 590px #FFF, 241px 1647px #FFF, 1311px 1173px #FFF, 2613px 1652px #FFF, 2383px 1467px #FFF, 3374px 952px #FFF, 3324px 2037px #FFF, 209px 239px #FFF, 3165px 1384px #FFF, 2834px 2146px #FFF, 104px 1382px #FFF, 3802px 77px #FFF, 1736px 1600px #FFF, 1673px 218px #FFF, 657px 111px #FFF, 724px 1162px #FFF, 561px 260px #FFF, 3132px 987px #FFF, 2276px 1445px #FFF, 1507px 1134px #FFF, 2520px 129px #FFF, 2205px 873px #FFF, 1824px 215px #FFF, 2761px 2002px #FFF, 3766px 183px #FFF, 1174px 947px #FFF, 3822px 1538px #FFF, 1591px 1381px #FFF, 3084px 2019px #FFF, 3375px 1101px #FFF, 617px 1429px #FFF, 1671px 1157px #FFF, 3515px 334px #FFF, 1879px 872px #FFF, 1473px 1255px #FFF, 1896px 995px #FFF, 1394px 989px #FFF, 557px 1887px #FFF, 1899px 1281px #FFF, 3202px 574px #FFF, 3119px 895px #FFF, 1381px 1395px #FFF, 3023px 72px #FFF, 2656px 2156px #FFF, 2355px 138px #FFF, 506px 590px #FFF, 230px 1977px #FFF, 1508px 1573px #FFF, 3130px 1369px #FFF, 63px 192px #FFF, 3440px 1453px #FFF, 3057px 1379px #FFF, 2599px 1675px #FFF, 750px 1492px #FFF, 1587px 1460px #FFF, 1125px 282px #FFF, 103px 1554px #FFF, 2413px 956px #FFF, 3246px 1206px #FFF, 76px 2143px #FFF, 2955px 1746px #FFF, 2478px 1656px #FFF, 469px 830px #FFF, 3657px 793px #FFF, 462px 2109px #FFF, 1627px 1464px #FFF, 1552px 2155px #FFF, 2151px 301px #FFF, 2718px 1309px #FFF, 811px 1879px #FFF, 2712px 1513px #FFF, 225px 1740px #FFF, 2747px 1752px #FFF, 3609px 1024px #FFF, 1065px 72px #FFF, 1579px 489px #FFF, 1372px 1645px #FFF;
  animation: animStar 50s linear infinite;
}

#stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 261px 1059px #FFF, 2268px 1640px #FFF, 2652px 1213px #FFF, 517px 914px #FFF, 2882px 671px #FFF, 1129px 1951px #FFF, 2192px 600px #FFF, 235px 1780px #FFF, 1735px 1829px #FFF, 3029px 1977px #FFF, 2697px 1789px #FFF, 1832px 543px #FFF, 2px 1407px #FFF, 2005px 85px #FFF, 3691px 1177px #FFF, 612px 1079px #FFF, 2076px 1382px #FFF, 2173px 1191px #FFF, 3800px 1779px #FFF, 1749px 689px #FFF, 1562px 1831px #FFF, 2432px 2022px #FFF, 3832px 434px #FFF, 2006px 590px #FFF, 241px 1647px #FFF, 1311px 1173px #FFF, 2613px 1652px #FFF, 2383px 1467px #FFF, 3374px 952px #FFF, 3324px 2037px #FFF, 209px 239px #FFF, 3165px 1384px #FFF, 2834px 2146px #FFF, 104px 1382px #FFF, 3802px 77px #FFF, 1736px 1600px #FFF, 1673px 218px #FFF, 657px 111px #FFF, 724px 1162px #FFF, 561px 260px #FFF, 3132px 987px #FFF, 2276px 1445px #FFF, 1507px 1134px #FFF, 2520px 129px #FFF, 2205px 873px #FFF, 1824px 215px #FFF, 2761px 2002px #FFF, 3766px 183px #FFF, 1174px 947px #FFF, 3822px 1538px #FFF, 1591px 1381px #FFF, 3084px 2019px #FFF, 3375px 1101px #FFF, 617px 1429px #FFF, 1671px 1157px #FFF, 3515px 334px #FFF, 1879px 872px #FFF, 1473px 1255px #FFF, 1896px 995px #FFF, 1394px 989px #FFF, 557px 1887px #FFF, 1899px 1281px #FFF, 3202px 574px #FFF, 3119px 895px #FFF, 1381px 1395px #FFF, 3023px 72px #FFF, 2656px 2156px #FFF, 2355px 138px #FFF, 506px 590px #FFF, 230px 1977px #FFF, 1508px 1573px #FFF, 3130px 1369px #FFF, 63px 192px #FFF, 3440px 1453px #FFF, 3057px 1379px #FFF, 2599px 1675px #FFF, 750px 1492px #FFF, 1587px 1460px #FFF, 1125px 282px #FFF, 103px 1554px #FFF, 2413px 956px #FFF, 3246px 1206px #FFF, 76px 2143px #FFF, 2955px 1746px #FFF, 2478px 1656px #FFF, 469px 830px #FFF, 3657px 793px #FFF, 462px 2109px #FFF, 1627px 1464px #FFF, 1552px 2155px #FFF, 2151px 301px #FFF, 2718px 1309px #FFF, 811px 1879px #FFF, 2712px 1513px #FFF, 225px 1740px #FFF, 2747px 1752px #FFF, 3609px 1024px #FFF, 1065px 72px #FFF, 1579px 489px #FFF, 1372px 1645px #FFF;
}

#stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 2723px 465px #FFF, 2400px 1822px #FFF, 174px 205px #FFF, 3459px 2104px #FFF, 2334px 560px #FFF, 1188px 1131px #FFF, 650px 2004px #FFF, 818px 858px #FFF, 3226px 2127px #FFF, 730px 2148px #FFF, 1423px 1195px #FFF, 1719px 1400px #FFF, 2497px 1648px #FFF, 1464px 607px #FFF, 1165px 1979px #FFF, 2787px 607px #FFF, 2475px 1986px #FFF, 3216px 2027px #FFF, 1935px 1739px #FFF, 2224px 1406px #FFF, 1466px 2135px #FFF, 3009px 1344px #FFF, 2474px 1710px #FFF, 240px 1631px #FFF, 795px 958px #FFF, 2263px 1723px #FFF, 622px 562px #FFF, 2608px 1905px #FFF, 536px 1788px #FFF, 578px 1595px #FFF, 1115px 338px #FFF, 310px 864px #FFF, 974px 2028px #FFF, 483px 658px #FFF, 2112px 1624px #FFF, 3375px 1401px #FFF, 3182px 2005px #FFF, 1020px 1773px #FFF, 2811px 120px #FFF, 3560px 421px #FFF, 3702px 522px #FFF, 3254px 1711px #FFF, 1640px 311px #FFF, 2225px 1602px #FFF, 2944px 1059px #FFF, 2493px 189px #FFF, 1848px 1326px #FFF, 3086px 2091px #FFF, 3354px 907px #FFF, 430px 759px #FFF, 659px 1902px #FFF, 1840px 1691px #FFF, 2737px 1548px #FFF, 3562px 531px #FFF, 1590px 1272px #FFF, 633px 282px #FFF, 2285px 1202px #FFF, 3473px 877px #FFF, 3629px 82px #FFF, 559px 1692px #FFF, 3329px 1296px #FFF, 193px 1838px #FFF, 2853px 3px #FFF, 2556px 1523px #FFF, 2578px 218px #FFF, 379px 376px #FFF, 1471px 1072px #FFF, 2902px 1314px #FFF, 104px 1821px #FFF, 65px 1053px #FFF, 3200px 1048px #FFF, 2915px 886px #FFF, 3176px 1462px #FFF, 2669px 348px #FFF, 1558px 1697px #FFF, 1837px 2126px #FFF, 2926px 650px #FFF, 1639px 351px #FFF, 380px 981px #FFF, 2453px 705px #FFF, 2934px 896px #FFF, 3308px 122px #FFF, 1316px 1166px #FFF, 2323px 1818px #FFF, 827px 411px #FFF, 1147px 301px #FFF, 2029px 29px #FFF, 3348px 920px #FFF, 1885px 1913px #FFF, 611px 1246px #FFF, 2648px 2155px #FFF, 14px 1317px #FFF, 1694px 586px #FFF, 1678px 202px #FFF, 1877px 2150px #FFF, 1840px 786px #FFF, 3085px 293px #FFF, 2429px 881px #FFF, 1665px 1615px #FFF, 2295px 1552px #FFF;
  animation: animStar 100s linear infinite;
}

#stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 2723px 465px #FFF, 2400px 1822px #FFF, 174px 205px #FFF, 3459px 2104px #FFF, 2334px 560px #FFF, 1188px 1131px #FFF, 650px 2004px #FFF, 818px 858px #FFF, 3226px 2127px #FFF, 730px 2148px #FFF, 1423px 1195px #FFF, 1719px 1400px #FFF, 2497px 1648px #FFF, 1464px 607px #FFF, 1165px 1979px #FFF, 2787px 607px #FFF, 2475px 1986px #FFF, 3216px 2027px #FFF, 1935px 1739px #FFF, 2224px 1406px #FFF, 1466px 2135px #FFF, 3009px 1344px #FFF, 2474px 1710px #FFF, 240px 1631px #FFF, 795px 958px #FFF, 2263px 1723px #FFF, 622px 562px #FFF, 2608px 1905px #FFF, 536px 1788px #FFF, 578px 1595px #FFF, 1115px 338px #FFF, 310px 864px #FFF, 974px 2028px #FFF, 483px 658px #FFF, 2112px 1624px #FFF, 3375px 1401px #FFF, 3182px 2005px #FFF, 1020px 1773px #FFF, 2811px 120px #FFF, 3560px 421px #FFF, 3702px 522px #FFF, 3254px 1711px #FFF, 1640px 311px #FFF, 2225px 1602px #FFF, 2944px 1059px #FFF, 2493px 189px #FFF, 1848px 1326px #FFF, 3086px 2091px #FFF, 3354px 907px #FFF, 430px 759px #FFF, 659px 1902px #FFF, 1840px 1691px #FFF, 2737px 1548px #FFF, 3562px 531px #FFF, 1590px 1272px #FFF, 633px 282px #FFF, 2285px 1202px #FFF, 3473px 877px #FFF, 3629px 82px #FFF, 559px 1692px #FFF, 3329px 1296px #FFF, 193px 1838px #FFF, 2853px 3px #FFF, 2556px 1523px #FFF, 2578px 218px #FFF, 379px 376px #FFF, 1471px 1072px #FFF, 2902px 1314px #FFF, 104px 1821px #FFF, 65px 1053px #FFF, 3200px 1048px #FFF, 2915px 886px #FFF, 3176px 1462px #FFF, 2669px 348px #FFF, 1558px 1697px #FFF, 1837px 2126px #FFF, 2926px 650px #FFF, 1639px 351px #FFF, 380px 981px #FFF, 2453px 705px #FFF, 2934px 896px #FFF, 3308px 122px #FFF, 1316px 1166px #FFF, 2323px 1818px #FFF, 827px 411px #FFF, 1147px 301px #FFF, 2029px 29px #FFF, 3348px 920px #FFF, 1885px 1913px #FFF, 611px 1246px #FFF, 2648px 2155px #FFF, 14px 1317px #FFF, 1694px 586px #FFF, 1678px 202px #FFF, 1877px 2150px #FFF, 1840px 786px #FFF, 3085px 293px #FFF, 2429px 881px #FFF, 1665px 1615px #FFF, 2295px 1552px #FFF;
}

#stars3 {
  width: 3px;
  height: 3px;

  background: transparent;
  box-shadow: 2149px 1137px lightcoral, 204px 1701px lightcoral, 3130px 1718px lightcoral, 228px 1532px lightcoral, 529px 2117px lightcoral, 299px 1819px lightcoral, 2256px 848px lightcoral, 66px 369px lightcoral, 1876px 1210px lightcoral, 3808px 1076px lightcoral, 2190px 413px lightcoral, 2177px 2054px lightcoral, 930px 1778px lightcoral, 3186px 2000px lightcoral, 1814px 2119px lightcoral, 1px 1660px lightcoral, 374px 153px lightcoral, 3266px 21px lightcoral, 930px 86px lightcoral, 1451px 2097px lightcoral, 2174px 1550px lightcoral, 1986px 95px lightcoral, 2901px 567px lightcoral, 3px 127px lightcoral, 752px 411px lightcoral, 1783px 1493px lightcoral, 924px 960px lightcoral, 3142px 202px lightcoral, 2834px 714px lightcoral, 1051px 821px lightcoral, 195px 1421px lightcoral, 1634px 1955px lightcoral, 2716px 978px lightcoral, 1688px 1433px lightcoral, 2098px 2159px lightcoral, 1950px 727px lightcoral, 620px 2087px lightcoral, 1224px 977px lightcoral, 2900px 200px lightcoral, 1082px 993px lightcoral, 1773px 339px lightcoral, 2238px 1177px lightcoral, 389px 1479px lightcoral, 1753px 1317px lightcoral, 2777px 1426px lightcoral, 11px 1379px lightcoral, 306px 1869px lightcoral, 1688px 277px lightcoral, 2097px 410px lightcoral, 2169px 353px lightcoral, 890px 802px lightcoral, 3446px 1533px lightcoral, 3004px 1504px lightcoral, 1744px 1878px lightcoral, 1439px 1981px lightcoral, 3644px 63px lightcoral, 2876px 1356px lightcoral, 2159px 1848px lightcoral, 915px 417px lightcoral, 2085px 1597px lightcoral, 912px 1598px lightcoral, 874px 1266px lightcoral, 702px 2013px lightcoral, 939px 1796px lightcoral, 3404px 1929px lightcoral, 1516px 43px lightcoral, 2259px 1653px lightcoral, 3057px 2075px lightcoral, 784px 1152px lightcoral, 1127px 1916px lightcoral, 949px 295px lightcoral, 2889px 1565px lightcoral, 3178px 1912px lightcoral, 936px 1306px lightcoral, 2484px 469px lightcoral, 1108px 817px lightcoral, 1688px 1667px lightcoral, 2162px 704px lightcoral, 966px 52px lightcoral, 3044px 2016px lightcoral, 3770px 1104px lightcoral, 2862px 1352px lightcoral, 3341px 790px lightcoral, 2774px 226px lightcoral, 794px 1985px lightcoral, 3818px 337px lightcoral, 2143px 907px lightcoral, 3026px 2042px lightcoral, 10px 1697px lightcoral, 3522px 1370px lightcoral, 116px 77px #FFF, 168px 1870px #FFF, 167px 1845px #FFF, 3292px 831px #FFF, 2546px 1845px #FFF, 460px 899px #FFF, 2389px 1361px #FFF, 1397px 73px #FFF, 1800px 405px #FFF, 3413px 1422px #FFF;
  animation: animStar 150s linear infinite;
}

#stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 2149px 1137px lightcoral, 204px 1701px lightcoral, 3130px 1718px lightcoral, 228px 1532px lightcoral, 529px 2117px lightcoral, 299px 1819px lightcoral, 2256px 848px lightcoral, 66px 369px lightcoral, 1876px 1210px lightcoral, 3808px 1076px lightcoral, 2190px 413px lightcoral, 2177px 2054px lightcoral, 930px 1778px lightcoral, 3186px 2000px lightcoral, 1814px 2119px lightcoral, 1px 1660px lightcoral, 374px 153px lightcoral, 3266px 21px lightcoral, 930px 86px lightcoral, 1451px 2097px lightcoral, 2174px 1550px lightcoral, 1986px 95px lightcoral, 2901px 567px lightcoral, 3px 127px lightcoral, 752px 411px lightcoral, 1783px 1493px lightcoral, 924px 960px lightcoral, 3142px 202px lightcoral, 2834px 714px lightcoral, 1051px 821px lightcoral, 195px 1421px lightcoral, 1634px 1955px lightcoral, 2716px 978px lightcoral, 1688px 1433px lightcoral, 2098px 2159px lightcoral, 1950px 727px lightcoral, 620px 2087px lightcoral, 1224px 977px lightcoral, 2900px 200px lightcoral, 1082px 993px lightcoral, 1773px 339px lightcoral, 2238px 1177px lightcoral, 389px 1479px lightcoral, 1753px 1317px lightcoral, 2777px 1426px lightcoral, 11px 1379px lightcoral, 306px 1869px lightcoral, 1688px 277px lightcoral, 2097px 410px lightcoral, 2169px 353px lightcoral, 890px 802px lightcoral, 3446px 1533px lightcoral, 3004px 1504px lightcoral, 1744px 1878px lightcoral, 1439px 1981px lightcoral, 3644px 63px lightcoral, 2876px 1356px lightcoral, 2159px 1848px lightcoral, 915px 417px lightcoral, 2085px 1597px lightcoral, 912px 1598px lightcoral, 874px 1266px lightcoral, 702px 2013px lightcoral, 939px 1796px lightcoral, 3404px 1929px lightcoral, 1516px 43px lightcoral, 2259px 1653px lightcoral, 3057px 2075px lightcoral, 784px 1152px lightcoral, 1127px 1916px lightcoral, 949px 295px lightcoral, 2889px 1565px lightcoral, 3178px 1912px lightcoral, 936px 1306px lightcoral, 2484px 469px lightcoral, 1108px 817px lightcoral, 1688px 1667px lightcoral, 2162px 704px lightcoral, 966px 52px lightcoral, 3044px 2016px lightcoral, 3770px 1104px lightcoral, 2862px 1352px lightcoral, 3341px 790px lightcoral, 2774px 226px lightcoral, 794px 1985px lightcoral, 3818px 337px lightcoral, 2143px 907px lightcoral, 3026px 2042px lightcoral, 10px 1697px lightcoral, 3522px 1370px lightcoral, 116px 77px #FFF, 168px 1870px #FFF, 167px 1845px #FFF, 3292px 831px #FFF, 2546px 1845px #FFF, 460px 899px #FFF, 2389px 1361px #FFF, 1397px 73px #FFF, 1800px 405px #FFF, 3413px 1422px #FFF;
}

#falling {
  width: 4px;
  height: 4px;
  position: relative;
  animation: mymove 5s;
  animation-delay: 3s;
  background-color: transparent;
}

#falling:after {
  content: "*";
  position: absolute;
  width: 4px;
  height: 4px;

}
 #falling2 {
  width: 4px;
  height: 4px;
  position: relative;
  animation: mymove2 4s;
  animation-delay: 3s;
  background-color: transparent;
}

 #falling2:after {
  content: "*";
  position: absolute;
  width: 4px;
  height: 4px;

}

#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: translate(0px, 10px);
  }
  to {
    transform: translate(-2500px, 500px);
  }
}

@keyframes mymove {
  from {
    transform: translate(300px, 300px);
    background-color: yellow;
  }
  to {
    transform: translate(2000px, 630px);
    background-color: snow;
    width: 2px;
    height: 2px;
  }
}
@keyframes mymove2 {
  from {
    transform: translate(306px, 298px);
    background-color: lightyellow;
  }
  to {
    transform: translate(1960px, 600px);
    background-color: snow;
    width: 1px;
    height: 1px;
  }
}