html {
  --glow-color: 255, 255, 255;
}

html::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 9999;
  opacity: 0;

  box-shadow: inset 0 0 8px rgba(var(--glow-color), 0),
    inset 0 0 16px rgba(var(--glow-color), 0),
    inset 0 0 24px rgba(var(--glow-color), 0);
  transition: opacity 0.6s ease 0.4s, box-shadow 0.6s ease 0.4s;
}

html.page-glow::before {
  box-shadow: inset 0 0 20px 5px rgba(var(--glow-color), 0.6),
    inset 0 0 40px 10px rgba(var(--glow-color), 0.4),
    inset 0 0 60px 15px rgba(var(--glow-color), 0.2);
  opacity: 1;
}