.titleTextShadow {
  position: absolute;
  z-index: -1;
  top: 40%;
  left: 50%;
  width: 0.00001%;
  height: 0.00001%;
}

.indexTitleShadow {
  animation-name: pulsingAnimation;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  color: rgba(197, 100, 250, 0.6);
  box-shadow: 50px 0px 180px 50px, -50px 0px 180px 50px;
}

.indexTitleShadow2 {
  animation-name: pulsingAnimation2;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  color: rgba(197, 100, 250, 0.6);
  box-shadow: 150px 0px 180px 50px, -150px 0px 180px 50px;
}

h1 {
  color: #9522d4;
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: #3b0259;
}

#homeText {
  margin-top: 100px;
}

.homePageTextDivs {
  display: block;
  position: relative;
  width: 50%;
  height: 200px;
  margin: 0 auto;
  font-size: 20;
  text-align: center;
  margin-top: 220px;
}

.firstTextDiv {
  left: 20%;
}

.secondTextDiv {
  left: -20%;
}

.thirdTextDiv {
  left: 20%;
  margin-bottom: 150px; /* temp solution until new text comes up */
}

#textShadower {
  position: absolute;
  width: 1%;
  height: 1%;
  left: 50%;
  z-index: -1;
  margin: 0;
  top: 50%;
  color: black;
  box-shadow: 150px 0px 210px 180px, -150px 0px 210px 180px;
}

h1 {
  position: relative;
  padding-top: 3%;
}

section {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: -10;
  top: 0;
}

/* #backgroundFirst {
  z-index: -1;
  position: absolute;
  display: block;
  width: 100%;
  height: 700px;
} */

@media (max-width: 1000px) {
  .homePageTextDivs {
    left: 0%;
    font-size: 18px;
  }
  .thirdTextDiv {
    margin-bottom: 300px; /* temp solution until new text comes up */
  }
}

@media (max-width: 570px) {
  .homePageTextDivs {
    font-size: 16px;
  }
  .homePageTextDivs {
    width: 70%;
  }
}

@keyframes pulsingAnimation {
  0% {
    box-shadow: 50px 0px 180px 50px, -50px 0px 180px 50px;
  }
  50% {
    box-shadow: 50px 0px 180px 70px, -50px 0px 180px 70px;
  }
  100% {
    box-shadow: 50px 0px 180px 50px, -50px 0px 180px 50px;
  }
}

@keyframes pulsingAnimation2 {
  0% {
    box-shadow: 80px 0px 180px 55px, -80px 0px 180px 55px;
  }
  50% {
    box-shadow: 80px 0px 180px 70px, -80px 0px 180px 70px;
  }
  100% {
    box-shadow: 80px 0px 180px 55px, -80px 0px 180px 55px;
  }
}

@media (max-width: 570px) {
  @keyframes pulsingAnimation2 {
    0% {
      box-shadow: 80px 0px 180px 55px, -80px 0px 180px 55px, 0px 0px 100px 55px;
    }
    50% {
      box-shadow: 80px 0px 180px 70px, -80px 0px 180px 70px, 0px 0px 100px 70px;
    }
    100% {
      box-shadow: 80px 0px 180px 55px, -80px 0px 180px 55px, 0px 0px 100px 55px;
    }
  }
}