How to keep text in middle of page while pulsing
I am trying to have the text only pulse in the center of the page I do not want it ever at the top
I have played around with the scale
.Lum{
font-family: Edwardian Script ITC;
position: fixed;
top: 50%;
left: 50%;
font-size: 50px;
text-align: center;
transform: translate(-50%, -50%);
margin: 0;
letter-spacing: 1px;}
@keyframes pulse {
0% {transform: scale(1);}
50% {transform: scale(1.1);}
100% {transform: scale(1);}
}
.pulse {
animation-name: pulse;
animation-duration: 2s;
}
Lumiere
Lumiere
I want the text always in the middle of the page never at the top