.sphere-container .sphere {
  animation: rot 86s linear infinite reverse;
  width: 333px;
  height: 333px;
  border-radius: 50%;
  transform-style: preserve-3d;
  transform-origin: center center;
}

.sphere-container i {
  position: absolute;
  width: 333px;
  height: 333px;
  line-height: 333px;
  transform-style: preserve-3d;
  border-radius: 50%;
  backface-visibility: visible;
  /* Cambia el color aquí */
  box-shadow: 0 0 83.25px 0 rgba(36, 17, 1, 0.11), inset 0 0 83.25px 0 rgba(34, 8, 1, 0.096);
  
  
}

.sphere-container {
  display: flex;
  justify-content: center;
  align-items: end;
  transform: scale(0.5); /* Escala toda la esfera */
  width: 333px;
  height: 256px;
  margin: auto; /* Centra la esfera si es necesario */
  opacity: 0.5;
}

/* Mantén las transformaciones para los elementos 'i' */


i {
  position: absolute;
  width: 333px;
  height: 333px;
  line-height: 333px;
  transform-style: preserve-3d;
  border-radius: 50%;
  backface-visibility: visible;
  box-shadow: 0 0 83.25px 0 rgba(255, 255, 255, 0.1), inset 0 0 83.25px 0 rgba(255, 255, 255, 0.2);
}

i:nth-child(1) {
  transform: rotateY(11.25deg);
}

i:nth-child(2) {
  transform: rotateY(22.5deg);
}

i:nth-child(3) {
  transform: rotateY(33.75deg);
}

i:nth-child(4) {
  transform: rotateY(45deg);
}

i:nth-child(5) {
  transform: rotateY(56.25deg);
}

i:nth-child(6) {
  transform: rotateY(67.5deg);
}

i:nth-child(7) {
  transform: rotateY(78.75deg);
}

i:nth-child(8) {
  transform: rotateY(90deg);
}

i:nth-child(9) {
  transform: rotateY(101.25deg);
}

i:nth-child(10) {
  transform: rotateY(112.5deg);
}

i:nth-child(11) {
  transform: rotateY(123.75deg);
}

i:nth-child(12) {
  transform: rotateY(135deg);
}

i:nth-child(13) {
  transform: rotateY(146.25deg);
}

i:nth-child(14) {
  transform: rotateY(157.5deg);
}

i:nth-child(15) {
  transform: rotateY(168.75deg);
}

i:nth-child(16) {
  transform: rotateX(180deg);
}

i:nth-child(17) {
  transform: rotateX(191.25deg);
}

i:nth-child(18) {
  transform: rotateX(202.5deg);
}

i:nth-child(19) {
  transform: rotateX(213.75deg);
}

i:nth-child(20) {
  transform: rotateX(225deg);
}

i:nth-child(21) {
  transform: rotateX(236.25deg);
}

i:nth-child(22) {
  transform: rotateX(247.5deg);
}

i:nth-child(23) {
  transform: rotateX(258.75deg);
}

i:nth-child(24) {
  transform: rotateX(270deg);
}

i:nth-child(25) {
  transform: rotateX(281.25deg);
}

i:nth-child(26) {
  transform: rotateX(292.5deg);
}

i:nth-child(27) {
  transform: rotateX(303.75deg);
}

i:nth-child(28) {
  transform: rotateX(315deg);
}

i:nth-child(29) {
  transform: rotateX(326.25deg);
}

i:nth-child(30) {
  transform: rotateX(337.5deg);
}

i:nth-child(31) {
  transform: rotateX(348.75deg);
}

i:nth-child(32) {
  transform: rotateX(360deg);
}

@keyframes rot {
  to {
    transform: rotateY(360deg) rotateZ(360deg);
  }
}