:root{
    --color:#0f0;
}
*{
    padding:0;
    margin:0;
}
section{
    position:relative;
    width: 100%;
    height: 100vh;
    background: rgb(30,30,30);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
section .row{
    left:-50%;
    position: relative;
    width: 100%;
    display: flex;
    padding: 10px 0;
    white-space: nowrap;
    font-size: 70px;
}
i{
    color: rgba(0,0,0,0.5);
    transition: 1s;
    padding: 0 5px;
    user-select: none;
    cursor: default;
}
i:hover{
    color: var(--color);
    text-shadow: 0 0 50px var(--color);
    transition: 0s; 
}
section .row div{
    animation: animate 300s linear infinite;
    animation-delay: 0s;
}
section .row:nth-child(even) div{
    animation: animate2 300s linear infinite;
    animation-delay: 0s;
}
 @keyframes animate {
    0%{
        transform: translate(-30%);
    }
    100%{
        transform: translate(20%);
    }
}
@keyframes animate2 {
    0%{
        transform: translate(10%);
    }
    100%{
        transform: translate(-40%);
    }
}