.shooting-star {
  display: none;
}

@media (min-width: 768px) {
  .shooting-star {
    display: block;
    animation: 3s star-streak ease-out infinite;
    animation-delay: 0.0585759763s;
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: white;
  }
  .shooting-star:before {
    content: "";
    transform: translateX(2.5px);
    position: absolute;
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 0 100%, 100% 100%);
    width: 150px;
    height: 5px;
    background: white;
    background: linear-gradient(90deg, rgb(218, 12, 12) 0%, rgba(218, 12, 12, 0.5) 20%, rgba(255, 101, 174, 0.4) 35%, rgba(255, 255, 255, 0.1) 80%);
  }
  .shooting-star--1 {
    opacity: 0.4424480845;
    transform: rotate(-171deg) translateY(20vh);
    width: 2px;
    height: 2px;
    animation: 14s star-streak linear infinite;
    animation-delay: 0.5956920975s;
  }
  .shooting-star--2 {
    opacity: 0.8387918417;
    transform: rotate(-171deg) translateY(40vh);
    width: 2px;
    height: 2px;
    animation: 14s star-streak linear infinite;
    animation-delay: 0.4259258738s;
  }
  .shooting-star--3 {
    opacity: 0.1959049773;
    transform: rotate(-171deg) translateY(20vh);
    width: 5px;
    height: 5px;
    animation: 21s star-streak linear infinite;
    animation-delay: 1.3986076055s;
  }
  .shooting-star--4 {
    opacity: 0.2388111759;
    transform: rotate(-171deg) translateY(40vh);
    width: 5px;
    height: 5px;
    animation: 21s star-streak linear infinite;
    animation-delay: 0.078607762s;
  }
  .shooting-star--5 {
    opacity: 0.6017852208;
    transform: rotate(-171deg) translateY(20vh);
    width: 3px;
    height: 3px;
    animation: 14s star-streak linear infinite;
    animation-delay: 1.8217704228s;
  }
  .shooting-star--6 {
    opacity: 0.5415461219;
    transform: rotate(-171deg) translateY(28vh);
    width: 2px;
    height: 2px;
    animation: 21s star-streak linear infinite;
    animation-delay: 0.0658855956s;
  }
  .shooting-star--7 {
    opacity: 0.1004847814;
    transform: rotate(-171deg) translateY(8vh);
    width: 5px;
    height: 5px;
    animation: 21s star-streak linear infinite;
    animation-delay: 1.4485495935s;
  }
  .shooting-star--8 {
    opacity: 0.2502449424;
    transform: rotate(-171deg) translateY(8vh);
    width: 5px;
    height: 5px;
    animation: 7s star-streak linear infinite;
    animation-delay: 1.8744110202s;
  }
  .shooting-star--9 {
    opacity: 0.2528371851;
    transform: rotate(-171deg) translateY(28vh);
    width: 5px;
    height: 5px;
    animation: 7s star-streak linear infinite;
    animation-delay: 0.352321945s;
  }
  .shooting-star--10 {
    opacity: 0.3918301606;
    transform: rotate(-171deg) translateY(8vh);
    width: 4px;
    height: 4px;
    animation: 21s star-streak linear infinite;
    animation-delay: 1.4572163162s;
  }
  .shooting-star--11 {
    opacity: 0.3967546614;
    transform: rotate(-171deg) translateY(12vh);
    width: 2px;
    height: 2px;
    animation: 14s star-streak linear infinite;
    animation-delay: 1.9907192602s;
  }
  .shooting-star--12 {
    opacity: 0.5029619849;
    transform: rotate(-171deg) translateY(16vh);
    width: 1px;
    height: 1px;
    animation: 7s star-streak linear infinite;
    animation-delay: 1.387718005s;
  }
  .shooting-star--13 {
    opacity: 0.2655422977;
    transform: rotate(-171deg) translateY(20vh);
    width: 2px;
    height: 2px;
    animation: 21s star-streak linear infinite;
    animation-delay: 0.2033173844s;
  }
  .shooting-star--14 {
    opacity: 0.3109780272;
    transform: rotate(-171deg) translateY(28vh);
    width: 2px;
    height: 2px;
    animation: 7s star-streak linear infinite;
    animation-delay: 0.7934968802s;
  }
  .shooting-star--15 {
    opacity: 0.5930424968;
    transform: rotate(-171deg) translateY(36vh);
    width: 4px;
    height: 4px;
    animation: 7s star-streak linear infinite;
    animation-delay: 0.5672823445s;
  }
}
@keyframes star-streak {
  0% {
    top: 0%;
    left: -100%;
  }
  40%, 100% {
    top: 100%;
    left: 200%;
  }
}

/*# sourceMappingURL=stars.css.map */