.neon-text {
    font-size: 1.5rem;
    color: #fff;
    text-shadow: 0 0 5px #ff005e, 0 0 10px #ff005e, 0 0 20px #ff005e, 0 0 40px #ff005e, 0 0 80px #ff005e;
    animation: glow 1.5s infinite alternate;
}

@keyframes glow {
    0% {
        text-shadow: 0 0 5px #ff005e, 0 0 10px #ff005e, 0 0 20px #ff005e, 0 0 40px #ff005e, 0 0 80px #ff005e;
    }
    100% {
        text-shadow: 0 0 10px #00d4ff, 0 0 20px #00d4ff, 0 0 40px #00d4ff, 0 0 80px #00d4ff, 0 0 160px #00d4ff;
    }
}

.neon-text1 {
    font-size: 1.5rem;
    color: #fff;
    text-shadow: 0 0 5px #00ff48, 0 0 10px #00ff37, 0 0 20px #00ff2a, 0 0 40px #00ff2a, 0 0 80px #00ff15;
    animation: glow1 1.5s infinite alternate;
}

@keyframes glow1 {
    0% {
        text-shadow: 0 0 5px #03e124, 0 0 10px #a6a603, 0 0 20px #ff005e, 0 0 40px #00bbff, 0 0 80px #d9ff00;
    }
    100% {
        text-shadow: 0 0 10px #00d4ff, 0 0 20px #00d4ff, 0 0 40px #00d4ff, 0 0 80px #00d4ff, 0 0 160px #00d4ff;
    }
}

.wave-text span {
    display: inline-block;
    font-size: 1rem;
    animation: wave 2s ease-in-out infinite;
}

.wave-text span:nth-child(1) {
    animation-delay: 0s;
}
.wave-text span:nth-child(2) {
    animation-delay: 0.2s;
}
.wave-text span:nth-child(3) {
    animation-delay: 0.4s;
}
.wave-text span:nth-child(4) {
    animation-delay: 0.6s;
}

@keyframes wave {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}


.shadow-dance-text {
    font-size: 1.5rem;
    color: #fff;
    text-shadow: 5px 5px 0 #ff005e, 10px 10px 0 #0E9CDE;
    animation: shadow-dance 2s infinite;
}

@keyframes shadow-dance {
    0%, 100% {
        text-shadow: 5px 5px 0 #ff005e, 10px 10px 0 #0E9CDE;
    }
    50% {
        text-shadow: -5px -5px 0 #0E9CDE, -10px -10px 0 #ff005e;
    }
}

.awesome {
      

      
      color:#313131;
      
      -webkit-animation:colorchange 20s infinite alternate;
      
      
    }

    @-webkit-keyframes colorchange {
      0% {
        
        color: #418DCD;
      }
      
      10% {
        
        color: #418DCD;
      }
      
      20% {
        
        color: #418DCD;
      }
      
      30% {
        
        color: #418DCD;
      }
      
      40% {
        
        color: #03965B;
      }
      
      50% {
        
        color: #03965B;
      }
      
      60% {
        
        color: #545C5E;
      }
      
      70% {
        
        color: #545C5E;
      }
      80% {
     
        color: #03965B;
      }
      
      90% {
     
        color: #03965B;
      }
      
      100% {
        
        color: #418DCD;
      }
    }


section {
	font-size: 1.5em;
	gap: 20px;
}


.text-shadow {
	background: linear-gradient(90deg, #00C9FF 0%, #92FE9D 100%);
  -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 2px 2px 10px $blue;
	transition: all 1.9s ease-in-out;
	
	animation: flicker 1.9s ease-in-out infinite alternate;

	&:hover {
		color: #dcef06;
	}
}

.text-shadow1 {
	background: linear-gradient(90deg, #00C9FF 0%, #92FE9D 100%);
  -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 2px 2px 10px $blue;
	transition: all 2.9s ease-in-out;
	
	animation: flicker 2.9s ease-in-out infinite alternate;

	&:hover {
		color: #0E9CDE;
	}
}

.text-shadow2 {
	background: linear-gradient(90deg, #00C9FF 0%, #92FE9D 100%);
  -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 2px 2px 10px $blue;
	transition: all 3.9s ease-in-out;
	
	animation: flicker 3.9s ease-in-out infinite alternate;

	&:hover {
		color: #43f9e7;
	}
}

.text-shadow3 {
	background: linear-gradient(90deg, #00C9FF 0%, #92FE9D 100%);
  -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 2px 2px 10px $blue;
	transition: all 4.9s ease-in-out;
	
	animation: flicker 4.9s ease-in-out infinite alternate;

	&:hover {
		color: #46dffe;
	}
}

.tags small {
	@media (max-width: 768px) {
		font-size: 0.5em;
	}
}

@keyframes flicker {
	0% {
		opacity: 0.5;
		text-shadow: 2px 2px 10px $blue;
	}
	100% {
		opacity: 1;
		text-shadow: 2px 2px 20px $blue;
	}
}

.wordcolor {
    color: var(--Blue, #0E9CDE);
}