.text-effect{
color: #00c2ba;
font-family: 'Do Hyeon', sans-serif;
font-size: 100px;
font-weight: 400;
text-align: center;
}
.text-effect span{
display: inline-block;
animation: zoomup 2.5s linear infinite;
animation-delay: calc(200ms * var(--i));
}
.text-effect span:nth-child(1){ --i:1; }
.text-effect span:nth-child(2){ --i:2; }
.text-effect span:nth-child(3){ --i:3; }
.text-effect span:nth-child(4){ --i:4; }
.text-effect span:nth-child(5){ --i:5; }
.text-effect span:nth-child(6){ --i:6; }
.text-effect span:nth-child(7){ --i:7; }
.text-effect span:nth-child(8){ --i:8; }
.text-effect span:nth-child(9){ --i:9; }
.text-effect span:nth-child(10){ --i:10; }
@keyframes zoomup{
0%,100% {
color: #fff;
filter: blur(1px);
text-shadow: 0 0 10px #00c2ba, 0 0 20px #00c2ba, 0 0 30px #00c2ba,
0 0 40px #00c2ba, 0 0 60px #00c2ba, 0 0 80px #00c2ba, 0 0 100px #00c2ba,
0 0 120px #00c2ba;
}
5%,95% {
filter: blur(0);
color: #00c2ba;
text-shadow: none;
}
}
@media only screen and (max-width: 990px){
.text-effect{ font-size: 80px; }
}
@media only screen and (max-width: 767px){
.text-effect{ font-size: 60px; }
}
@media only screen and (max-width: 576px){
.text-effect{ font-size: 45px; }
}