@import url("https://fonts.googleapis.com/css2?family=Reggae+One&display=swap");

​

html,

body {

    width: 100%;

    height: 100%;

    display: flex;

    font-family: "Reggae One", cursive;

    background: #000;

}

​

.g-container {

    margin: auto;

}

​

p {

    position: relative;

    font-size: 60px;

    line-height: 200px;

    color: #fff;

​

    &::after {

        content: 'Magic Text';

        position: absolute;

        left: 0;

        top: 0;

        color: #fff;

        mix-blend-mode: difference;

        filter: blur(1px);

        transform: translate(-120%, 0);

        animation: mix 6s infinite linear;

    }

}

​

@keyframes mix {

    50%, 

    100% {

        transform: translate(0, 0);

    }

}

​