/* STARS */
.bg-stars {
    position: sticky;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 100vh;
    /* background-image: radial-gradient(center, ellipse cover, #27364f 0%, #112 50%, #112 100%);
    background: -moz-radial-gradient(center, ellipse cover, #27364f 0%, #112 50%, #112 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #27364f), color-stop(50%, #112), color-stop(100%, #112));
    background: -webkit-radial-gradient(center, ellipse cover, #27364f 0%, #112 50%, #112 100%);
    background: -o-radial-gradient(center, ellipse cover, #27364f 0%, #112 50%, #112 100%);
    background: -ms-radial-gradient(center, ellipse cover, #27364f 0%, #112 50%, #112 100%);
    filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=' #27364f ', endColorstr=' #112 ',GradientType=1 )';
    background-position: 50% 0%;
    background-size: 150vmax 150vmax;
    background-repeat: no-repeat;
    background-color: #112; */
}

.bg-stars .star-box {
    position: absolute;
    animation: stars linear infinite;
}

.bg-stars .star-box .star {
    animation: twinkle linear infinite;
    border-radius: 100%;
    transform: translateZ(0);
}

.bg-stars .star-box:nth-child(0) {
    width: 1px;
    height: 1px;
    left: 27.5vw;
    animation-delay: -981.2s;
    animation-duration: 66.6s;
}

.bg-stars .star-box:nth-child(0) .star {
    width: inherit;
    height: inherit;
    animation-delay: -48.3s;
    animation-duration: 11.6s;
    background: rgba(247, 208, 180, 0.9);
}

.bg-stars .star-box:nth-child(1) {
    width: 2px;
    height: 2px;
    left: 42vw;
    animation-delay: -999.9s;
    animation-duration: 158s;
}

.bg-stars .star-box:nth-child(1) .star {
    width: inherit;
    height: inherit;
    animation-delay: -40.2s;
    animation-duration: 43.9s;
    background: rgba(212, 188, 149, 0.8);
}

.bg-stars .star-box:nth-child(2) {
    width: 2px;
    height: 2px;
    left: 64.5vw;
    animation-delay: -991.2s;
    animation-duration: 68.4s;
}

.bg-stars .star-box:nth-child(2) .star {
    width: inherit;
    height: inherit;
    animation-delay: -43.8s;
    animation-duration: 37.9s;
    background: rgba(204, 220, 127, 0.8);
}

.bg-stars .star-box:nth-child(3) {
    width: 2px;
    height: 2px;
    left: 48vw;
    animation-delay: -997.9s;
    animation-duration: 188s;
}

.bg-stars .star-box:nth-child(3) .star {
    width: inherit;
    height: inherit;
    animation-delay: -49.2s;
    animation-duration: 24.6s;
    background: rgba(221, 154, 103, 0.9);
}

.bg-stars .star-box:nth-child(4) {
    width: 2px;
    height: 2px;
    left: 50.5vw;
    animation-delay: -996.6s;
    animation-duration: 82.9s;
}

.bg-stars .star-box:nth-child(4) .star {
    width: inherit;
    height: inherit;
    animation-delay: -44.7s;
    animation-duration: 35.1s;
    background: rgba(238, 200, 161, 0.9);
}

.bg-stars .star-box:nth-child(5) {
    width: 3px;
    height: 3px;
    left: 27vw;
    animation-delay: -995.4s;
    animation-duration: 124.66666666666667s;
}

.bg-stars .star-box:nth-child(5) .star {
    width: inherit;
    height: inherit;
    animation-delay: -40.1s;
    animation-duration: 28.4s;
    background: rgba(241, 184, 173, 0.7);
}

.bg-stars .star-box:nth-child(6) {
    width: 3px;
    height: 3px;
    left: 9.5vw;
    animation-delay: -998.1333333333333s;
    animation-duration: 43.6s;
}

.bg-stars .star-box:nth-child(6) .star {
    width: inherit;
    height: inherit;
    animation-delay: -47.7s;
    animation-duration: 38s;
    background: rgba(234, 217, 166, 0.9);
}

.bg-stars .star-box:nth-child(7) {
    width: 1px;
    height: 1px;
    left: 23.5vw;
    animation-delay: -998.6s;
    animation-duration: 216.2s;
}

.bg-stars .star-box:nth-child(7) .star {
    width: inherit;
    height: inherit;
    animation-delay: -44.5s;
    animation-duration: 5s;
    background: rgba(249, 166, 234, 0.7);
}

.bg-stars .star-box:nth-child(8) {
    width: 3px;
    height: 3px;
    left: 20vw;
    animation-delay: -997.9333333333333s;
    animation-duration: 70.13333333333334s;
}

.bg-stars .star-box:nth-child(8) .star {
    width: inherit;
    height: inherit;
    animation-delay: -40.7s;
    animation-duration: 37.5s;
    background: rgba(205, 182, 241, 0.9);
}

.bg-stars .star-box:nth-child(9) {
    width: 3px;
    height: 3px;
    left: 82vw;
    animation-delay: -995.8666666666667s;
    animation-duration: 116.60000000000001s;
}

.bg-stars .star-box:nth-child(9) .star {
    width: inherit;
    height: inherit;
    animation-delay: -48.5s;
    animation-duration: 19.2s;
    background: rgba(243, 182, 211, 0.7);
}

.bg-stars .star-box:nth-child(10) {
    width: 3px;
    height: 3px;
    left: 63.5vw;
    animation-delay: -998.7333333333333s;
    animation-duration: 97.66666666666667s;
}

.bg-stars .star-box:nth-child(10) .star {
    width: inherit;
    height: inherit;
    animation-delay: -48s;
    animation-duration: 25.1s;
    background: rgba(227, 201, 250, 0.9);
}

.bg-stars .star-box:nth-child(11) {
    width: 3px;
    height: 3px;
    left: 57vw;
    animation-delay: -996.2s;
    animation-duration: 91s;
}

.bg-stars .star-box:nth-child(11) .star {
    width: inherit;
    height: inherit;
    animation-delay: -44.6s;
    animation-duration: 18.1s;
    background: rgba(225, 176, 131, 0.7);
}

.bg-stars .star-box:nth-child(12) {
    width: 3px;
    height: 3px;
    left: 92.5vw;
    animation-delay: -999.1333333333333s;
    animation-duration: 64.8s;
}

.bg-stars .star-box:nth-child(12) .star {
    width: inherit;
    height: inherit;
    animation-delay: -47.3s;
    animation-duration: 31.4s;
    background: #d8faa7;
}

.bg-stars .star-box:nth-child(13) {
    width: 3px;
    height: 3px;
    left: 55.5vw;
    animation-delay: -993.3333333333334s;
    animation-duration: 64.2s;
}

.bg-stars .star-box:nth-child(13) .star {
    width: inherit;
    height: inherit;
    animation-delay: -46s;
    animation-duration: 24.6s;
    background: rgba(204, 178, 254, 0.8);
}

.bg-stars .star-box:nth-child(14) {
    width: 3px;
    height: 3px;
    left: 0.5vw;
    animation-delay: -997.2666666666667s;
    animation-duration: 129.20000000000002s;
}

.bg-stars .star-box:nth-child(14) .star {
    width: inherit;
    height: inherit;
    animation-delay: -41.1s;
    animation-duration: 44.2s;
    background: rgba(255, 183, 252, 0.7);
}

.bg-stars .star-box:nth-child(15) {
    width: 3px;
    height: 3px;
    left: 11.5vw;
    animation-delay: -996.0666666666667s;
    animation-duration: 64.60000000000001s;
}

.bg-stars .star-box:nth-child(15) .star {
    width: inherit;
    height: inherit;
    animation-delay: -41.3s;
    animation-duration: 26s;
    background: #dee1d6;
}

.bg-stars .star-box:nth-child(16) {
    width: 2px;
    height: 2px;
    left: 74vw;
    animation-delay: -995.7s;
    animation-duration: 161.3s;
}

.bg-stars .star-box:nth-child(16) .star {
    width: inherit;
    height: inherit;
    animation-delay: -45.6s;
    animation-duration: 44s;
    background: rgba(221, 219, 174, 0.8);
}

.bg-stars .star-box:nth-child(17) {
    width: 2px;
    height: 2px;
    left: 0vw;
    animation-delay: -999.1s;
    animation-duration: 67.6s;
}

.bg-stars .star-box:nth-child(17) .star {
    width: inherit;
    height: inherit;
    animation-delay: -40.5s;
    animation-duration: 24s;
    background: rgba(215, 188, 218, 0.7);
}

.bg-stars .star-box:nth-child(18) {
    width: 2px;
    height: 2px;
    left: 55vw;
    animation-delay: -999.1s;
    animation-duration: 85.4s;
}

.bg-stars .star-box:nth-child(18) .star {
    width: inherit;
    height: inherit;
    animation-delay: -46.5s;
    animation-duration: 18.2s;
    background: rgba(202, 214, 153, 0.8);
}

.bg-stars .star-box:nth-child(19) {
    width: 2px;
    height: 2px;
    left: 66.5vw;
    animation-delay: -991.6s;
    animation-duration: 106.8s;
}

.bg-stars .star-box:nth-child(19) .star {
    width: inherit;
    height: inherit;
    animation-delay: -42s;
    animation-duration: 35.5s;
    background: rgba(243, 157, 119, 0.7);
}

.bg-stars .star-box:nth-child(20) {
    width: 1px;
    height: 1px;
    left: 0vw;
    animation-delay: -995s;
    animation-duration: 149.2s;
}

.bg-stars .star-box:nth-child(20) .star {
    width: inherit;
    height: inherit;
    animation-delay: -47.7s;
    animation-duration: 8.4s;
    background: rgba(232, 151, 187, 0.9);
}

.bg-stars .star-box:nth-child(21) {
    width: 1px;
    height: 1px;
    left: 8vw;
    animation-delay: -990s;
    animation-duration: 150.2s;
}

.bg-stars .star-box:nth-child(21) .star {
    width: inherit;
    height: inherit;
    animation-delay: -40.4s;
    animation-duration: 41.8s;
    background: rgba(213, 206, 246, 0.8);
}

.bg-stars .star-box:nth-child(22) {
    width: 1px;
    height: 1px;
    left: 11.5vw;
    animation-delay: -990.2s;
    animation-duration: 355.6s;
}

.bg-stars .star-box:nth-child(22) .star {
    width: inherit;
    height: inherit;
    animation-delay: -49.7s;
    animation-duration: 35s;
    background: rgba(227, 163, 219, 0.8);
}

.bg-stars .star-box:nth-child(23) {
    width: 3px;
    height: 3px;
    left: 4.5vw;
    animation-delay: -996.6s;
    animation-duration: 85.53333333333335s;
}

.bg-stars .star-box:nth-child(23) .star {
    width: inherit;
    height: inherit;
    animation-delay: -44.2s;
    animation-duration: 19.3s;
    background: rgba(220, 194, 124, 0.9);
}

.bg-stars .star-box:nth-child(24) {
    width: 3px;
    height: 3px;
    left: 47vw;
    animation-delay: -998.1333333333333s;
    animation-duration: 103.46666666666665s;
}

.bg-stars .star-box:nth-child(24) .star {
    width: inherit;
    height: inherit;
    animation-delay: -45.1s;
    animation-duration: 29s;
    background: rgba(217, 210, 211, 0.8);
}

.bg-stars .star-box:nth-child(25) {
    width: 1px;
    height: 1px;
    left: 16vw;
    animation-delay: -982s;
    animation-duration: 64.6s;
}

.bg-stars .star-box:nth-child(25) .star {
    width: inherit;
    height: inherit;
    animation-delay: -49.2s;
    animation-duration: 49.3s;
    background: rgba(222, 228, 177, 0.7);
}

.bg-stars .star-box:nth-child(26) {
    width: 1px;
    height: 1px;
    left: 64.5vw;
    animation-delay: -984.8s;
    animation-duration: 153.6s;
}

.bg-stars .star-box:nth-child(26) .star {
    width: inherit;
    height: inherit;
    animation-delay: -49.1s;
    animation-duration: 39.7s;
    background: rgba(238, 228, 224, 0.8);
}

.bg-stars .star-box:nth-child(27) {
    width: 3px;
    height: 3px;
    left: 64.5vw;
    animation-delay: -999.4666666666667s;
    animation-duration: 118.53333333333335s;
}

.bg-stars .star-box:nth-child(27) .star {
    width: inherit;
    height: inherit;
    animation-delay: -43.2s;
    animation-duration: 29.3s;
    background: rgba(243, 213, 209, 0.8);
}

.bg-stars .star-box:nth-child(28) {
    width: 2px;
    height: 2px;
    left: 40.5vw;
    animation-delay: -992.7s;
    animation-duration: 56.4s;
}

.bg-stars .star-box:nth-child(28) .star {
    width: inherit;
    height: inherit;
    animation-delay: -40.8s;
    animation-duration: 44.8s;
    background: rgba(227, 205, 155, 0.8);
}

.bg-stars .star-box:nth-child(29) {
    width: 3px;
    height: 3px;
    left: 24vw;
    animation-delay: -997s;
    animation-duration: 81.8s;
}

.bg-stars .star-box:nth-child(29) .star {
    width: inherit;
    height: inherit;
    animation-delay: -44.5s;
    animation-duration: 5s;
    background: rgba(214, 208, 198, 0.9);
}

.bg-stars .star-box:nth-child(30) {
    width: 3px;
    height: 3px;
    left: 58vw;
    animation-delay: -997.4666666666667s;
    animation-duration: 66.2s;
}

.bg-stars .star-box:nth-child(30) .star {
    width: inherit;
    height: inherit;
    animation-delay: -48s;
    animation-duration: 25.3s;
    background: #f6c7ec;
}

.bg-stars .star-box:nth-child(31) {
    width: 1px;
    height: 1px;
    left: 8.5vw;
    animation-delay: -998.2s;
    animation-duration: 179s;
}

.bg-stars .star-box:nth-child(31) .star {
    width: inherit;
    height: inherit;
    animation-delay: -44.7s;
    animation-duration: 46.9s;
    background: #cfddb9;
}

.bg-stars .star-box:nth-child(32) {
    width: 2px;
    height: 2px;
    left: 47.5vw;
    animation-delay: -995.5s;
    animation-duration: 157.6s;
}

.bg-stars .star-box:nth-child(32) .star {
    width: inherit;
    height: inherit;
    animation-delay: -42.3s;
    animation-duration: 27.6s;
    background: rgba(226, 253, 255, 0.8);
}

.bg-stars .star-box:nth-child(33) {
    width: 1px;
    height: 1px;
    left: 58vw;
    animation-delay: -988.4s;
    animation-duration: 392.4s;
}

.bg-stars .star-box:nth-child(33) .star {
    width: inherit;
    height: inherit;
    animation-delay: -43s;
    animation-duration: 11.4s;
    background: rgba(229, 199, 233, 0.7);
}

.bg-stars .star-box:nth-child(34) {
    width: 3px;
    height: 3px;
    left: 77vw;
    animation-delay: -996.2s;
    animation-duration: 88.93333333333334s;
}

.bg-stars .star-box:nth-child(34) .star {
    width: inherit;
    height: inherit;
    animation-delay: -48s;
    animation-duration: 30.5s;
    background: rgba(209, 167, 179, 0.8);
}

.bg-stars .star-box:nth-child(35) {
    width: 2px;
    height: 2px;
    left: 38.5vw;
    animation-delay: -996.4s;
    animation-duration: 45.5s;
}

.bg-stars .star-box:nth-child(35) .star {
    width: inherit;
    height: inherit;
    animation-delay: -48.2s;
    animation-duration: 42.5s;
    background: rgba(232, 198, 125, 0.7);
}

.bg-stars .star-box:nth-child(36) {
    width: 2px;
    height: 2px;
    left: 82vw;
    animation-delay: -997.5s;
    animation-duration: 33.4s;
}

.bg-stars .star-box:nth-child(36) .star {
    width: inherit;
    height: inherit;
    animation-delay: -43.3s;
    animation-duration: 25.7s;
    background: rgba(229, 255, 237, 0.8);
}

.bg-stars .star-box:nth-child(37) {
    width: 1px;
    height: 1px;
    left: 54vw;
    animation-delay: -992.6s;
    animation-duration: 301.4s;
}

.bg-stars .star-box:nth-child(37) .star {
    width: inherit;
    height: inherit;
    animation-delay: -44.2s;
    animation-duration: 10.4s;
    background: rgba(233, 213, 156, 0.8);
}

.bg-stars .star-box:nth-child(38) {
    width: 2px;
    height: 2px;
    left: 22.5vw;
    animation-delay: -998.3s;
    animation-duration: 27.1s;
}

.bg-stars .star-box:nth-child(38) .star {
    width: inherit;
    height: inherit;
    animation-delay: -46.9s;
    animation-duration: 24.3s;
    background: rgba(251, 190, 211, 0.8);
}

.bg-stars .star-box:nth-child(39) {
    width: 1px;
    height: 1px;
    left: 30vw;
    animation-delay: -998s;
    animation-duration: 315s;
}

.bg-stars .star-box:nth-child(39) .star {
    width: inherit;
    height: inherit;
    animation-delay: -45.4s;
    animation-duration: 32.9s;
    background: rgba(229, 161, 128, 0.9);
}

.bg-stars .star-box:nth-child(40) {
    width: 3px;
    height: 3px;
    left: 35vw;
    animation-delay: -999.7333333333333s;
    animation-duration: 20.599999999999998s;
}

.bg-stars .star-box:nth-child(40) .star {
    width: inherit;
    height: inherit;
    animation-delay: -48.1s;
    animation-duration: 49.2s;
    background: #f3a0ed;
}

.bg-stars .star-box:nth-child(41) {
    width: 1px;
    height: 1px;
    left: 55.5vw;
    animation-delay: -996.6s;
    animation-duration: 88.8s;
}

.bg-stars .star-box:nth-child(41) .star {
    width: inherit;
    height: inherit;
    animation-delay: -42.9s;
    animation-duration: 22.4s;
    background: #f0d696;
}

.bg-stars .star-box:nth-child(42) {
    width: 2px;
    height: 2px;
    left: 60vw;
    animation-delay: -999.2s;
    animation-duration: 62.5s;
}

.bg-stars .star-box:nth-child(42) .star {
    width: inherit;
    height: inherit;
    animation-delay: -46.7s;
    animation-duration: 37.2s;
    background: #d7b8e8;
}

.bg-stars .star-box:nth-child(43) {
    width: 1px;
    height: 1px;
    left: 28.5vw;
    animation-delay: -999.8s;
    animation-duration: 312.2s;
}

.bg-stars .star-box:nth-child(43) .star {
    width: inherit;
    height: inherit;
    animation-delay: -48.8s;
    animation-duration: 40.4s;
    background: rgba(246, 183, 140, 0.7);
}

.bg-stars .star-box:nth-child(44) {
    width: 1px;
    height: 1px;
    left: 85.5vw;
    animation-delay: -988.4s;
    animation-duration: 144.6s;
}

.bg-stars .star-box:nth-child(44) .star {
    width: inherit;
    height: inherit;
    animation-delay: -46.9s;
    animation-duration: 20.8s;
    background: #c8bd8b;
}

.bg-stars .star-box:nth-child(45) {
    width: 2px;
    height: 2px;
    left: 79.5vw;
    animation-delay: -996.7s;
    animation-duration: 143.8s;
}

.bg-stars .star-box:nth-child(45) .star {
    width: inherit;
    height: inherit;
    animation-delay: -46.2s;
    animation-duration: 33s;
    background: #e0dcd5;
}

.bg-stars .star-box:nth-child(46) {
    width: 2px;
    height: 2px;
    left: 65vw;
    animation-delay: -998.2s;
    animation-duration: 103.9s;
}

.bg-stars .star-box:nth-child(46) .star {
    width: inherit;
    height: inherit;
    animation-delay: -40.4s;
    animation-duration: 24.8s;
    background: #fc9d97;
}

.bg-stars .star-box:nth-child(47) {
    width: 3px;
    height: 3px;
    left: 88vw;
    animation-delay: -996s;
    animation-duration: 38.4s;
}

.bg-stars .star-box:nth-child(47) .star {
    width: inherit;
    height: inherit;
    animation-delay: -47.1s;
    animation-duration: 19.7s;
    background: rgba(242, 221, 100, 0.9);
}

.bg-stars .star-box:nth-child(48) {
    width: 2px;
    height: 2px;
    left: 64.5vw;
    animation-delay: -993.2s;
    animation-duration: 115.4s;
}

.bg-stars .star-box:nth-child(48) .star {
    width: inherit;
    height: inherit;
    animation-delay: -44s;
    animation-duration: 40.9s;
    background: rgba(239, 150, 157, 0.9);
}

.bg-stars .star-box:nth-child(49) {
    width: 1px;
    height: 1px;
    left: 73vw;
    animation-delay: -980.2s;
    animation-duration: 89.4s;
}

.bg-stars .star-box:nth-child(49) .star {
    width: inherit;
    height: inherit;
    animation-delay: -40.5s;
    animation-duration: 23.5s;
    background: rgba(239, 190, 207, 0.7);
}

.bg-stars .star-box:nth-child(50) {
    width: 3px;
    height: 3px;
    left: 41.5vw;
    animation-delay: -995.0666666666667s;
    animation-duration: 48.6s;
}

.bg-stars .star-box:nth-child(50) .star {
    width: inherit;
    height: inherit;
    animation-delay: -47.8s;
    animation-duration: 33.8s;
    background: rgba(214, 220, 220, 0.9);
}

.bg-stars .star-box:nth-child(51) {
    width: 2px;
    height: 2px;
    left: 44.5vw;
    animation-delay: -995.1s;
    animation-duration: 68.3s;
}

.bg-stars .star-box:nth-child(51) .star {
    width: inherit;
    height: inherit;
    animation-delay: -40.5s;
    animation-duration: 33.7s;
    background: rgba(222, 157, 197, 0.8);
}

.bg-stars .star-box:nth-child(52) {
    width: 1px;
    height: 1px;
    left: 94vw;
    animation-delay: -984.6s;
    animation-duration: 290s;
}

.bg-stars .star-box:nth-child(52) .star {
    width: inherit;
    height: inherit;
    animation-delay: -46.2s;
    animation-duration: 46.9s;
    background: rgba(219, 174, 226, 0.7);
}

.bg-stars .star-box:nth-child(53) {
    width: 1px;
    height: 1px;
    left: 0.5vw;
    animation-delay: -992.6s;
    animation-duration: 131s;
}

.bg-stars .star-box:nth-child(53) .star {
    width: inherit;
    height: inherit;
    animation-delay: -46.7s;
    animation-duration: 38.6s;
    background: #eabcb0;
}

.bg-stars .star-box:nth-child(54) {
    width: 2px;
    height: 2px;
    left: 18.5vw;
    animation-delay: -996.3s;
    animation-duration: 31.9s;
}

.bg-stars .star-box:nth-child(54) .star {
    width: inherit;
    height: inherit;
    animation-delay: -45.7s;
    animation-duration: 11.1s;
    background: rgba(204, 239, 133, 0.8);
}

.bg-stars .star-box:nth-child(55) {
    width: 2px;
    height: 2px;
    left: 37.5vw;
    animation-delay: -992.3s;
    animation-duration: 196.5s;
}

.bg-stars .star-box:nth-child(55) .star {
    width: inherit;
    height: inherit;
    animation-delay: -43.9s;
    animation-duration: 16.8s;
    background: #e29df8;
}

.bg-stars .star-box:nth-child(56) {
    width: 1px;
    height: 1px;
    left: 100vw;
    animation-delay: -985s;
    animation-duration: 135.8s;
}

.bg-stars .star-box:nth-child(56) .star {
    width: inherit;
    height: inherit;
    animation-delay: -43.2s;
    animation-duration: 45.6s;
    background: rgba(201, 211, 240, 0.7);
}

.bg-stars .star-box:nth-child(57) {
    width: 1px;
    height: 1px;
    left: 18.5vw;
    animation-delay: -997.4s;
    animation-duration: 132.8s;
}

.bg-stars .star-box:nth-child(57) .star {
    width: inherit;
    height: inherit;
    animation-delay: -45.2s;
    animation-duration: 28.4s;
    background: rgba(204, 246, 144, 0.8);
}

.bg-stars .star-box:nth-child(58) {
    width: 1px;
    height: 1px;
    left: 72vw;
    animation-delay: -984.8s;
    animation-duration: 189.2s;
}

.bg-stars .star-box:nth-child(58) .star {
    width: inherit;
    height: inherit;
    animation-delay: -49.9s;
    animation-duration: 46s;
    background: rgba(239, 153, 225, 0.9);
}

.bg-stars .star-box:nth-child(59) {
    width: 2px;
    height: 2px;
    left: 19.5vw;
    animation-delay: -990.7s;
    animation-duration: 74.8s;
}

.bg-stars .star-box:nth-child(59) .star {
    width: inherit;
    height: inherit;
    animation-delay: -45.2s;
    animation-duration: 39.2s;
    background: #fef5b7;
}

.bg-stars .star-box:nth-child(60) {
    width: 2px;
    height: 2px;
    left: 12.5vw;
    animation-delay: -999.9s;
    animation-duration: 106.1s;
}

.bg-stars .star-box:nth-child(60) .star {
    width: inherit;
    height: inherit;
    animation-delay: -49.5s;
    animation-duration: 44.4s;
    background: #eee5a3;
}

.bg-stars .star-box:nth-child(61) {
    width: 1px;
    height: 1px;
    left: 53vw;
    animation-delay: -982.4s;
    animation-duration: 84s;
}

.bg-stars .star-box:nth-child(61) .star {
    width: inherit;
    height: inherit;
    animation-delay: -46s;
    animation-duration: 30.7s;
    background: rgba(216, 216, 224, 0.8);
}

.bg-stars .star-box:nth-child(62) {
    width: 2px;
    height: 2px;
    left: 72vw;
    animation-delay: -997.3s;
    animation-duration: 66s;
}

.bg-stars .star-box:nth-child(62) .star {
    width: inherit;
    height: inherit;
    animation-delay: -47.4s;
    animation-duration: 38.3s;
    background: rgba(212, 175, 242, 0.9);
}

.bg-stars .star-box:nth-child(63) {
    width: 3px;
    height: 3px;
    left: 67.5vw;
    animation-delay: -997.6666666666666s;
    animation-duration: 19.466666666666665s;
}

.bg-stars .star-box:nth-child(63) .star {
    width: inherit;
    height: inherit;
    animation-delay: -41.6s;
    animation-duration: 9.1s;
    background: #eebeec;
}

.bg-stars .star-box:nth-child(64) {
    width: 3px;
    height: 3px;
    left: 16.5vw;
    animation-delay: -999.4666666666667s;
    animation-duration: 131.26666666666668s;
}

.bg-stars .star-box:nth-child(64) .star {
    width: inherit;
    height: inherit;
    animation-delay: -49.9s;
    animation-duration: 46s;
    background: rgba(222, 240, 245, 0.7);
}

.bg-stars .star-box:nth-child(65) {
    width: 3px;
    height: 3px;
    left: 91.5vw;
    animation-delay: -993.9333333333333s;
    animation-duration: 86.13333333333333s;
}

.bg-stars .star-box:nth-child(65) .star {
    width: inherit;
    height: inherit;
    animation-delay: -44.1s;
    animation-duration: 21s;
    background: rgba(249, 155, 192, 0.8);
}

.bg-stars .star-box:nth-child(66) {
    width: 3px;
    height: 3px;
    left: 90vw;
    animation-delay: -999.0666666666667s;
    animation-duration: 98s;
}

.bg-stars .star-box:nth-child(66) .star {
    width: inherit;
    height: inherit;
    animation-delay: -44s;
    animation-duration: 35.7s;
    background: rgba(209, 150, 203, 0.9);
}

.bg-stars .star-box:nth-child(67) {
    width: 3px;
    height: 3px;
    left: 65.5vw;
    animation-delay: -997.3333333333334s;
    animation-duration: 54.46666666666667s;
}

.bg-stars .star-box:nth-child(67) .star {
    width: inherit;
    height: inherit;
    animation-delay: -45.9s;
    animation-duration: 5.6s;
    background: #f1a5cb;
}

.bg-stars .star-box:nth-child(68) {
    width: 1px;
    height: 1px;
    left: 4vw;
    animation-delay: -991.4s;
    animation-duration: 131.8s;
}

.bg-stars .star-box:nth-child(68) .star {
    width: inherit;
    height: inherit;
    animation-delay: -40.4s;
    animation-duration: 18.8s;
    background: #d7c1d9;
}

.bg-stars .star-box:nth-child(69) {
    width: 1px;
    height: 1px;
    left: 42.5vw;
    animation-delay: -987.4s;
    animation-duration: 397.4s;
}

.bg-stars .star-box:nth-child(69) .star {
    width: inherit;
    height: inherit;
    animation-delay: -47.1s;
    animation-duration: 39.5s;
    background: rgba(244, 250, 157, 0.8);
}

.bg-stars .star-box:nth-child(70) {
    width: 3px;
    height: 3px;
    left: 5vw;
    animation-delay: -996.2s;
    animation-duration: 58.333333333333336s;
}

.bg-stars .star-box:nth-child(70) .star {
    width: inherit;
    height: inherit;
    animation-delay: -43.9s;
    animation-duration: 40.2s;
    background: #d1bcf7;
}

.bg-stars .star-box:nth-child(71) {
    width: 1px;
    height: 1px;
    left: 43.5vw;
    animation-delay: -986s;
    animation-duration: 62.8s;
}

.bg-stars .star-box:nth-child(71) .star {
    width: inherit;
    height: inherit;
    animation-delay: -44.5s;
    animation-duration: 7.7s;
    background: rgba(208, 189, 213, 0.7);
}

.bg-stars .star-box:nth-child(72) {
    width: 3px;
    height: 3px;
    left: 16.5vw;
    animation-delay: -996.6s;
    animation-duration: 54.800000000000004s;
}

.bg-stars .star-box:nth-child(72) .star {
    width: inherit;
    height: inherit;
    animation-delay: -48.9s;
    animation-duration: 41.2s;
    background: #e09ffe;
}

.bg-stars .star-box:nth-child(73) {
    width: 3px;
    height: 3px;
    left: 97.5vw;
    animation-delay: -995.2666666666667s;
    animation-duration: 55.73333333333333s;
}

.bg-stars .star-box:nth-child(73) .star {
    width: inherit;
    height: inherit;
    animation-delay: -44.8s;
    animation-duration: 21.2s;
    background: #f3a677;
}

.bg-stars .star-box:nth-child(74) {
    width: 1px;
    height: 1px;
    left: 2.5vw;
    animation-delay: -983.4s;
    animation-duration: 228.8s;
}

.bg-stars .star-box:nth-child(74) .star {
    width: inherit;
    height: inherit;
    animation-delay: -49.6s;
    animation-duration: 34.3s;
    background: rgba(202, 176, 148, 0.8);
}

.bg-stars .star-box:nth-child(75) {
    width: 3px;
    height: 3px;
    left: 8.5vw;
    animation-delay: -994.5333333333333s;
    animation-duration: 109.73333333333333s;
}

.bg-stars .star-box:nth-child(75) .star {
    width: inherit;
    height: inherit;
    animation-delay: -45.6s;
    animation-duration: 10.7s;
    background: rgba(252, 174, 242, 0.8);
}

.bg-stars .star-box:nth-child(76) {
    width: 3px;
    height: 3px;
    left: 98vw;
    animation-delay: -997.2s;
    animation-duration: 119.33333333333333s;
}

.bg-stars .star-box:nth-child(76) .star {
    width: inherit;
    height: inherit;
    animation-delay: -46.1s;
    animation-duration: 15.9s;
    background: rgba(212, 165, 239, 0.7);
}

.bg-stars .star-box:nth-child(77) {
    width: 1px;
    height: 1px;
    left: 82vw;
    animation-delay: -983.6s;
    animation-duration: 53.4s;
}

.bg-stars .star-box:nth-child(77) .star {
    width: inherit;
    height: inherit;
    animation-delay: -45.3s;
    animation-duration: 24.6s;
    background: rgba(212, 230, 131, 0.7);
}

.bg-stars .star-box:nth-child(78) {
    width: 3px;
    height: 3px;
    left: 49.5vw;
    animation-delay: -993.9333333333333s;
    animation-duration: 62.666666666666664s;
}

.bg-stars .star-box:nth-child(78) .star {
    width: inherit;
    height: inherit;
    animation-delay: -49.2s;
    animation-duration: 28.1s;
    background: rgba(234, 235, 117, 0.7);
}

.bg-stars .star-box:nth-child(79) {
    width: 2px;
    height: 2px;
    left: 30.5vw;
    animation-delay: -999.6s;
    animation-duration: 195s;
}

.bg-stars .star-box:nth-child(79) .star {
    width: inherit;
    height: inherit;
    animation-delay: -43.3s;
    animation-duration: 20.4s;
    background: #e99afb;
}

.bg-stars .star-box:nth-child(80) {
    width: 3px;
    height: 3px;
    left: 99vw;
    animation-delay: -995.6666666666666s;
    animation-duration: 34.800000000000004s;
}

.bg-stars .star-box:nth-child(80) .star {
    width: inherit;
    height: inherit;
    animation-delay: -42.2s;
    animation-duration: 6.9s;
    background: rgba(234, 171, 191, 0.9);
}

.bg-stars .star-box:nth-child(81) {
    width: 1px;
    height: 1px;
    left: 45vw;
    animation-delay: -995.2s;
    animation-duration: 390.4s;
}

.bg-stars .star-box:nth-child(81) .star {
    width: inherit;
    height: inherit;
    animation-delay: -43.5s;
    animation-duration: 50s;
    background: rgba(205, 216, 115, 0.9);
}

.bg-stars .star-box:nth-child(82) {
    width: 1px;
    height: 1px;
    left: 56vw;
    animation-delay: -980.4s;
    animation-duration: 273s;
}

.bg-stars .star-box:nth-child(82) .star {
    width: inherit;
    height: inherit;
    animation-delay: -46.4s;
    animation-duration: 20.4s;
    background: rgba(213, 219, 210, 0.9);
}

.bg-stars .star-box:nth-child(83) {
    width: 2px;
    height: 2px;
    left: 31.5vw;
    animation-delay: -994.7s;
    animation-duration: 178.8s;
}

.bg-stars .star-box:nth-child(83) .star {
    width: inherit;
    height: inherit;
    animation-delay: -41.7s;
    animation-duration: 23.8s;
    background: rgba(248, 223, 240, 0.8);
}

.bg-stars .star-box:nth-child(84) {
    width: 2px;
    height: 2px;
    left: 44vw;
    animation-delay: -998.3s;
    animation-duration: 59.6s;
}

.bg-stars .star-box:nth-child(84) .star {
    width: inherit;
    height: inherit;
    animation-delay: -40.7s;
    animation-duration: 8.4s;
    background: #e4ee94;
}

.bg-stars .star-box:nth-child(85) {
    width: 3px;
    height: 3px;
    left: 99.5vw;
    animation-delay: -998.2666666666667s;
    animation-duration: 81.86666666666666s;
}

.bg-stars .star-box:nth-child(85) .star {
    width: inherit;
    height: inherit;
    animation-delay: -45.1s;
    animation-duration: 20.2s;
    background: #ecf177;
}

.bg-stars .star-box:nth-child(86) {
    width: 2px;
    height: 2px;
    left: 64vw;
    animation-delay: -998.8s;
    animation-duration: 125.6s;
}

.bg-stars .star-box:nth-child(86) .star {
    width: inherit;
    height: inherit;
    animation-delay: -49.3s;
    animation-duration: 34.9s;
    background: #d99ef3;
}

.bg-stars .star-box:nth-child(87) {
    width: 2px;
    height: 2px;
    left: 29vw;
    animation-delay: -994.7s;
    animation-duration: 154.8s;
}

.bg-stars .star-box:nth-child(87) .star {
    width: inherit;
    height: inherit;
    animation-delay: -40.1s;
    animation-duration: 35.1s;
    background: #c9f986;
}

.bg-stars .star-box:nth-child(88) {
    width: 2px;
    height: 2px;
    left: 39.5vw;
    animation-delay: -994.2s;
    animation-duration: 193.5s;
}

.bg-stars .star-box:nth-child(88) .star {
    width: inherit;
    height: inherit;
    animation-delay: -40.8s;
    animation-duration: 42.5s;
    background: rgba(241, 223, 210, 0.7);
}

.bg-stars .star-box:nth-child(89) {
    width: 3px;
    height: 3px;
    left: 93vw;
    animation-delay: -999.6s;
    animation-duration: 50.6s;
}

.bg-stars .star-box:nth-child(89) .star {
    width: inherit;
    height: inherit;
    animation-delay: -46.5s;
    animation-duration: 43.5s;
    background: #e6abf0;
}

.bg-stars .star-box:nth-child(90) {
    width: 2px;
    height: 2px;
    left: 25.5vw;
    animation-delay: -992s;
    animation-duration: 113s;
}

.bg-stars .star-box:nth-child(90) .star {
    width: inherit;
    height: inherit;
    animation-delay: -44.8s;
    animation-duration: 43.4s;
    background: #ddcec0;
}

.bg-stars .star-box:nth-child(91) {
    width: 3px;
    height: 3px;
    left: 86vw;
    animation-delay: -999.6666666666666s;
    animation-duration: 77.2s;
}

.bg-stars .star-box:nth-child(91) .star {
    width: inherit;
    height: inherit;
    animation-delay: -40.1s;
    animation-duration: 30.7s;
    background: rgba(228, 187, 183, 0.9);
}

.bg-stars .star-box:nth-child(92) {
    width: 2px;
    height: 2px;
    left: 96.5vw;
    animation-delay: -992.8s;
    animation-duration: 179.2s;
}

.bg-stars .star-box:nth-child(92) .star {
    width: inherit;
    height: inherit;
    animation-delay: -43.3s;
    animation-duration: 43.3s;
    background: #dfe0c6;
}

.bg-stars .star-box:nth-child(93) {
    width: 2px;
    height: 2px;
    left: 77vw;
    animation-delay: -999.9s;
    animation-duration: 175.2s;
}

.bg-stars .star-box:nth-child(93) .star {
    width: inherit;
    height: inherit;
    animation-delay: -44.5s;
    animation-duration: 44.4s;
    background: rgba(249, 230, 223, 0.7);
}

.bg-stars .star-box:nth-child(94) {
    width: 2px;
    height: 2px;
    left: 76.5vw;
    animation-delay: -999s;
    animation-duration: 63.2s;
}

.bg-stars .star-box:nth-child(94) .star {
    width: inherit;
    height: inherit;
    animation-delay: -47.7s;
    animation-duration: 22.7s;
    background: rgba(211, 157, 133, 0.9);
}

.bg-stars .star-box:nth-child(95) {
    width: 3px;
    height: 3px;
    left: 49.5vw;
    animation-delay: -999.1333333333333s;
    animation-duration: 14.933333333333332s;
}

.bg-stars .star-box:nth-child(95) .star {
    width: inherit;
    height: inherit;
    animation-delay: -42.7s;
    animation-duration: 12.1s;
    background: #d1d695;
}

.bg-stars .star-box:nth-child(96) {
    width: 1px;
    height: 1px;
    left: 19vw;
    animation-delay: -997.6s;
    animation-duration: 294.8s;
}

.bg-stars .star-box:nth-child(96) .star {
    width: inherit;
    height: inherit;
    animation-delay: -43.8s;
    animation-duration: 8.3s;
    background: rgba(216, 254, 137, 0.9);
}

.bg-stars .star-box:nth-child(97) {
    width: 1px;
    height: 1px;
    left: 13.5vw;
    animation-delay: -994.6s;
    animation-duration: 102s;
}

.bg-stars .star-box:nth-child(97) .star {
    width: inherit;
    height: inherit;
    animation-delay: -44.7s;
    animation-duration: 48.4s;
    background: #ecee65;
}

.bg-stars .star-box:nth-child(98) {
    width: 2px;
    height: 2px;
    left: 85vw;
    animation-delay: -993.5s;
    animation-duration: 57.3s;
}

.bg-stars .star-box:nth-child(98) .star {
    width: inherit;
    height: inherit;
    animation-delay: -40.6s;
    animation-duration: 10.5s;
    background: #d2e1bf;
}

.bg-stars .star-box:nth-child(99) {
    width: 3px;
    height: 3px;
    left: 17.5vw;
    animation-delay: -999.0666666666667s;
    animation-duration: 73.2s;
}

.bg-stars .star-box:nth-child(99) .star {
    width: inherit;
    height: inherit;
    animation-delay: -44s;
    animation-duration: 38.7s;
    background: rgba(236, 185, 207, 0.9);
}

.bg-stars .star-box:nth-child(100) {
    width: 2px;
    height: 2px;
    left: 79.5vw;
    animation-delay: -992.7s;
    animation-duration: 74.1s;
}

.bg-stars .star-box:nth-child(100) .star {
    width: inherit;
    height: inherit;
    animation-delay: -48.2s;
    animation-duration: 31.9s;
    background: rgba(234, 198, 149, 0.8);
}

@-moz-keyframes stars {
    0% {
        transform: translateY(110vh) translateZ(0);
    }

    100% {
        transform: translateY(-10vh) translateZ(0);
    }
}

@-webkit-keyframes stars {
    0% {
        transform: translateY(110vh) translateZ(0);
    }

    100% {
        transform: translateY(-10vh) translateZ(0);
    }
}

@-o-keyframes stars {
    0% {
        transform: translateY(110vh) translateZ(0);
    }

    100% {
        transform: translateY(-10vh) translateZ(0);
    }
}

@keyframes stars {
    0% {
        transform: translateY(110vh) translateZ(0);
    }

    100% {
        transform: translateY(-10vh) translateZ(0);
    }
}

@-moz-keyframes twinkle {

    0%,
    80%,
    100% {
        opacity: 0.7;
        box-shadow: 0 0 0 #fff, 0 0 0 #fff;
    }

    95% {
        opacity: 1;
        box-shadow: 0 0 2px #fff, 0 0 4px #fff;
    }
}

@-webkit-keyframes twinkle {

    0%,
    80%,
    100% {
        opacity: 0.7;
        box-shadow: 0 0 0 #fff, 0 0 0 #fff;
    }

    95% {
        opacity: 1;
        box-shadow: 0 0 2px #fff, 0 0 4px #fff;
    }
}

@-o-keyframes twinkle {

    0%,
    80%,
    100% {
        opacity: 0.7;
        box-shadow: 0 0 0 #fff, 0 0 0 #fff;
    }

    95% {
        opacity: 1;
        box-shadow: 0 0 2px #fff, 0 0 4px #fff;
    }
}

@keyframes twinkle {

    0%,
    80%,
    100% {
        opacity: 0.7;
        box-shadow: 0 0 0 #fff, 0 0 0 #fff;
    }

    95% {
        opacity: 1;
        box-shadow: 0 0 2px #fff, 0 0 4px #fff;
    }
}

/* SHOOTING STARS */

@keyframes animateBg {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }
}

.cont-shooting-stars span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1), 0 0 0 8px rgba(255, 255, 255, 0.1), 0 0 20px rgba(255, 255, 255, 0.1);
    animation: shooting 3s linear infinite;
}

.cont-shooting-stars span::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 300px;
    height: 1px;
    background: linear-gradient(90deg, #fff, transparent);
}

@keyframes shooting {
    0% {
        transform: rotate(315deg) translateX(0);
        opacity: 1;
    }

    70% {
        opacity: 1;
    }

    100% {
        transform: rotate(315deg) translateX(-1000px);
        opacity: 0;
    }
}

.cont-shooting-stars span:nth-child(1) {
    top: 0;
    right: 50%;
    left: initial;
    animation-delay: 6s;
    animation-duration: 4s;
    animation-iteration-count: 2;
}

.cont-shooting-stars span:nth-child(2) {
    top: 0;
    right: 80%;
    left: initial;
    animation-delay: 12s;
    animation-duration: 3s;
}

.cont-shooting-stars span:nth-child(3) {
    top: 80;
    right: 0px;
    left: initial;
    animation-delay: 1.75s;
    animation-duration: 1.25s;
}

.cont-shooting-stars span:nth-child(4) {
    top: 0;
    right: 180px;
    left: initial;
    animation-delay: 0.6s;
    animation-duration: 1.5s;
}

.cont-shooting-stars span:nth-child(5) {
    top: 0;
    right: 400px;
    left: initial;
    animation-delay: 0.8s;
    animation-duration: 2.5s;
}

.cont-shooting-stars span:nth-child(6) {
    top: 0;
    right: 600px;
    left: initial;
    animation-delay: 1s;
    animation-duration: 3s;
}

.cont-shooting-stars  span:nth-child(7) {
    top: 300px;
    right: 0px;
    left: initial;
    animation-delay: 1.2s;
    animation-duration: 1.75s;
}

.cont-shooting-stars span:nth-child(8) {
    top: 0px;
    right: 700px;
    left: initial;
    animation-delay: 1.4s;
    animation-duration: 1.25s;
}

.cont-shooting-stars span:nth-child(9) {
    top: 0px;
    right: 1000px;
    left: initial;
    animation-delay: 0.75s;
    animation-duration: 2.25s;
}

.cont-shooting-stars span:nth-child(10) {
    top: 0px;
    right: 450px;
    left: initial;
    animation-delay: 2.75s;
    animation-duration: 2.75s;
}