#footer {
  position: relative;
  overflow: hidden;
  margin: 0;
  background: var(#051028);
  font-family: var(--font-body);
}

.glow-top-1,
.glow-top-2,
.glow-left,
.desktop-glow-left,
.desktop-glow-bottom,
.desktop-glow-bottom-center,
.desktop-glow-bottom-right {
  pointer-events: none;
}

@media (max-width: 767px) {
  .glow-top-1,
  .glow-top-2,
  .glow-left {
    position: absolute;
    border-radius: 9999px;
  }

  .glow-top-1 {
    top: -4px;
    left: 45%;
    width: 100px;
    height: 9rem;
    transform: translateX(-50%);
    background: rgb(203 255 0);
    filter: blur(140px);
    opacity: .5;
  }

  .glow-top-2 {
    top: -4px;
    left: 40%;
    width: 300px;
    height: 9rem;
    transform: translateX(50%);
    background: rgb(132 243 5);
    filter: blur(115px);
  }

  .glow-left {
    bottom: -60px;
    left: -80px;
    width: 240px;
    height: 80px;
    transform: rotate(90deg);
    background: rgba(203,255,0,.4);
    filter: blur(70px);
  }
}

@media (max-width: 500px) {
  .glow-top-1 { width: 50px; }
}

.desktop-glow-left,
.desktop-glow-bottom,
.desktop-glow-bottom-center,
.desktop-glow-bottom-right {
  display: none;
}

@media (min-width: 768px) {
  .desktop-glow-left,
  .desktop-glow-bottom,
  .desktop-glow-bottom-center,
  .desktop-glow-bottom-right {
    display: block;
    position: absolute;
    z-index: 0;
    border-radius: 9999px;
  }

  .desktop-glow-left {
    left: -220px;
    bottom: -95px;
    width: 520px;
    height: 730px;
    background: radial-gradient(circle at 34% 48%, rgba(0,255,136,.95), rgba(0,232,148,.62) 22%, rgba(0,171,121,.28) 43%, rgba(0,93,69,.12) 58%, transparent 74%);
    filter: blur(58px);
    opacity: .9;
  }

  .desktop-glow-bottom {
    left: 10px;
    bottom: -444px;
    width: 765px;
    height: 960px;
    background: radial-gradient(ellipse at 27% 57%, rgb(203 255 0), rgba(190,255,0,.82) 18%, rgba(132,205,0,.47) 30%, rgba(58,100,0,.22) 45%, transparent 73%);
    filter: blur(72px);
    opacity: .95;
  }

  .desktop-glow-bottom-center {
    left: 55%;
    bottom: -520px;
    width: 1000px;
    height: 680px;
    transform: translateX(-51%);
    background: radial-gradient(ellipse at center, rgba(0,255,136,.95), rgba(0,232,148,.62) 18%, rgba(0,171,121,.25) 34%, rgba(0,93,69,.12) 50%, transparent 74%);
    filter: blur(85px);
    opacity: .8;
  }

  .desktop-glow-bottom-right {
    right: -260px;
    bottom: -420px;
    width: 600px;
    height: 560px;
    background: radial-gradient(ellipse at center, rgba(203,255,0,.72), rgba(170,235,0,.46), rgba(100,165,0,.24) 27%, rgba(48,85,0,.12) 40%, transparent 85%);
    filter: blur(100px);
    opacity: .95;
  }
}