Javascript 使用Css/Js的文本动画无法正常工作

我目前正在制作一个使用jQuery/CSS的文本动画。你可以在这里找到一个链接

我面临的问题在第二行-

---

Insta's@TheFitFlyingFoodie

当动画运行时，最后的“ie”会被剪切，并且不会作为动画的一部分运行

有人能帮我解决代码中的这个问题吗

这是我的代码，如果有帮助的话-

HTML

布拉格亚拉格霍
Insta's@theFitFlyingFoodie

这是一个关于如何，
我的生活完全颠倒了。
所以我想讲个故事，就坐在那里。
我会告诉你我是如何成为贝莱尔王子的

CSS

*，*：之前，*：之后{
框大小：边框框；
}
身体{
保证金：0；
宽度：100%；
字体系列：“Cutive Mono”，monospace；
线高：1.5；
字体大小：400；
字体风格：普通；
-ms文本大小调整：100%；
-webkit文本大小调整：100%；
-webkit字体平滑：抗锯齿；
-moz osx字体平滑：灰度；
文本呈现：优化易读性；
}
九月{
边界：0；
宽度：3em；
高度：1px；
利润率：1米0；
背景色：rgba（255、255、255、0.4）；
}
.桅杆{
位置：相对位置；
显示：-网络工具包盒；
显示器：flex；
-webkit框对齐：居中；
对齐项目：居中；
宽度：100%；
高度：100vh；
颜色：#fff；
背景色：#111；
}
.桅杆：在{
z指数：0；
内容：''；
位置：绝对位置；
排名：0；
左：0；
身高：100%；
宽度：100%；
背景：rgba（17,17,17,0.9）；
}
.桅杆>收割台{
z指数：2；
位置：相对位置；
}
.mast__bg{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
高度：100vh；
保证金：0；
填充：0；
背景尺寸：封面；
背景职位：50%；
}
.mast___头{
填充：5%；
}
.mast____标题{
字体系列：“Cutive Mono”，monospace；
字号：1em；
字体大小：400；
字母间距：0.1米；
}
.桅杆标题跨度{
-webkit动画：字母辉光0.7s，两种动画都轻松；
动画：字母光晕0.7s，两个都轻松；
}
.mast___标题跨度：第n个孩子（1）{
-webkit动画延迟：0.05秒；
动画延迟：0.05秒；
}
.mast___标题跨度：第n个孩子（2）{
-webkit动画延迟：0.1s；
动画延迟：0.1s；
}
.mast___标题跨度：第n个孩子（3）{
-webkit动画延迟：0.15s；
动画延迟：0.15s；
}
.mast___标题跨度：第n个孩子（4）{
-webkit动画延迟：0.2s；
动画延迟：0.2s；
}
.mast___标题跨度：第n个孩子（5）{
-webkit动画延迟：0.25s；
动画延迟：0.25s；
}
.mast___标题跨度：第n个孩子（6）{
-webkit动画延迟：0.3s；
动画延迟：0.3s；
}
.mast___标题跨度：第n个孩子（7）{
-webkit动画延迟：0.35s；
动画延迟：0.35s；
}
.mast___标题跨度：第n个孩子（8）{
-webkit动画延迟：0.4s；
动画延迟：0.4s；
}
.mast___标题跨度：第n个孩子（9）{
-webkit动画延迟：0.45秒；
动画延迟：0.45秒；
}
.mast___标题跨度：第n个孩子（10）{
-webkit动画延迟：0.5s；
动画延迟：0.5s；
}
.mast___标题跨度：第n个孩子（11）{
-webkit动画延迟：0.55s；
动画延迟：0.55s；
}
.mast___标题跨度：第n个孩子（12）{
-webkit动画延迟：0.6s；
动画延迟：0.6s；
}
.mast___标题跨度：第n个孩子（13）{
-webkit动画延迟：0.65s；
动画延迟：0.65s；
}
.mast___标题跨度：第n个孩子（14）{
-webkit动画延迟：0.7s；
动画延迟：0.7s；
}
.mast___标题跨度：第n个孩子（15）{
-webkit动画延迟：0.75秒；
动画延迟：0.75s；
}
.mast___标题跨度：第n个孩子（16）{
-webkit动画延迟：0.8s；
动画延迟：0.8s；
}
.mast___标题跨度：第n个孩子（17）{
-webkit动画延迟：0.85秒；
动画延迟：0.85秒；
}
.mast___标题跨度：第n个孩子（18）{
-webkit动画延迟：0.9秒；
动画延迟：0.9秒；
}
.mast___标题跨度：第n个孩子（19）{
-webkit动画延迟：0.95s；
动画延迟：0.95s；
}
.mast___标题跨度：第n个孩子（20）{
-webkit动画延迟：1s；
动画延迟：1s；
}
.mast___标题跨度：第n个孩子（21）{
-webkit动画延迟：1.05秒；
动画延迟：1.05秒；
}
.mast___标题跨度：第n个孩子（22）{
-webkit动画延迟：1.1s；
动画延迟：1.1s；
}
.mast___标题跨度：第n个孩子（23）{
-webkit动画延迟：1.15s；
动画延迟：1.15s；
}
.mast___标题跨度：第n个孩子（24）{
-webkit动画延迟：1.2s；
动画延迟：1.2s；
}
.mast___标题跨度：第n个孩子（25）{
-webkit动画延迟：1.25s；
动画延迟：1.25秒；
}
.mast___文本{
字体系列：“Cutive Mono”，monospace；
字号：1em；
边缘：0.5em；
线高：1.5；
空白：预处理；
}
.mast__文本跨度{
-webkit动画：字母辉光0.7s，两种动画都轻松；
动画：字母光晕0.7s，两个都轻松；
}
.mast_uu文本跨度：第n个子项（1）{
-webkit动画延迟：0.05秒；
动画延迟：0.05秒；
}
.mast_uu文本跨度：第n个子项（2）{
-webkit动画延迟：0.1s；
动画延迟：0.1s；
}
.mast_uu文本跨度：第n个子项（3）{
-webkit动画延迟：0.15s；
动画延迟：0.15s；
}
.mast_uu文本跨度：第n个子项（4）{
-webkit动画延迟：0.2s；
动画延迟：0.2s；
}
.mast_uu文本跨度：第n个子项（5）{
-webkit动画延迟：0.25s；
动画延迟：0.25s；
}
.mast_uu文本跨度：第n个子项（6）{
-webkit动画延迟：0.3s；
动画延迟：0.3s；
}
.mast_uu文本跨度：第n个子项（7）{
-webkit动画延迟：0.35s；
动画延迟：0.35s；
}
.mast_uu文本跨度：第n个子项（8）{
-webkit动画延迟：0.4s；
动画延迟：0.4s；
}
.mast_uu文本跨度：第n个子项（9）{
-webkit动画延迟：0.45秒；
动画延迟：0.45秒；
}
.mast_uu文本跨度：第n个子项（10）{
-webkit动画延迟：0.5s；
动画延迟：0.5s；
}
.桅杆_
.mast__title span:nth-child(26) {
  -webkit-animation-delay: 1.25s;
          animation-delay: 1.25s;
}

.mast__title span:nth-child(27) {
  -webkit-animation-delay: 1.25s;
          animation-delay: 1.25s;
}