html, body {
overflow-x: hidden;
}

.star {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1860px 897px #fff, 740px 272px #fff, 1228px 23px #fff, 64px 405px #fff, 411px 442px #fff, 1722px 333px #fff, 204px 548px #fff, 866px 294px #fff, 744px 778px #fff, 495px 465px #fff, 1288px 467px #fff, 698px 13px #fff, 366px 218px #fff, 30px 730px #fff, 1820px 998px #fff, 1443px 607px #fff, 843px 71px #fff, 1577px 591px #fff, 319px 115px #fff, 1493px 405px #fff, 1753px 421px #fff, 116px 183px #fff, 1388px 440px #fff, 731px 244px #fff, 1102px 265px #fff, 673px 889px #fff, 929px 509px #fff, 894px 996px #fff, 232px 257px #fff, 801px 163px #fff, 580px 671px #fff, 1268px 788px #fff, 544px 900px #fff, 912px 300px #fff, 1032px 802px #fff, 1839px 419px #fff, 813px 161px #fff, 983px 257px #fff, 1833px 451px #fff, 1674px 977px #fff, 603px 540px #fff, 1431px 151px #fff, 294px 185px #fff, 1168px 37px #fff, 615px 987px #fff, 786px 594px #fff, 1695px 490px #fff, 1310px 221px #fff, 1213px 507px #fff, 1669px 647px #fff, 460px 987px #fff, 1601px 84px #fff, 1244px 605px #fff, 407px 321px #fff, 1622px 550px #fff, 1719px 600px #fff, 923px 549px #fff, 1347px 696px #fff, 327px 840px #fff, 1050px 188px #fff, 1615px 716px #fff, 870px 84px #fff, 1723px 738px #fff, 34px 987px #fff, 1408px 189px #fff, 345px 908px #fff, 439px 217px #fff, 635px 653px #fff, 1724px 196px #fff, 1343px 694px #fff, 167px 968px #fff, 11px 287px #fff, 793px 543px #fff, 691px 16px #fff, 1780px 439px #fff, 590px 213px #fff, 1795px 182px #fff, 1865px 713px #fff, 186px 563px #fff, 1185px 933px #fff, 494px 39px #fff, 1018px 846px #fff, 1034px 413px #fff, 1372px 773px #fff, 1079px 769px #fff, 476px 171px #fff, 389px 596px #fff, 1231px 895px #fff, 1070px 208px #fff, 903px 909px #fff, 1202px 435px #fff, 1610px 46px #fff, 539px 983px #fff, 978px 622px #fff, 1575px 333px #fff, 1746px 471px #fff, 98px 412px #fff, 262px 346px #fff, 302px 813px #fff, 831px 124px #fff, 431px 115px #fff, 1492px 948px #fff, 1407px 791px #fff, 1500px 973px #fff, 1140px 870px #fff, 653px 744px #fff, 1806px 365px #fff, 149px 775px #fff, 1497px 882px #fff, 902px 26px #fff, 1135px 259px #fff, 57px 74px #fff, 1676px 168px #fff, 74px 704px #fff, 526px 185px #fff, 1210px 141px #fff, 1775px 877px #fff, 13px 870px #fff, 1502px 526px #fff, 1582px 930px #fff, 1825px 149px #fff, 1502px 113px #fff, 1845px 134px #fff, 718px 843px #fff, 1032px 34px #fff, 1663px 621px #fff, 130px 973px #fff, 1487px 370px #fff, 20px 776px #fff, 1886px 68px #fff, 1151px 604px #fff, 893px 237px #fff, 1128px 214px #fff, 1251px 251px #fff, 44px 956px #fff, 1489px 388px #fff, 1755px 712px #fff, 737px 112px #fff, 534px 801px #fff, 1368px 672px #fff, 1638px 180px #fff, 1627px 943px #fff, 97px 773px #fff, 746px 377px #fff, 616px 103px #fff, 1182px 596px #fff, 1427px 137px #fff, 291px 444px #fff, 457px 46px #fff, 890px 334px #fff, 1458px 720px #fff, 100px 976px #fff, 995px 703px #fff, 166px 579px #fff, 416px 848px #fff, 1889px 42px #fff, 824px 495px #fff, 373px 817px #fff, 755px 585px #fff, 639px 886px #fff, 1622px 410px #fff, 735px 89px #fff, 1802px 862px #fff, 1126px 958px #fff, 124px 524px #fff, 756px 220px #fff, 133px 362px #fff, 97px 246px #fff, 1764px 434px #fff, 1228px 712px #fff, 1550px 138px #fff, 2px 616px #fff, 1826px 483px #fff, 690px 967px #fff, 198px 181px #fff, 325px 87px #fff, 754px 931px #fff, 1821px 43px #fff, 111px 163px #fff, 1208px 308px #fff, 1788px 256px #fff, 1149px 432px #fff, 684px 403px #fff, 730px 56px #fff, 1174px 245px #fff, 352px 178px #fff, 1147px 600px #fff, 1208px 407px #fff, 4px 83px #fff, 1319px 604px #fff, 750px 279px #fff, 1157px 796px #fff, 355px 364px #fff, 813px 314px #fff, 710px 924px #fff, 1673px 624px #fff, 236px 564px #fff, 1450px 313px #fff, 1524px 187px #fff, 431px 519px #fff, 884px 847px #fff, 1770px 823px #fff, 1477px 997px #fff, 1073px 42px #fff, 1689px 89px #fff, 1357px 643px #fff, 1887px 259px #fff, 1371px 703px #fff, 219px 266px #fff, 74px 793px #fff, 1770px 126px #fff, 93px 904px #fff, 142px 55px #fff, 1px 591px #fff, 1146px 384px #fff, 780px 95px #fff, 157px 470px #fff, 1256px 509px #fff, 1295px 858px #fff, 822px 975px #fff, 1913px 651px #fff, 271px 608px #fff, 1138px 470px #fff, 105px 232px #fff, 1041px 46px #fff, 906px 643px #fff, 564px 130px #fff, 1388px 378px #fff, 686px 630px #fff, 914px 271px #fff, 198px 753px #fff, 1294px 221px #fff, 1762px 290px #fff, 634px 378px #fff, 1484px 758px #fff, 738px 349px #fff, 1145px 68px #fff, 1064px 543px #fff, 595px 603px #fff, 1824px 984px #fff, 553px 586px #fff, 1753px 25px #fff, 449px 362px #fff, 1265px 141px #fff, 1539px 799px #fff, 1065px 153px #fff, 1163px 831px #fff, 307px 749px #fff, 1104px 295px #fff, 275px 315px #fff, 1632px 746px #fff, 418px 572px #fff, 264px 655px #fff, 1727px 725px #fff, 572px 950px #fff, 1474px 146px #fff, 1920px 799px #fff, 1495px 379px #fff, 528px 853px #fff, 269px 838px #fff, 257px 569px #fff, 658px 930px #fff, 775px 781px #fff, 883px 31px #fff, 508px 216px #fff, 1434px 495px #fff, 633px 892px #fff, 880px 697px #fff, 1383px 474px #fff, 1809px 502px #fff, 127px 415px #fff, 1434px 892px #fff, 428px 790px #fff, 156px 884px #fff, 290px 923px #fff, 1621px 901px #fff, 112px 507px #fff, 987px 89px #fff, 334px 505px #fff, 330px 425px #fff, 1432px 124px #fff, 397px 940px #fff, 198px 13px #fff, 99px 747px #fff, 1846px 413px #fff, 1837px 194px #fff, 1196px 233px #fff, 973px 337px #fff, 646px 349px #fff, 541px 352px #fff, 1142px 438px #fff, 357px 62px #fff, 1384px 588px #fff, 1812px 802px #fff, 79px 131px #fff, 1303px 631px #fff, 1786px 944px #fff, 1293px 45px #fff, 1618px 950px #fff, 771px 92px #fff;
}

.meteor-1 {
  position: absolute;
  top: 227px;
  left: 36%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 5.4s linear infinite;
}
.meteor-1:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

.meteor-2 {
  position: absolute;
  top: 180px;
  left: 18%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 9.8s linear infinite;
}
.meteor-2:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

.meteor-3 {
  position: absolute;
  top: 213px;
  left: 59%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 6.7s linear infinite;
}
.meteor-3:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

.meteor-4 {
  position: absolute;
  top: 191px;
  left: 23%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 6.3s linear infinite;
}
.meteor-4:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

.meteor-5 {
  position: absolute;
  top: 61px;
  left: 46%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 7.6s linear infinite;
}
.meteor-5:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

.meteor-6 {
  position: absolute;
  top: 207px;
  left: 86%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 5.5s linear infinite;
}
.meteor-6:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

.meteor-7 {
  position: absolute;
  top: 113px;
  left: 84%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 8.7s linear infinite;
}
.meteor-7:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

.meteor-8 {
  position: absolute;
  top: 178px;
  left: 96%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 4.5s linear infinite;
}
.meteor-8:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

.meteor-9 {
  position: absolute;
  top: 87px;
  left: 38%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 7.6s linear infinite;
}
.meteor-9:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

.meteor-10 {
  position: absolute;
  top: 148px;
  left: 90%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 5.1s linear infinite;
}
.meteor-10:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

.meteor-11 {
  position: absolute;
  top: 145px;
  left: 43%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 8.3s linear infinite;
}
.meteor-11:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

.meteor-12 {
  position: absolute;
  top: 230px;
  left: 39%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 5.6s linear infinite;
}
.meteor-12:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

.meteor-13 {
  position: absolute;
  top: 153px;
  left: 52%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 7.9s linear infinite;
}
.meteor-13:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

.meteor-14 {
  position: absolute;
  top: 228px;
  left: 83%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 5.8s linear infinite;
}
.meteor-14:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

.meteor-15 {
  position: absolute;
  top: 285px;
  left: 96%;
  width: 300px;
  height: 1px;
  transform: rotate(-45deg);
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  animation: meteor 8.2s linear infinite;
}
.meteor-15:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  border-radius: 50%;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px 3px #fff;
}

@keyframes meteor {
  0% {
    opacity: 1;
    margin-top: -300px;
    margin-right: -300px;
  }
  12% {
    opacity: 0;
  }
  15% {
    margin-top: 300px;
    margin-left: -600px;
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}/*# sourceMappingURL=style.css.map */