body {
  background: #32292F;
  padding:25px;
  width:90vw;
  margin: 0;
  height: 100vh;
  color: white;
  justify-content: center;
  align-items: center;
  animation: bg 5s;
}
.body{
  font-family: sans-serif;
  background-image: url("zpherobg.png");
  backdrop-filter:hue-rotate(0deg);
  background-size:cover;
  background-attachment:fixed;
  animation: bgcolor 200s infinite;
}

a{
	color:#FFF;
}

button{
    background:#000;
    border: 1px solid #fff;
    border-radius:10px;
    color:#FFF;
    padding:5px;

}

.nav{
  background:#000;	
  width: 75%;
  height: 18px;
  clear: both;
  border-radius:10px;
  animation-name:navbar1;
  animation-duration:3s;
}
.nav li {

  font-weight:bolder;
  margin-top:-10px;
  box-shadow:5px;
  float: left;
  clear: none;
  display:inline-block;
  display:flexbox;
}

.nav button{
	 rotate:24deg;
}
.nav button:hover{
  rotate:0deg;
  font-weight:bolder;
  margin-top:5px;
  margin-bottom:10px;
  box-shadow:5px;
  float:left;
  clear: none;
  display:inline-block;
  display:flexbox;
  transition: 1s;
}
.page{
	width:60vw;
	float:right;
	border-radius:10px;
	background:rgba(0,0,0,0.8);
	min-height:35vw;
	overflow:visible;
	height:auto;
	padding:25px;
	margin-top:20px;
	animation: fader 3s;
	display:block;
	filter: drop-shadow(10px 10px 4px rgba(0,0,0,0.9));
}
@keyframes fader{
	0%{opacity:0;
	}
	100%{opacity:1;
	}
}

@keyframes bg {
	0% {

	}
	100%{
		background-position-y: 0;
		transform: rotateY(0deg);
}
}
@keyframes bgcolor {
	0% {
		backdrop-filter:hue-rotate(0deg);
	}
	100%{
		backdrop-filter:hue-rotate(360deg);
}
}

@keyframes navbar1 {
	0% {
		transform: scaleX(0);
		transform-origin: 0% 0%;
	}

	100% {
		transform: scaleX(1);
		transform-origin: 0% 0%;
	}
}
@keyframes navbar2{
	0% {
		transform: scaleX(0);
		transform-origin: 0% 0%;
	}

	100% {
		transform: scaleX(1);
		transform-origin: 0% 0%;
	}
}

        .sphere-container {
            position: relative;
			margin-top:calc(40vh);
            width: 1px;
            height: 1px;
           transform-style: preserve-3d;
            animation: rotate 20s infinite linear both	; /* Faster rotation for visibility */
			z-index:-999;
        }

        @keyframes rotate {
            0% { transform: rotateY(0deg); }
			50%{ transform: rotateY(-180deg) ;}
            100% { transform: rotateY(-360deg);}
        }

        .particle {
            position: absolute;
            width: 6px;
			filter:hue-rotate(90deg);
            height: 6px;
            background: rgba(255, 255, 255, 0.8);
            border-radius: 100%;
            box-shadow: 0 0 10px rgba(255, 255, 255, 1);
            transform-style: preserve-3d;
			animation: particle 10s linear both;
			color:rgba(255, 255, 255, 0.8);
        }
		@keyframes particle{
		0% { filter: hue-rotate(360deg);
opacity:50%;
color:rgba(255, 255, 255, 0.0);		}
    100% {  filter: hue-rotate(0deg); 
	opacity:100%;
	color:rgba(255, 255, 255, 0.8);}
		}
        /* 20 latitudes (-85° to 85°, ~9° steps) x 18 longitudes (0° to 340°, 20° steps) */
        /* Radius: 25vw */
        /* Latitude -85° */
		
        
        .particle:nth-child(1) { transform: rotateY(0deg) rotateX(-85deg) translateZ(25vw); }
        .particle:nth-child(2) { transform: rotateY(20deg) rotateX(85deg) translateZ(25vw); }
        .particle:nth-child(3) { transform: rotateY(40deg) rotateX(-85deg) translateZ(25vw); }
        .particle:nth-child(4) { transform: rotateY(60deg) rotateX(85deg) translateZ(25vw); }
        .particle:nth-child(5) { transform: rotateY(80deg) rotateX(-85deg) translateZ(25vw); }
        .particle:nth-child(6) { transform: rotateY(100deg) rotateX(85deg) translateZ(25vw); }
        .particle:nth-child(7) { transform: rotateY(120deg) rotateX(-85deg) translateZ(25vw); }
        .particle:nth-child(8) { transform: rotateY(140deg) rotateX(85deg) translateZ(25vw); }
        .particle:nth-child(9) { transform: rotateY(160deg) rotateX(-85deg) translateZ(25vw); }
        .particle:nth-child(10) { transform: rotateY(180deg) rotateX(85deg) translateZ(25vw); }
        .particle:nth-child(11) { transform: rotateY(200deg) rotateX(-85deg) translateZ(25vw); }
        .particle:nth-child(12) { transform: rotateY(220deg) rotateX(85deg) translateZ(25vw); }
        .particle:nth-child(13) { transform: rotateY(240deg) rotateX(-85deg) translateZ(25vw); }
        .particle:nth-child(14) { transform: rotateY(260deg) rotateX(85deg) translateZ(25vw); }
        .particle:nth-child(15) { transform: rotateY(280deg) rotateX(-85deg) translateZ(25vw); }
        .particle:nth-child(16) { transform: rotateY(300deg) rotateX(85deg) translateZ(25vw); }
        .particle:nth-child(17) { transform: rotateY(320deg) rotateX(-85deg) translateZ(25vw); }
        .particle:nth-child(18) { transform: rotateY(340deg) rotateX(85deg) translateZ(25vw); }

        /* Latitude -76° */
        .particle:nth-child(19) { transform: rotateY(0deg) rotateX(-76deg) translateZ(25vw); }
        .particle:nth-child(20) { transform: rotateY(20deg) rotateX(76deg) translateZ(25vw); }
        .particle:nth-child(21) { transform: rotateY(40deg) rotateX(-76deg) translateZ(25vw); }
        .particle:nth-child(22) { transform: rotateY(60deg) rotateX(76deg) translateZ(25vw); }
        .particle:nth-child(23) { transform: rotateY(80deg) rotateX(-76deg) translateZ(25vw); }
        .particle:nth-child(24) { transform: rotateY(100deg) rotateX(76deg) translateZ(25vw); }
        .particle:nth-child(25) { transform: rotateY(120deg) rotateX(-76deg) translateZ(25vw); }
        .particle:nth-child(26) { transform: rotateY(140deg) rotateX(76deg) translateZ(25vw); }
        .particle:nth-child(27) { transform: rotateY(160deg) rotateX(-76deg) translateZ(25vw); }
        .particle:nth-child(28) { transform: rotateY(180deg) rotateX(76deg) translateZ(25vw); }
        .particle:nth-child(29) { transform: rotateY(200deg) rotateX(-76deg) translateZ(25vw); }
        .particle:nth-child(30) { transform: rotateY(220deg) rotateX(76deg) translateZ(25vw); }
        .particle:nth-child(31) { transform: rotateY(240deg) rotateX(-76deg) translateZ(25vw); }
        .particle:nth-child(32) { transform: rotateY(260deg) rotateX(76deg) translateZ(25vw); }
        .particle:nth-child(33) { transform: rotateY(280deg) rotateX(-76deg) translateZ(25vw); }
        .particle:nth-child(34) { transform: rotateY(300deg) rotateX(76deg) translateZ(25vw); }
        .particle:nth-child(35) { transform: rotateY(320deg) rotateX(-76deg) translateZ(25vw); }
        .particle:nth-child(36) { transform: rotateY(340deg) rotateX(76deg) translateZ(25vw); }

        /* Latitude -67° */
        .particle:nth-child(37) { transform: rotateY(0deg) rotateX(-67deg) translateZ(25vw); }
        .particle:nth-child(38) { transform: rotateY(20deg) rotateX(67deg) translateZ(25vw); }
        .particle:nth-child(39) { transform: rotateY(40deg) rotateX(-67deg) translateZ(25vw); }
        .particle:nth-child(40) { transform: rotateY(60deg) rotateX(67deg) translateZ(25vw); }
        .particle:nth-child(41) { transform: rotateY(80deg) rotateX(-67deg) translateZ(25vw); }
        .particle:nth-child(42) { transform: rotateY(100deg) rotateX(67deg) translateZ(25vw); }
        .particle:nth-child(43) { transform: rotateY(120deg) rotateX(-67deg) translateZ(25vw); }
        .particle:nth-child(44) { transform: rotateY(140deg) rotateX(67deg) translateZ(25vw); }
        .particle:nth-child(45) { transform: rotateY(160deg) rotateX(-67deg) translateZ(25vw); }
        .particle:nth-child(46) { transform: rotateY(180deg) rotateX(67deg) translateZ(25vw); }
        .particle:nth-child(47) { transform: rotateY(200deg) rotateX(-67deg) translateZ(25vw); }
        .particle:nth-child(48) { transform: rotateY(220deg) rotateX(67deg) translateZ(25vw); }
        .particle:nth-child(49) { transform: rotateY(240deg) rotateX(-67deg) translateZ(25vw); }
        .particle:nth-child(50) { transform: rotateY(260deg) rotateX(67deg) translateZ(25vw); }
        .particle:nth-child(51) { transform: rotateY(280deg) rotateX(-67deg) translateZ(25vw); }
        .particle:nth-child(52) { transform: rotateY(300deg) rotateX(67deg) translateZ(25vw); }
        .particle:nth-child(53) { transform: rotateY(320deg) rotateX(-67deg) translateZ(25vw); }
        .particle:nth-child(54) { transform: rotateY(340deg) rotateX(67deg) translateZ(25vw); }

        /* Latitude -58° */
        .particle:nth-child(55) { transform: rotateY(0deg) rotateX(-58deg) translateZ(25vw); }
        .particle:nth-child(56) { transform: rotateY(20deg) rotateX(58deg) translateZ(25vw); }
        .particle:nth-child(57) { transform: rotateY(40deg) rotateX(-58deg) translateZ(25vw); }
        .particle:nth-child(58) { transform: rotateY(60deg) rotateX(58deg) translateZ(25vw); }
        .particle:nth-child(59) { transform: rotateY(80deg) rotateX(-58deg) translateZ(25vw); }
        .particle:nth-child(60) { transform: rotateY(100deg) rotateX(58deg) translateZ(25vw); }
        .particle:nth-child(61) { transform: rotateY(120deg) rotateX(-58deg) translateZ(25vw); }
        .particle:nth-child(62) { transform: rotateY(140deg) rotateX(58deg) translateZ(25vw); }
        .particle:nth-child(63) { transform: rotateY(160deg) rotateX(-58deg) translateZ(25vw); }
        .particle:nth-child(64) { transform: rotateY(180deg) rotateX(58deg) translateZ(25vw); }
        .particle:nth-child(65) { transform: rotateY(200deg) rotateX(-58deg) translateZ(25vw); }
        .particle:nth-child(66) { transform: rotateY(220deg) rotateX(58deg) translateZ(25vw); }
        .particle:nth-child(67) { transform: rotateY(240deg) rotateX(-58deg) translateZ(25vw); }
        .particle:nth-child(68) { transform: rotateY(260deg) rotateX(58deg) translateZ(25vw); }
        .particle:nth-child(69) { transform: rotateY(280deg) rotateX(-58deg) translateZ(25vw); }
        .particle:nth-child(70) { transform: rotateY(300deg) rotateX(58deg) translateZ(25vw); }
        .particle:nth-child(71) { transform: rotateY(320deg) rotateX(-58deg) translateZ(25vw); }
        .particle:nth-child(72) { transform: rotateY(340deg) rotateX(58deg) translateZ(25vw); }

        /* Latitude -49° */
        .particle:nth-child(73) { transform: rotateY(0deg) rotateX(-49deg) translateZ(25vw); }
        .particle:nth-child(74) { transform: rotateY(20deg) rotateX(49deg) translateZ(25vw); }
        .particle:nth-child(75) { transform: rotateY(40deg) rotateX(-49deg) translateZ(25vw); }
        .particle:nth-child(76) { transform: rotateY(60deg) rotateX(49deg) translateZ(25vw); }
        .particle:nth-child(77) { transform: rotateY(80deg) rotateX(-49deg) translateZ(25vw); }
        .particle:nth-child(78) { transform: rotateY(100deg) rotateX(49deg) translateZ(25vw); }
        .particle:nth-child(79) { transform: rotateY(120deg) rotateX(-49deg) translateZ(25vw); }
        .particle:nth-child(80) { transform: rotateY(140deg) rotateX(49deg) translateZ(25vw); }
        .particle:nth-child(81) { transform: rotateY(160deg) rotateX(-49deg) translateZ(25vw); }
        .particle:nth-child(82) { transform: rotateY(180deg) rotateX(49deg) translateZ(25vw); }
        .particle:nth-child(83) { transform: rotateY(200deg) rotateX(-49deg) translateZ(25vw); }
        .particle:nth-child(84) { transform: rotateY(220deg) rotateX(49deg) translateZ(25vw); }
        .particle:nth-child(85) { transform: rotateY(240deg) rotateX(-49deg) translateZ(25vw); }
        .particle:nth-child(86) { transform: rotateY(260deg) rotateX(49deg) translateZ(25vw); }
        .particle:nth-child(87) { transform: rotateY(280deg) rotateX(-49deg) translateZ(25vw); }
        .particle:nth-child(88) { transform: rotateY(300deg) rotateX(49deg) translateZ(25vw); }
        .particle:nth-child(89) { transform: rotateY(320deg) rotateX(-49deg) translateZ(25vw); }
        .particle:nth-child(90) { transform: rotateY(340deg) rotateX(49deg) translateZ(25vw); }

        /* Latitude -40° */
        .particle:nth-child(91) { transform: rotateY(0deg) rotateX(-40deg) translateZ(25vw); }
        .particle:nth-child(92) { transform: rotateY(20deg) rotateX(40deg) translateZ(25vw); }
        .particle:nth-child(93) { transform: rotateY(40deg) rotateX(-40deg) translateZ(25vw); }
        .particle:nth-child(94) { transform: rotateY(60deg) rotateX(40deg) translateZ(25vw); }
        .particle:nth-child(95) { transform: rotateY(80deg) rotateX(-40deg) translateZ(25vw); }
        .particle:nth-child(96) { transform: rotateY(100deg) rotateX(40deg) translateZ(25vw); }
        .particle:nth-child(97) { transform: rotateY(120deg) rotateX(-40deg) translateZ(25vw); }
        .particle:nth-child(98) { transform: rotateY(140deg) rotateX(40deg) translateZ(25vw); }
        .particle:nth-child(99) { transform: rotateY(160deg) rotateX(-40deg) translateZ(25vw); }
        .particle:nth-child(100) { transform: rotateY(180deg) rotateX(40deg) translateZ(25vw); }
        .particle:nth-child(101) { transform: rotateY(200deg) rotateX(-40deg) translateZ(25vw); }
        .particle:nth-child(102) { transform: rotateY(220deg) rotateX(40deg) translateZ(25vw); }
        .particle:nth-child(103) { transform: rotateY(240deg) rotateX(-40deg) translateZ(25vw); }
        .particle:nth-child(104) { transform: rotateY(260deg) rotateX(40deg) translateZ(25vw); }
        .particle:nth-child(105) { transform: rotateY(280deg) rotateX(-40deg) translateZ(25vw); }
        .particle:nth-child(106) { transform: rotateY(300deg) rotateX(40deg) translateZ(25vw); }
        .particle:nth-child(107) { transform: rotateY(320deg) rotateX(-40deg) translateZ(25vw); }
        .particle:nth-child(108) { transform: rotateY(340deg) rotateX(40deg) translateZ(25vw); }

        /* Latitude -31° */
        .particle:nth-child(109) { transform: rotateY(0deg) rotateX(-31deg) translateZ(25vw); }
        .particle:nth-child(110) { transform: rotateY(20deg) rotateX(31deg) translateZ(25vw); }
        .particle:nth-child(111) { transform: rotateY(40deg) rotateX(-31deg) translateZ(25vw); }
        .particle:nth-child(112) { transform: rotateY(60deg) rotateX(31deg) translateZ(25vw); }
        .particle:nth-child(113) { transform: rotateY(80deg) rotateX(-31deg) translateZ(25vw); }
        .particle:nth-child(114) { transform: rotateY(100deg) rotateX(31deg) translateZ(25vw); }
        .particle:nth-child(115) { transform: rotateY(120deg) rotateX(-31deg) translateZ(25vw); }
        .particle:nth-child(116) { transform: rotateY(140deg) rotateX(31deg) translateZ(25vw); }
        .particle:nth-child(117) { transform: rotateY(160deg) rotateX(-31deg) translateZ(25vw); }
        .particle:nth-child(118) { transform: rotateY(180deg) rotateX(31deg) translateZ(25vw); }
        .particle:nth-child(119) { transform: rotateY(200deg) rotateX(-31deg) translateZ(25vw); }
        .particle:nth-child(120) { transform: rotateY(220deg) rotateX(31deg) translateZ(25vw); }
        .particle:nth-child(121) { transform: rotateY(240deg) rotateX(-31deg) translateZ(25vw); }
        .particle:nth-child(122) { transform: rotateY(260deg) rotateX(31deg) translateZ(25vw); }
        .particle:nth-child(123) { transform: rotateY(280deg) rotateX(-31deg) translateZ(25vw); }
        .particle:nth-child(124) { transform: rotateY(300deg) rotateX(31deg) translateZ(25vw); }
        .particle:nth-child(125) { transform: rotateY(320deg) rotateX(-31deg) translateZ(25vw); }
        .particle:nth-child(126) { transform: rotateY(340deg) rotateX(31deg) translateZ(25vw); }

        /* Latitude -22° */
        .particle:nth-child(127) { transform: rotateY(0deg) rotateX(-22deg) translateZ(25vw); }
        .particle:nth-child(128) { transform: rotateY(20deg) rotateX(22deg) translateZ(25vw); }
        .particle:nth-child(129) { transform: rotateY(40deg) rotateX(-22deg) translateZ(25vw); }
        .particle:nth-child(130) { transform: rotateY(60deg) rotateX(22deg) translateZ(25vw); }
        .particle:nth-child(131) { transform: rotateY(80deg) rotateX(-22deg) translateZ(25vw); }
        .particle:nth-child(132) { transform: rotateY(100deg) rotateX(22deg) translateZ(25vw); }
        .particle:nth-child(133) { transform: rotateY(120deg) rotateX(-22deg) translateZ(25vw); }
        .particle:nth-child(134) { transform: rotateY(140deg) rotateX(22deg) translateZ(25vw); }
        .particle:nth-child(135) { transform: rotateY(160deg) rotateX(-22deg) translateZ(25vw); }
        .particle:nth-child(136) { transform: rotateY(180deg) rotateX(22deg) translateZ(25vw); }
        .particle:nth-child(137) { transform: rotateY(200deg) rotateX(-22deg) translateZ(25vw); }
        .particle:nth-child(138) { transform: rotateY(220deg) rotateX(22deg) translateZ(25vw); }
        .particle:nth-child(139) { transform: rotateY(240deg) rotateX(-22deg) translateZ(25vw); }
        .particle:nth-child(140) { transform: rotateY(260deg) rotateX(22deg) translateZ(25vw); }
        .particle:nth-child(141) { transform: rotateY(280deg) rotateX(-22deg) translateZ(25vw); }
        .particle:nth-child(142) { transform: rotateY(300deg) rotateX(22deg) translateZ(25vw); }
        .particle:nth-child(143) { transform: rotateY(320deg) rotateX(-22deg) translateZ(25vw); }
        .particle:nth-child(144) { transform: rotateY(340deg) rotateX(22deg) translateZ(25vw); }

        /* Latitude -13° */
        .particle:nth-child(145) { transform: rotateY(0deg) rotateX(-13deg) translateZ(25vw); }
        .particle:nth-child(146) { transform: rotateY(20deg) rotateX(13deg) translateZ(25vw); }
        .particle:nth-child(147) { transform: rotateY(40deg) rotateX(-13deg) translateZ(25vw); }
        .particle:nth-child(148) { transform: rotateY(60deg) rotateX(13deg) translateZ(25vw); }
        .particle:nth-child(149) { transform: rotateY(80deg) rotateX(-13deg) translateZ(25vw); }
        .particle:nth-child(150) { transform: rotateY(100deg) rotateX(13deg) translateZ(25vw); }
        .particle:nth-child(151) { transform: rotateY(120deg) rotateX(-13deg) translateZ(25vw); }
        .particle:nth-child(152) { transform: rotateY(140deg) rotateX(13deg) translateZ(25vw); }
        .particle:nth-child(153) { transform: rotateY(160deg) rotateX(-13deg) translateZ(25vw); }
        .particle:nth-child(154) { transform: rotateY(180deg) rotateX(13deg) translateZ(25vw); }
        .particle:nth-child(155) { transform: rotateY(200deg) rotateX(-13deg) translateZ(25vw); }
        .particle:nth-child(156) { transform: rotateY(220deg) rotateX(13deg) translateZ(25vw); }
        .particle:nth-child(157) { transform: rotateY(240deg) rotateX(-13deg) translateZ(25vw); }
        .particle:nth-child(158) { transform: rotateY(260deg) rotateX(13deg) translateZ(25vw); }
        .particle:nth-child(159) { transform: rotateY(280deg) rotateX(-13deg) translateZ(25vw); }
        .particle:nth-child(160) { transform: rotateY(300deg) rotateX(13deg) translateZ(25vw); }
        .particle:nth-child(161) { transform: rotateY(320deg) rotateX(-13deg) translateZ(25vw); }
        .particle:nth-child(162) { transform: rotateY(340deg) rotateX(13deg) translateZ(25vw); }

        /* Latitude -4° */
        .particle:nth-child(163) { transform: rotateY(0deg) rotateX(-4deg) translateZ(25vw); }
        .particle:nth-child(164) { transform: rotateY(20deg) rotateX(4deg) translateZ(25vw); }
        .particle:nth-child(165) { transform: rotateY(40deg) rotateX(-4deg) translateZ(25vw); }
        .particle:nth-child(166) { transform: rotateY(60deg) rotateX(4deg) translateZ(25vw); }
        .particle:nth-child(167) { transform: rotateY(80deg) rotateX(-4deg) translateZ(25vw); }
        .particle:nth-child(168) { transform: rotateY(100deg) rotateX(4deg) translateZ(25vw); }
        .particle:nth-child(169) { transform: rotateY(120deg) rotateX(-4deg) translateZ(25vw); }
        .particle:nth-child(170) { transform: rotateY(140deg) rotateX(4deg) translateZ(25vw); }
        .particle:nth-child(171) { transform: rotateY(160deg) rotateX(-4deg) translateZ(25vw); }
        .particle:nth-child(172) { transform: rotateY(180deg) rotateX(4deg) translateZ(25vw); }
        .particle:nth-child(173) { transform: rotateY(200deg) rotateX(-4deg) translateZ(25vw); }
        .particle:nth-child(174) { transform: rotateY(220deg) rotateX(4deg) translateZ(25vw); }
        .particle:nth-child(175) { transform: rotateY(240deg) rotateX(-4deg) translateZ(25vw); }
        .particle:nth-child(176) { transform: rotateY(260deg) rotateX(4deg) translateZ(25vw); }
        .particle:nth-child(177) { transform: rotateY(280deg) rotateX(-4deg) translateZ(25vw); }
        .particle:nth-child(178) { transform: rotateY(300deg) rotateX(4deg) translateZ(25vw); }
        .particle:nth-child(179) { transform: rotateY(320deg) rotateX(-4deg) translateZ(25vw); }
        .particle:nth-child(180) { transform: rotateY(340deg) rotateX(4deg) translateZ(25vw); }

        /* Latitude 4° */
        .particle:nth-child(181) { transform: rotateX(0deg) rotateY(4deg) translateZ(25vw); }
        .particle:nth-child(182) { transform: rotateX(-20deg) rotateY(4deg) translateZ(25vw); }
        .particle:nth-child(183) { transform: rotateX(40deg) rotateY(4deg) translateZ(25vw); }
        .particle:nth-child(184) { transform: rotateX(60deg) rotateY(4deg) translateZ(25vw); }
        .particle:nth-child(185) { transform: rotateX(80deg) rotateY(4deg) translateZ(25vw); }
        .particle:nth-child(186) { transform: rotateX(100deg) rotateY(4deg) translateZ(25vw); }
        .particle:nth-child(187) { transform: rotateX(120deg) rotateY(4deg) translateZ(25vw); }
        .particle:nth-child(188) { transform: rotateX(140deg) rotateY(4deg) translateZ(25vw); }
        .particle:nth-child(189) { transform: rotateX(160deg) rotateY(4deg) translateZ(25vw); }
        .particle:nth-child(190) { transform: rotateX(180deg) rotateY(4deg) translateZ(25vw); }
        .particle:nth-child(191) { transform: rotateX(200deg) rotateY(4deg) translateZ(25vw); }
        .particle:nth-child(192) { transform: rotateX(220deg) rotateY(4deg) translateZ(25vw); }
        .particle:nth-child(193) { transform: rotateX(240deg) rotateY(4deg) translateZ(25vw); }
        .particle:nth-child(194) { transform: rotateX(260deg) rotateY(4deg) translateZ(25vw); }
        .particle:nth-child(195) { transform: rotateX(280deg) rotateY(4deg) translateZ(25vw); }
        .particle:nth-child(196) { transform: rotateX(300deg) rotateY(4deg) translateZ(25vw); }
        .particle:nth-child(197) { transform: rotateX(320deg) rotateY(4deg) translateZ(25vw); }
        .particle:nth-child(198) { transform: rotateX(340deg) rotateY(4deg) translateZ(25vw); }

        /* Latitude 13° */
        .particle:nth-child(199) { transform: rotateX(0deg) rotateY(13deg) translateZ(25vw); }
        .particle:nth-child(200) { transform: rotateX(-20deg) rotateY(13deg) translateZ(25vw); }
        .particle:nth-child(201) { transform: rotateX(40deg) rotateY(13deg) translateZ(25vw); }
        .particle:nth-child(202) { transform: rotateX(60deg) rotateY(13deg) translateZ(25vw); }
        .particle:nth-child(203) { transform: rotateX(80deg) rotateY(13deg) translateZ(25vw); }
        .particle:nth-child(204) { transform: rotateX(100deg) rotateY(13deg) translateZ(25vw); }
        .particle:nth-child(205) { transform: rotateX(120deg) rotateY(13deg) translateZ(25vw); }
        .particle:nth-child(206) { transform: rotateX(140deg) rotateY(13deg) translateZ(25vw); }
        .particle:nth-child(207) { transform: rotateX(160deg) rotateY(13deg) translateZ(25vw); }
        .particle:nth-child(208) { transform: rotateX(180deg) rotateY(13deg) translateZ(25vw); }
        .particle:nth-child(209) { transform: rotateX(200deg) rotateY(13deg) translateZ(25vw); }
        .particle:nth-child(210) { transform: rotateX(220deg) rotateY(13deg) translateZ(25vw); }
        .particle:nth-child(211) { transform: rotateX(240deg) rotateY(13deg) translateZ(25vw); }
        .particle:nth-child(212) { transform: rotateX(260deg) rotateY(13deg) translateZ(25vw); }
        .particle:nth-child(213) { transform: rotateX(280deg) rotateY(13deg) translateZ(25vw); }
        .particle:nth-child(214) { transform: rotateX(300deg) rotateY(13deg) translateZ(25vw); }
        .particle:nth-child(215) { transform: rotateX(320deg) rotateY(13deg) translateZ(25vw); }
        .particle:nth-child(216) { transform: rotateX(340deg) rotateY(13deg) translateZ(25vw); }

        /* Latitude 22° */
        .particle:nth-child(217) { transform: rotateX(0deg) rotateY(22deg) translateZ(25vw); }
        .particle:nth-child(218) { transform: rotateX(-20deg) rotateY(22deg) translateZ(25vw); }
        .particle:nth-child(219) { transform: rotateX(40deg) rotateY(22deg) translateZ(25vw); }
        .particle:nth-child(220) { transform: rotateX(60deg) rotateY(22deg) translateZ(25vw); }
        .particle:nth-child(221) { transform: rotateX(80deg) rotateY(22deg) translateZ(25vw); }
        .particle:nth-child(222) { transform: rotateX(100deg) rotateY(22deg) translateZ(25vw); }
        .particle:nth-child(223) { transform: rotateX(120deg) rotateY(22deg) translateZ(25vw); }
        .particle:nth-child(224) { transform: rotateX(140deg) rotateY(22deg) translateZ(25vw); }
        .particle:nth-child(225) { transform: rotateX(160deg) rotateY(22deg) translateZ(25vw); }
        .particle:nth-child(226) { transform: rotateX(180deg) rotateY(22deg) translateZ(25vw); }
        .particle:nth-child(227) { transform: rotateX(200deg) rotateY(22deg) translateZ(25vw); }
        .particle:nth-child(228) { transform: rotateX(220deg) rotateY(22deg) translateZ(25vw); }
        .particle:nth-child(229) { transform: rotateX(240deg) rotateY(22deg) translateZ(25vw); }
        .particle:nth-child(230) { transform: rotateX(260deg) rotateY(22deg) translateZ(25vw); }
        .particle:nth-child(231) { transform: rotateX(280deg) rotateY(22deg) translateZ(25vw); }
        .particle:nth-child(232) { transform: rotateX(300deg) rotateY(22deg) translateZ(25vw); }
        .particle:nth-child(233) { transform: rotateX(320deg) rotateY(22deg) translateZ(25vw); }
        .particle:nth-child(234) { transform: rotateX(340deg) rotateY(22deg) translateZ(25vw); }

        /* Latitude 31° */
        .particle:nth-child(235) { transform: rotateX(0deg) rotateY(31deg) translateZ(25vw); }
        .particle:nth-child(236) { transform: rotateX(20deg) rotateY(31deg) translateZ(25vw); }
        .particle:nth-child(237) { transform: rotateX(40deg) rotateY(31deg) translateZ(25vw); }
        .particle:nth-child(238) { transform: rotateX(60deg) rotateY(31deg) translateZ(25vw); }
        .particle:nth-child(239) { transform: rotateX(80deg) rotateY(31deg) translateZ(25vw); }
        .particle:nth-child(240) { transform: rotateX(100deg) rotateY(31deg) translateZ(25vw); }
        .particle:nth-child(241) { transform: rotateX(120deg) rotateY(31deg) translateZ(25vw); }
        .particle:nth-child(242) { transform: rotateX(140deg) rotateY(31deg) translateZ(25vw); }
        .particle:nth-child(243) { transform: rotateX(160deg) rotateY(31deg) translateZ(25vw); }
        .particle:nth-child(244) { transform: rotateX(180deg) rotateY(31deg) translateZ(25vw); }
        .particle:nth-child(245) { transform: rotateX(200deg) rotateY(31deg) translateZ(25vw); }
        .particle:nth-child(246) { transform: rotateX(220deg) rotateY(31deg) translateZ(25vw); }
        .particle:nth-child(247) { transform: rotateX(240deg) rotateY(31deg) translateZ(25vw); }
        .particle:nth-child(248) { transform: rotateX(260deg) rotateY(31deg) translateZ(25vw); }
        .particle:nth-child(249) { transform: rotateX(280deg) rotateY(31deg) translateZ(25vw); }
        .particle:nth-child(250) { transform: rotateX(300deg) rotateY(31deg) translateZ(25vw); }
        .particle:nth-child(251) { transform: rotateX(320deg) rotateY(31deg) translateZ(25vw); }
        .particle:nth-child(252) { transform: rotateX(340deg) rotateY(31deg) translateZ(25vw); }

        /* Latitude 40° */
        .particle:nth-child(253) { transform: rotateX(0deg) rotateY(40deg) translateZ(25vw); }
        .particle:nth-child(254) { transform: rotateX(20deg) rotateY(40deg) translateZ(25vw); }
        .particle:nth-child(255) { transform: rotateX(40deg) rotateY(40deg) translateZ(25vw); }
        .particle:nth-child(256) { transform: rotateX(60deg) rotateY(40deg) translateZ(25vw); }
        .particle:nth-child(257) { transform: rotateX(80deg) rotateY(40deg) translateZ(25vw); }
        .particle:nth-child(258) { transform: rotateX(100deg) rotateY(40deg) translateZ(25vw); }
        .particle:nth-child(259) { transform: rotateX(120deg) rotateY(40deg) translateZ(25vw); }
        .particle:nth-child(260) { transform: rotateX(140deg) rotateY(40deg) translateZ(25vw); }
        .particle:nth-child(261) { transform: rotateX(160deg) rotateY(40deg) translateZ(25vw); }
        .particle:nth-child(262) { transform: rotateX(180deg) rotateY(40deg) translateZ(25vw); }
        .particle:nth-child(263) { transform: rotateX(200deg) rotateY(40deg) translateZ(25vw); }
        .particle:nth-child(264) { transform: rotateX(220deg) rotateY(40deg) translateZ(25vw); }
        .particle:nth-child(265) { transform: rotateX(240deg) rotateY(40deg) translateZ(25vw); }
        .particle:nth-child(266) { transform: rotateX(260deg) rotateY(40deg) translateZ(25vw); }
        .particle:nth-child(267) { transform: rotateX(280deg) rotateY(40deg) translateZ(25vw); }
        .particle:nth-child(268) { transform: rotateX(300deg) rotateY(40deg) translateZ(25vw); }
        .particle:nth-child(269) { transform: rotateX(320deg) rotateY(40deg) translateZ(25vw); }
        .particle:nth-child(270) { transform: rotateX(340deg) rotateY(40deg) translateZ(25vw); }

        /* Latitude 49° */
        .particle:nth-child(271) { transform: rotateX(0deg) rotateY(49deg) translateZ(25vw); }
        .particle:nth-child(272) { transform: rotateX(20deg) rotateY(49deg) translateZ(25vw); }
        .particle:nth-child(273) { transform: rotateX(40deg) rotateY(49deg) translateZ(25vw); }
        .particle:nth-child(274) { transform: rotateX(60deg) rotateY(49deg) translateZ(25vw); }
        .particle:nth-child(275) { transform: rotateX(80deg) rotateY(49deg) translateZ(25vw); }
        .particle:nth-child(276) { transform: rotateX(100deg) rotateY(49deg) translateZ(25vw); }
        .particle:nth-child(277) { transform: rotateX(120deg) rotateY(49deg) translateZ(25vw); }
        .particle:nth-child(278) { transform: rotateX(140deg) rotateY(49deg) translateZ(25vw); }
        .particle:nth-child(279) { transform: rotateX(160deg) rotateY(49deg) translateZ(25vw); }
        .particle:nth-child(280) { transform: rotateX(180deg) rotateY(49deg) translateZ(25vw); }
        .particle:nth-child(281) { transform: rotateX(200deg) rotateY(49deg) translateZ(25vw); }
        .particle:nth-child(282) { transform: rotateX(220deg) rotateY(49deg) translateZ(25vw); }
        .particle:nth-child(283) { transform: rotateX(240deg) rotateY(49deg) translateZ(25vw); }
        .particle:nth-child(284) { transform: rotateX(260deg) rotateY(49deg) translateZ(25vw); }
        .particle:nth-child(285) { transform: rotateX(280deg) rotateY(49deg) translateZ(25vw); }
        .particle:nth-child(286) { transform: rotateX(300deg) rotateY(49deg) translateZ(25vw); }
        .particle:nth-child(287) { transform: rotateX(320deg) rotateY(49deg) translateZ(25vw); }
        .particle:nth-child(288) { transform: rotateX(340deg) rotateY(49deg) translateZ(25vw); }

        /* Latitude 58° */
        .particle:nth-child(289) { transform: rotateX(0deg) rotateY(58deg) translateZ(25vw); }
        .particle:nth-child(290) { transform: rotateX(20deg) rotateY(58deg) translateZ(25vw); }
        .particle:nth-child(291) { transform: rotateX(40deg) rotateY(58deg) translateZ(25vw); }
        .particle:nth-child(292) { transform: rotateX(60deg) rotateY(58deg) translateZ(25vw); }
        .particle:nth-child(293) { transform: rotateX(80deg) rotateY(58deg) translateZ(25vw); }
        .particle:nth-child(294) { transform: rotateX(100deg) rotateY(58deg) translateZ(25vw); }
        .particle:nth-child(295) { transform: rotateX(120deg) rotateY(58deg) translateZ(25vw); }
        .particle:nth-child(296) { transform: rotateX(140deg) rotateY(58deg) translateZ(25vw); }
        .particle:nth-child(297) { transform: rotateX(160deg) rotateY(58deg) translateZ(25vw); }
        .particle:nth-child(298) { transform: rotateX(180deg) rotateY(58deg) translateZ(25vw); }
        .particle:nth-child(299) { transform: rotateX(200deg) rotateY(58deg) translateZ(25vw); }
        .particle:nth-child(300) { transform: rotateX(220deg) rotateY(58deg) translateZ(25vw); }
        .particle:nth-child(301) { transform: rotateX(240deg) rotateY(58deg) translateZ(25vw); }
        .particle:nth-child(302) { transform: rotateX(260deg) rotateY(58deg) translateZ(25vw); }
        .particle:nth-child(303) { transform: rotateX(280deg) rotateY(58deg) translateZ(25vw); }
        .particle:nth-child(304) { transform: rotateX(300deg) rotateY(58deg) translateZ(25vw); }
        .particle:nth-child(305) { transform: rotateX(320deg) rotateY(58deg) translateZ(25vw); }
        .particle:nth-child(306) { transform: rotateX(340deg) rotateY(58deg) translateZ(25vw); }

        /* Latitude 67° */
        .particle:nth-child(307) { transform: rotateX(0deg) rotateY(67deg) translateZ(25vw); }
        .particle:nth-child(308) { transform: rotateX(20deg) rotateY(67deg) translateZ(25vw); }
        .particle:nth-child(309) { transform: rotateX(40deg) rotateY(67deg) translateZ(25vw); }
        .particle:nth-child(310) { transform: rotateX(60deg) rotateY(67deg) translateZ(25vw); }
        .particle:nth-child(311) { transform: rotateX(80deg) rotateY(67deg) translateZ(25vw); }
        .particle:nth-child(312) { transform: rotateX(100deg) rotateY(67deg) translateZ(25vw); }
        .particle:nth-child(313) { transform: rotateX(120deg) rotateY(67deg) translateZ(25vw); }
        .particle:nth-child(314) { transform: rotateX(140deg) rotateY(67deg) translateZ(25vw); }
        .particle:nth-child(315) { transform: rotateX(160deg) rotateY(67deg) translateZ(25vw); }
        .particle:nth-child(316) { transform: rotateX(180deg) rotateY(67deg) translateZ(25vw); }
        .particle:nth-child(317) { transform: rotateX(200deg) rotateY(67deg) translateZ(25vw); }
        .particle:nth-child(318) { transform: rotateX(220deg) rotateY(67deg) translateZ(25vw); }
        .particle:nth-child(319) { transform: rotateX(240deg) rotateY(67deg) translateZ(25vw); }
        .particle:nth-child(320) { transform: rotateX(260deg) rotateY(67deg) translateZ(25vw); }
        .particle:nth-child(321) { transform: rotateX(280deg) rotateY(67deg) translateZ(25vw); }
        .particle:nth-child(322) { transform: rotateX(300deg) rotateY(67deg) translateZ(25vw); }
        .particle:nth-child(323) { transform: rotateX(320deg) rotateY(67deg) translateZ(25vw); }
        .particle:nth-child(324) { transform: rotateX(340deg) rotateY(67deg) translateZ(25vw); }

        /* Latitude 76° */
        .particle:nth-child(325) { transform: rotateX(0deg) rotateY(76deg) translateZ(25vw); }
        .particle:nth-child(326) { transform: rotateX(-20deg) rotateY(76deg) translateZ(25vw); }
        .particle:nth-child(327) { transform: rotateX(40deg) rotateY(76deg) translateZ(25vw); }
        .particle:nth-child(328) { transform: rotateX(60deg) rotateY(76deg) translateZ(25vw); }
        .particle:nth-child(329) { transform: rotateX(80deg) rotateY(76deg) translateZ(25vw); }
        .particle:nth-child(330) { transform: rotateX(100deg) rotateY(76deg) translateZ(25vw); }
        .particle:nth-child(331) { transform: rotateX(120deg) rotateY(76deg) translateZ(25vw); }
        .particle:nth-child(332) { transform: rotateX(140deg) rotateY(76deg) translateZ(25vw); }
        .particle:nth-child(333) { transform: rotateX(160deg) rotateY(76deg) translateZ(25vw); }
        .particle:nth-child(334) { transform: rotateX(180deg) rotateY(76deg) translateZ(25vw); }
        .particle:nth-child(335) { transform: rotateX(200deg) rotateY(76deg) translateZ(25vw); }
        .particle:nth-child(336) { transform: rotateX(220deg) rotateY(76deg) translateZ(25vw); }
        .particle:nth-child(337) { transform: rotateX(240deg) rotateY(76deg) translateZ(25vw); }
        .particle:nth-child(338) { transform: rotateX(260deg) rotateY(76deg) translateZ(25vw); }
        .particle:nth-child(339) { transform: rotateX(280deg) rotateY(76deg) translateZ(25vw); }
        .particle:nth-child(340) { transform: rotateX(300deg) rotateY(76deg) translateZ(25vw); }
        .particle:nth-child(341) { transform: rotateX(320deg) rotateY(76deg) translateZ(25vw); }
        .particle:nth-child(342) { transform: rotateX(340deg) rotateY(76deg) translateZ(25vw); }

        /* Latitude 85° */
        .particle:nth-child(343) { transform: rotateX(0deg) rotateY(85deg) translateZ(25vw); }
        .particle:nth-child(344) { transform: rotateX(20deg) rotateY(85deg) translateZ(25vw); }
        .particle:nth-child(345) { transform: rotateX(40deg) rotateY(85deg) translateZ(25vw); }
        .particle:nth-child(346) { transform: rotateX(60deg) rotateY(85deg) translateZ(25vw); }
        .particle:nth-child(347) { transform: rotateX(80deg) rotateY(85deg) translateZ(25vw); }
        .particle:nth-child(348) { transform: rotateX(100deg) rotateY(85deg) translateZ(25vw); }
        .particle:nth-child(349) { transform: rotateX(120deg) rotateY(85deg) translateZ(25vw); }
        .particle:nth-child(350) { transform: rotateX(140deg) rotateY(85deg) translateZ(25vw); }
        .particle:nth-child(351) { transform: rotateX(160deg) rotateY(85deg) translateZ(25vw); }
        .particle:nth-child(352) { transform: rotateX(180deg) rotateY(85deg) translateZ(25vw); }
        .particle:nth-child(353) { transform: rotateX(200deg) rotateY(85deg) translateZ(25vw); }
        .particle:nth-child(354) { transform: rotateX(220deg) rotateY(85deg) translateZ(25vw); }
        .particle:nth-child(355) { transform: rotateX(240deg) rotateY(85deg) translateZ(25vw); }
        .particle:nth-child(356) { transform: rotateX(260deg) rotateY(85deg) translateZ(25vw); }
        .particle:nth-child(357) { transform: rotateX(280deg) rotateY(85deg) translateZ(25vw); }
        .particle:nth-child(358) { transform: rotateX(300deg) rotateY(85deg) translateZ(25vw); }
        .particle:nth-child(359) { transform: rotateX(320deg) rotateY(85deg) translateZ(25vw); }
        .particle:nth-child(360) { transform: rotateX(340deg) rotateY(85deg) translateZ(25vw); }
		.particle:nth-child(361) { transform: rotateX(90deg) rotateY(0deg) translateZ(25vw); }