body {
  background: radial-gradient(ellipse at bottom, rgb(28, 40, 52) 0%, rgb(9, 10, 15) 90%) !important;
  overflow: hidden;
  height: 100vh !important;
  width: 100vw !important;
  margin: 0px;
}

canvas {
  display: block;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.pink {
  background: radial-gradient(circle, rgba(238, 35, 211, 0.5) 0%, rgba(238, 35, 211, 0) 90%);
}

.purple {
  background: radial-gradient(circle, rgba(165, 16, 211, 0.5) 0%, rgba(165, 16, 211, 0) 90%);
}

.dark {
  background: radial-gradient(circle, rgba(66, 5, 180, 0.5) 0%, rgba(66, 5, 180, 0) 90%);
}

.bright {
  background: radial-gradient(circle, rgba(183, 88, 247, 0.5) 0%, rgba(183, 88, 247, 0) 90%);
}

#nebula-space {
  filter: blur(130px);
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -2;
  opacity: 0.5;
}

#nebula-space * {
  position: absolute;
  width: 800px;
  height: 800px;
  z-index: -1;
  border-radius: 50%;
  opacity: 0.55;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}