.soft-aurora-container {
  width: 100%;
  height: 100%;
}

.soft-aurora-canvas {
  display: block;
  width: 100%;
  height: 100%;
}

/* Site integration: about ("A bit about me") background */
.about-aurora {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  opacity: 1;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 12%, #000 88%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, #000 12%, #000 88%, transparent 100%);
}

.about-aurora::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(130% 80% at 50% -12%, rgba(0, 0, 0, 0) 46%, rgba(14, 18, 24, 0.42) 100%),
    radial-gradient(95% 62% at 50% 118%, rgba(14, 18, 24, 0.55), rgba(14, 18, 24, 0) 74%);
}

html.no-aurora .about-aurora {
  display: none;
}