.scrolling_text {
    width: 110px;
    height: 100vh;
    overflow: hidden;
    display: flex;
    white-space: nowrap;
}

.text {
    font-size: 80px;
    text-transform: uppercase;
    width: 100vh;
    font-family: Anzeigen Grotesk T;

    
}

.text span {
    margin: 0px 0px; 

}

@keyframes animate_text {
    0% {
      transform: translate3d(12px, 0, 0) rotate(-90deg);
    }
    50% {
      transform: translate3d(12px, 10000px, 0) rotate(-90deg);
    }
    100% {
        transform: translate3d(12px, 0, 0) rotate(-90deg);
      }
}

.text {
    text-transform: uppercase;
    animation: animate_text 300s linear infinite; /* The animation property */
}