/* @import url(https://fonts.googleapis.com/css?family=Anonymous+Pro); */

.typewriter-text {
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    width: 0;
    border-right: 2px solid rgba(255, 255, 255, 0.75);

    animation: typewriter 4s steps(33) 1s 1 normal both,
        blinkTextCursor 400ms steps(33) infinite normal;

}

/*

  animation-name: typewriter;
  animation-duration: 4s;
  animation-timing-function: steps(44);
  animation-delay: 1s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;

*/


@keyframes typewriter {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@keyframes blinkTextCursor {

    from {
        border-right-color: rgba(255, 255, 255, 0.75);
    }

    to {
        border-right-color: transparent;
    }

}