#login-background {
  background-image: linear-gradient(
      to right,
      rgba(255, 255, 255, 0.05) 1px,
      transparent 1px
    ),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size: 60px 60px;
  mask-image: radial-gradient(
      circle at top right,
      white 0%,
      rgba(255, 255, 255, 0.3) 10%,
      transparent 20%
    ),
    radial-gradient(
      circle at top center,
      white 0%,
      rgba(255, 255, 255, 0.3) 10%,
      transparent 20%
    ),
    radial-gradient(
      circle at top left,
      white 0%,
      rgba(255, 255, 255, 0.6) 10%,
      transparent 20%
    ),
    radial-gradient(
      ellipse 100% 80% at top center,
      white 0%,
      rgba(255, 255, 255, 0.7) 40%,
      transparent 50%
    ),
    radial-gradient(
      ellipse 90% 60% at 20% 20%,
      white 0%,
      rgba(255, 255, 255, 0.5) 30%,
      transparent 60%
    );
  -webkit-mask-image: radial-gradient(
      circle at top center,
      white 0%,
      rgba(255, 255, 255, 0.8) 30%,
      transparent 70%
    ),
    radial-gradient(
      circle at top left,
      white 0%,
      rgba(255, 255, 255, 0.6) 20%,
      transparent 50%
    );
  -webkit-mask-composite: source-over;
  mask-composite: source-over;
}