.portal-gradient {
  background: linear-gradient(125deg, #3154a4 0%, #835699 38%, #b56e9e 61%, #479eaf 100%);
}

.glitch-source {
  position: fixed;
  inset: 0;
  z-index: 4;
  background: #000;
  mask: url(#one-glitch-mask);
  transform-origin: center;
  pointer-events: none;
}

.glitch-mask-defs {
  position: fixed;
  width: 0;
  height: 0;
  pointer-events: none;
}

.glitch-lights {
  position: fixed;
  inset: 0;
  z-index: 5;
  pointer-events: none;
  overflow: hidden;
}

.glitch-light {
  position: absolute;
  display: grid;
  place-items: center;
  overflow: hidden;
  opacity: 0;
  color: #fff;
  font: 900 5vw/1 Arial, Helvetica, sans-serif;
  letter-spacing: -.035em;
  white-space: nowrap;
  text-shadow: -3px 0 #7ed6e7, 3px 0 #c88dc9;
}

.portal-gradient .back-to-start {
  background: rgb(0 0 0 / 65%);
}