glow in text cr mitsuyafuji on instagram

<!--cr mitsuyafuji on insta if using -->
<style>

body {
margin: auto;
background-color: tranparent;
background-size: cover;
}

p {
margin: 5px;
}

h1, p {
text-align: center;
line-height: 18px;
font-family: arial;
font-size: 1.2em;
}

.glowIn {
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
color: #fff;
}
.glowIn span {
animation: glow-in 2s both;
}

@keyframes glow-in {
from {
opacity: 0;
}
65% {
opacity: 1;
}
75% {
opacity: 0.90;
}
to {
opacity: 1;
}
}
</style>
<h1 class="glowIn"></h1>
<p class="glowIn">glow in text! if u want it to loop add 'infinite' where it says animation!</p>

<script>
"use strict";
var glowInTexts = document.querySelectorAll(".glowIn");
glowInTexts.forEach(function (glowInText) {
var letters = glowInText.textContent.split("");
glowInText.textContent = "";
letters.forEach(function (letter, i) {
var span = document.createElement("span");
span.textContent = letter;
span.style.animationDelay = i * 0.05 + "s";
glowInText.append(span);
});
});
</script>