.text-animation {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 5vmin;
    font-size: 4vmin;

}

.text-animation h5 {
    font-size: inherit;
    font-family: 'Rubik';

}

.string {

    padding: 0 0.5rem;
    height: inherit;
    animation: move 5s infinite;
}

.greeting {
    font-family: 'Rubik';
    color: #5f2075;
    display: block;
    animation: white-out 5s infinite;
    font-weight: bold;
}

@keyframes move {
    25% {
        transform: translatey(-0%);
    }

    50% {
        transform: translatey(-100%);
    }

    75% {
        transform: translatey(-200%);
    }
}