/* UX NEXT LEVEL — Parallax + Highlight */
.parallax{
  position: relative;
  overflow: hidden;
}
.parallax-layer{
  position:absolute;
  inset:-10%;
  background: radial-gradient(600px 300px at 20% 30%, rgba(68,166,65,.18), transparent 60%),
              radial-gradient(700px 350px at 80% 40%, rgba(7,140,3,.14), transparent 65%);
  transform: translateY(0);
  transition: transform .1s linear;
  pointer-events:none;
  z-index:0;
}
.parallax > *{
  position:relative;
  z-index:1;
}

/* Section spotlight on hover */
.section:hover{
  box-shadow: inset 0 0 0 9999px rgba(68,166,65,.03);
  transition: box-shadow .4s ease;
}