*{
  box-sizing: border-box;
}
body{
  background: black;
}

span{
  margin: 0;
  padding: 0;
}

.end-left{
  margin-left: -235px;
}

.end-right{
  margin-right: -117.5px;
}
.outline{
  position: absolute;
  top: 10px;
}

.outline{
    color: black;
   -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: green;
   font-size: 44px;
  font-family: 'Arvo', serif;
}

.orbs{
  font-family: 'Raleway', sans-serif;
  font-weight: 100;
  display: block;
  font-size: 68px;
}

.orbs span{
    color: red;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    text-shadow: 0 0 20px orange, 1px 1px 20px orange, 2px 2px 20px orange, -1px -1px 20px orange, -2px -2px 20px orange;
    position: absolute;
    left: 10%;

    &:first-child{
      margin-left: -210px;
    }

    &:not(:first-child){
      margin-left: -35px;
    }
  }


.glow{
  opacity: 0;
  font-family: 'Arvo', serif;
  font-weight: 300;
  color: #CA159E;
  margin-left: -222.5px;
  font-size: 35px;
  position: absolute;
  top: 160px;
  left: 50%;
}

.neon{
font-size: 40px;
font-family: 'Futura';
color: #fff;
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #ff0080, 0 0 30px #ff0080, 0 0 40px #ff0080, 0 0 55px #ff0080, 0 0 75px #ff0080;
text-align: center;
position: absolute;
top: 160px;
left: 10%;
}