html,
body {
  margin: 0;
  padding: 0;
}

.nav-shell {
  border-bottom: 1px solid transparent;
}

.nav-shell.is-scrolled {
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom-color: rgba(255, 255, 255, 0.05);
}

.bg-grid-main {
  background-image: radial-gradient(circle, #888 1px, transparent 1px);
  background-size: 40px 40px;
}

.planet-texture {
  background-image: url("./imagen/planeta.png");
  filter: none;
}

.planet-grid {
  background-image: radial-gradient(circle, #fff 0.5px, transparent 0.5px);
  background-size: 15px 15px;
}

.satellite-cpu {
  animation-duration: 4s;
}

.satellite-layers {
  animation-duration: 5s;
  animation-delay: 1s;
}