*{
background-color: #ffc30b;
font-family: 'Cedarville Cursive', cursive;
margin: 0;
padding: 0;
}
  
.Name{
font-weight: 800;
font-size: 100px;
position: absolute;
top: 50%;
left: 50%;
padding: 12px 48px;
transform: translate(-50%,-50%);
color: #000;
background: linear-gradient(to right, #000000 0, #fadb97 10%, #000 30%);
background-position: 0;
animation: shine 3s infinite linear;
animation-fill-mode: forwards;
-webkit-text-size-adjust: none;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
white-space: nowrap;
}
    
@keyframes shine{
0%{
  background-position: 0;
}
60%{
  background-position: 690px;
}
100%{
  background-position: 690px;
}
}