@font-face {
    font-family: 'Iceberg';
    src: url(/fonts/Iceberg/Iceberg-Regular.ttf);
}

#scroller {
    font-family: 'Iceberg', 'Times New Roman', Times, serif;

    width: 100%;
    height: 100vh;

    /* padding: 50px; */

    background-color: #2c2c33;

    & #chunk-container {
        width: 120%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;

        overflow: hidden;
    }


    & .chunk-wrap {
        width: 120px;
        overflow: hidden;
    }

    & .chunk {
        color: beige;
        font-size: 70px;

        /* width: 120px;
        overflow: hidden; */

        animation-name: chunk;
        animation-duration: 2s;
        /* animation-delay: 1s; */
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        animation-direction: alternate;

        /* position: absolute; */
        z-index: 1;


    }
}

@keyframes chunk {

    /* 0% {
        transform: translateX(0px);
    }

    35% {
        transform: translateX(0px) scaleX(94%);
    }

    65% {
        transform: translateX(-120px) scaleX(94%);
    }

    100% {
        transform: translateX(-120px);
    } */

    0%,
    35% {
        transform: translateX(0px);
    }




    65%,
    100% {
        transform: translateX(-120px);
    }

}