@import url('https://fonts.googleapis.com/css?family=Roboto:700');
/* body

{
    font-family: 'Roboto';
    background-color: #131417;
}
*/
.a_h3 {
    text-shadow: 0 0 7px rgba(255,255,255,.3), 0 0 3px rgba(255,255,255,.3);
}

.a_container {
    color: #e5e5e5;
    font-size: 2.26rem;
    text-transform: uppercase;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.a_animation {
    height: 50px;
    overflow: hidden;
    margin-left: 1rem;
}

    .a_animation > div > div {
        padding: 0.25rem 0.75rem;
        height: 2.81rem;
        margin-bottom: 2.81rem;
        display: inline-block;
    }

    .a_animation div:first-child {
        animation: text-animation 8s infinite;
    }

.a_first div {
    color: white;
    background: linear-gradient(#F9D423,#FF4E50);
}

.a_second div {
    color: white;
    background: linear-gradient(#2AFADF,#4C83FF);
}


@keyframes text-animation {
    0% {
        margin-top: 0;
    }

    10% {
        margin-top: 0;
    }

    20% {
        margin-top: -5.62rem;
    }

    30% {
        margin-top: -5.62rem;
    }

    40% {
        margin-top: -11.24rem;
    }

    60% {
        margin-top: -11.24rem;
    }

    70% {
        margin-top: -5.62rem;
    }

    80% {
        margin-top: -5.62rem;
    }

    90% {
        margin-top: 0;
    }

    100% {
        margin-top: 0;
    }
}