body {
    background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
    height: 100vh;
    overflow: hidden;
    display: flex;
    font-family: 'Anton', sans-serif;
    justify-content: center;
    align-items: center;
}
.night {
    position: relative;
    width: 100%;
    height: 100%;
    transform: rotateZ(45deg);
}
.shooting_star {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 2px;
    background: linear-gradient(-45deg, rgba(95, 145, 255, 1), rgba(0, 0, 255, 0));
    border-radius: 999px;
    filter: drop-shadow(0 0 6px rgba(105, 155, 255, 1));
    animation: tail 3000ms ease-in-out infinite, shooting 3000ms ease-in-out infinite;
}
.shooting_star::before {
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    height: 2px;
    background: linear-gradient(-45deg, rgba(0, 0, 255, 0), rgba(95, 145, 255, 1), rgba(0, 0, 255, 0));
    transform: translateX(50%) rotateZ(45deg);
    border-radius: 100%;
    animation: shining 3000ms ease-in-out infinite;
}
.shooting_star::after {
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    height: 2px;
    background: linear-gradient(-45deg, rgba(0, 0, 255, 0), rgba(95, 145, 255, 1), rgba(0, 0, 255, 0));
    transform: translateX(50%) rotateZ(45deg);
    border-radius: 100%;
    animation: shining 3000ms ease-in-out infinite;
    transform: translateX(50%) rotateZ(-45deg);
}
.shooting_star:nth-child(1) {
    top: calc(50% - 187px);
    left: calc(50% - 121px);
    animation-delay: 5869ms;
}
.shooting_star:nth-child(1)::before, .shooting_star:nth-child(1)::after {
    animation-delay: 5869ms;
}
.shooting_star:nth-child(2) {
    top: calc(50% - 159px);
    left: calc(50% - 68px);
    animation-delay: 1500ms;
}
.shooting_star:nth-child(2)::before, .shooting_star:nth-child(2)::after {
    animation-delay: 1500ms;
}
.shooting_star:nth-child(3) {
    top: calc(50% - 131px);
    left: calc(50% - 7px);
    animation-delay: 480ms;
}
.shooting_star:nth-child(3)::before, .shooting_star:nth-child(3)::after {
    animation-delay: 480ms;
}
.shooting_star:nth-child(4) {
    top: calc(50% - -85px);
    left: calc(50% - 246px);
    animation-delay: 4ms;
}
.shooting_star:nth-child(4)::before, .shooting_star:nth-child(4)::after {
    animation-delay: 4ms;
}
.shooting_star:nth-child(5) {
    top: calc(50% - -197px);
    left: calc(50% - 131px);
    animation-delay: 1330ms;
}
.shooting_star:nth-child(5)::before, .shooting_star:nth-child(5)::after {
    animation-delay: 1330ms;
}
.shooting_star:nth-child(6) {
    top: calc(50% - 160px);
    left: calc(50% - 64px);
    animation-delay: 4201ms;
}
.shooting_star:nth-child(6)::before, .shooting_star:nth-child(6)::after {
    animation-delay: 4201ms;
}
.shooting_star:nth-child(7) {
    top: calc(50% - -63px);
    left: calc(50% - 213px);
    animation-delay: 3361ms;
}
.shooting_star:nth-child(7)::before, .shooting_star:nth-child(7)::after {
    animation-delay: 3361ms;
}
.shooting_star:nth-child(8) {
    top: calc(50% - -132px);
    left: calc(50% - 63px);
    animation-delay: 5384ms;
}
.shooting_star:nth-child(8)::before, .shooting_star:nth-child(8)::after {
    animation-delay: 5384ms;
}
.shooting_star:nth-child(9) {
    top: calc(50% - 186px);
    left: calc(50% - 111px);
    animation-delay: 2372ms;
}
.shooting_star:nth-child(9)::before, .shooting_star:nth-child(9)::after {
    animation-delay: 2372ms;
}
.shooting_star:nth-child(10) {
    top: calc(50% - -151px);
    left: calc(50% - 191px);
    animation-delay: 9186ms;
}
.shooting_star:nth-child(10)::before, .shooting_star:nth-child(10)::after {
    animation-delay: 9186ms;
}
.shooting_star:nth-child(11) {
    top: calc(50% - -114px);
    left: calc(50% - 129px);
    animation-delay: 9511ms;
}
.shooting_star:nth-child(11)::before, .shooting_star:nth-child(11)::after {
    animation-delay: 9511ms;
}
.shooting_star:nth-child(12) {
    top: calc(50% - -81px);
    left: calc(50% - 163px);
    animation-delay: 3116ms;
}
.shooting_star:nth-child(12)::before, .shooting_star:nth-child(12)::after {
    animation-delay: 3116ms;
}
.shooting_star:nth-child(13) {
    top: calc(50% - 91px);
    left: calc(50% - 111px);
    animation-delay: 6689ms;
}
.shooting_star:nth-child(13)::before, .shooting_star:nth-child(13)::after {
    animation-delay: 6689ms;
}
.shooting_star:nth-child(14) {
    top: calc(50% - -192px);
    left: calc(50% - 223px);
    animation-delay: 5475ms;
}
.shooting_star:nth-child(14)::before, .shooting_star:nth-child(14)::after {
    animation-delay: 5475ms;
}
.shooting_star:nth-child(15) {
    top: calc(50% - -197px);
    left: calc(50% - 159px);
    animation-delay: 6639ms;
}
.shooting_star:nth-child(15)::before, .shooting_star:nth-child(15)::after {
    animation-delay: 6639ms;
}
.shooting_star:nth-child(16) {
    top: calc(50% - -63px);
    left: calc(50% - 278px);
    animation-delay: 9536ms;
}
.shooting_star:nth-child(16)::before, .shooting_star:nth-child(16)::after {
    animation-delay: 9536ms;
}
.shooting_star:nth-child(17) {
    top: calc(50% - 59px);
    left: calc(50% - 80px);
    animation-delay: 6792ms;
}
.shooting_star:nth-child(17)::before, .shooting_star:nth-child(17)::after {
    animation-delay: 6792ms;
}
.shooting_star:nth-child(18) {
    top: calc(50% - -87px);
    left: calc(50% - 250px);
    animation-delay: 1803ms;
}
.shooting_star:nth-child(18)::before, .shooting_star:nth-child(18)::after {
    animation-delay: 1803ms;
}
.shooting_star:nth-child(19) {
    top: calc(50% - 42px);
    left: calc(50% - 17px);
    animation-delay: 3631ms;
}
.shooting_star:nth-child(19)::before, .shooting_star:nth-child(19)::after {
    animation-delay: 3631ms;
}
.shooting_star:nth-child(20) {
    top: calc(50% - -137px);
    left: calc(50% - 210px);
    animation-delay: 5131ms;
}
.shooting_star:nth-child(20)::before, .shooting_star:nth-child(20)::after {
    animation-delay: 5131ms;
}
@keyframes tail {
    0% {
        width: 0;
   }
    30% {
        width: 100px;
   }
    100% {
        width: 0;
   }
}
@keyframes shining {
    0% {
        width: 0;
   }
    50% {
        width: 30px;
   }
    100% {
        width: 0;
   }
}
@keyframes shooting {
    0% {
        transform: translateX(0);
   }
    100% {
        transform: translateX(300px);
   }
}
@keyframes sky {
    0% {
        transform: rotate(45deg);
   }
    100% {
        transform: rotate(405deg);
   }
}