:root {
  --effect-text: var(--palettes-txtggu-0);
  --effect-text2: var(--palettes-txtggu-1);
  --effect-point: var(--palettes-txtggu-2);
  --effect-point2: var(--palettes-txtggu-3);
  --effect-point3: var(--palettes-txtggu-4);
}

@keyframes background--flow {
  0% {
    background-position-y: 0%;
}
100% {
    background-position-y: 100%;
}
}

@keyframes neon-text {
  0% {
    color: white;
    filter: drop-shadow(0px 0px 3px rgba(255,255,255,.3));
  }
  50% {
    color: white;
    filter: drop-shadow(0px 0px 10px rgba(255,255,255,.6));
  }
  69% {
    color: white;
    filter: drop-shadow(0px 0px 3px rgba(255,255,255,.4));
  }
  70% {
    color: rgba(230, 230, 230);
    filter: drop-shadow(0px 0px 0px rgba(255,255,255,.6));
  }
  75% {
    color: rgba(230, 230, 230);
    filter: drop-shadow(0px 0px 0px rgba(255,255,255,.6));
  }
  80% {
    color: white;
    filter: drop-shadow(0px 0px 3px rgba(255,255,255,.6));
  }
  81% {
    color: rgba(230, 230, 230);
    filter: drop-shadow(0px 0px 0px rgba(255,255,255,.6));
  }
  100% {
    color: white;
    filter: drop-shadow(0px 0px 3px rgba(255,255,255,.3));
  }
}

.textggu--title5:hover:before {
  background: var(--effect-text);
  color: var(--effect-text2);
}

.textggu--sub6--circle {
  display: inline-flex;
  justify-content: center;
  font-size:15px;
  padding:10px;
  width:15px;
  height:15px;
  background: var(--effect-point);
  position:relative;
  border-radius:100%;
  margin:3px 0px 3px -6px;
}
.textggu--sub7--text {
  rotate:-45deg;
}
.textggu--sub7--square {
  display: inline-flex;
  justify-content: center;
  font-size:15px;
  padding:5px;
  width:15px;
  height:15px;
  background: var(--effect-point);
  position:relative;
  rotate:45deg;
  margin:10px 0px 10px 2px;
}