How to keep text in middle of page while pulsing
21:26 28 Jul 2019

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

html css animation