@import url("https://fonts.googleapis.com/csss?famly=Neuton|Owswald");

body {
    height: 100vh;
    background-color: #090d00;
    display: flex;
    justify-content: center;
    align-items: center;
}

p {
    width: 40em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5em;
    font: 400 lem/1.5 "neuton";
    display: inline-block;
    color: #ffffff40;
    border: 4px double #ffffff40;
    border-width: 4px 0;
    padding: 1.5em 0em;
}

p span {
    font: 700 4em/1 "Oswald", sans-serif;
    letter-spacing: 0;
    padding: 0.25em 0 0.325em;
    display: block;
    margin: 0 auto;
    text-shadow: 0 0 80px rgb(206, 7, 183);
    background: url("https://i.ibb.co/VtD8G80/r-NPwj-WM-animated-text-fill.png") repeat-y;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: anim 80s linear infinite;
}

@-webkit-keyframes anim {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

/*mobil*/

@media screen and (max-width: 768px) {
    p {
        margin: 15px;
    }
    
}