@import url("https://fonts.googleapis.com/css?family=Lobster");

body {
    perspective: 500px;
    background: black;
}

div {
    position: absolute;
    left: 50%;
    top: 20vh;
    color: #fff;
    width: 60vw;
    font-family: "Lobster", sans-serif;
    font-size: 10vmin;
    line-height: 1;
    transform: translate(-50vmin) rotateX(25deg) rotateY(20deg) rotateZ(-3deg);
    position: absolute;
    animation: changeColor 3s linear infinite alternate;
}

@keyframes changeColor {
    0% {
        text-shadow: -6px 4px 0px #e91e63;
    }
    10% {
        text-shadow: 4px -6px 0px #00ff0a;
    }
    20% {
        text-shadow: -9px 4px 0px #0b3cff;
    }
    30% {
        text-shadow: 4px -6px 0px #ffe926;
    }
    40% {
        text-shadow: -8px 4px 0px #f19000;
    }
    50% {
        text-shadow: 4px 5px 0px #e9a48b;
    }
    60% {
        text-shadow: -6px 4px 0px #e9eced;
    }
    70% {
        text-shadow: 4px 7px 0px #e028ff;
    }
    80% {
        text-shadow: -9px -4px 0px #5af4e5;
    }
    90% {
        text-shadow: 4px -6px 0px #3c59f8;
    }
    100% {
        color: #000;
        transform: translate(-50vmin) rotateX(15deg) rotateY(10deg) rotateZ(-5deg);
        text-shadow: -9px 4px 0px #d7d7d7;
    }
}