/* =========================================================
   BACKGROUND COMPONENT
   Edit only this file to change stars / nebula animation.
   ========================================================= */
#starCanvas{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
}

.nebula{
  position:fixed;
  inset:-8%;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(ellipse 35% 48% at 26% 55%,rgba(132,0,255,.40),transparent 70%),
    radial-gradient(ellipse 32% 46% at 74% 55%,rgba(0,93,255,.38),transparent 70%),
    radial-gradient(ellipse 18% 28% at 33% 54%,rgba(208,0,255,.16),transparent 72%),
    radial-gradient(ellipse 18% 28% at 67% 54%,rgba(0,142,255,.16),transparent 72%);
  filter:blur(5px);
  animation:nebulaDrift 12s ease-in-out infinite alternate;
}

@keyframes nebulaDrift{
  from{transform:scale(1) translate(0,0)}
  to{transform:scale(1.08) translate(1.2%,-.5%)}
}
