.ascii-guy {
    width: 100px;
    height: 50px;
    display: inline-block;
    animation: movingGuy 8s ease infinite;

}
.x {
    display: inline-block;
    animation: x 26s linear infinite;

}
.y {
    display: inline-block;
    animation: y 14s ease infinite;
}

@keyframes mouth {
    100% { transform: rotate(-360deg);} 
}

@keyframes movingGuy { 
    10%     { }
    20%     { transform: translateX(-300%) rotate(-360deg);}
    40%     { transform: translateX(0%) rotate(0deg);}
    50%     { }
    60%     { transform: translateX(300%) rotate(360deg);}
    80%     { transform: translateX(0%) rotate(0deg); text-shadow: none;}
    90%     { transform: scale(1.0); opacity: 1; filter: blur(0px); text-shadow: 1px 1px 30px rgba(255, 128, 128, 1);}
    100%    { transform: scale(50.0);
                opacity: 0.01;
                font-weight: bold;
                filter: blur(50px);
            }
}