* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    margin: 16px;
}
ul {
    display: flex;
    list-style: none;
}
ul > span {
    font-family: "Impact", sans-serif;
    font-size: 100px;
    color: #666666;
}
#features-container > div:hover ul > span {
    animation: animate 3s linear infinite;
}
@keyframes animate {
    0% {
        transform: translateY(0px) rotate(inherit);
        opacity: 1;
        color: #666666;
        filter: blur(0px);
    }
    100% {
    /* 上に移動しつつ,傾いている文字の角度を0度にします */
        transform: translateY(-150%) rotate(0rad);
        opacity: 0;
        color: #f7f4e9;
        filter: blur(24px);
    }
}
#features-container > div:hover ul > span:nth-child(1) {
    animation-delay: 0s;
}
#features-container > div:hover ul > span:nth-child(2) {
    animation-delay: 0.1s;
}
#features-container > div:hover ul > span:nth-child(3) {
    animation-delay: 0.2s;
}
#features-container > div:hover ul > span:nth-child(4) {
    animation-delay: 0.3s;
}
#features-container > div:hover ul > span:nth-child(5) {
    animation-delay: 0.4s;
}
#features-container > div:hover ul > span:nth-child(6) {
    animation-delay: 0.5s;
}
#features-container > div:hover ul > span:nth-child(7) {
    animation-delay: 0.6s;
}
#features-container > div:hover ul > span:nth-child(8) {
    animation-delay: 0.7s;
}