@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600&display=swap');
*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
html{
  font-family: 'Nunito'
}
:root{
  --var-color: rgb(255, 255, 255); 
}
section{
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #09111b;
}
.container h1{
  font-size: 20vw;
  color: var(--var-color);
  position: relative;
}
.container h1::before{
  position: absolute;
  content: attr(data-text);
  text-shadow: 0px 0px 20px var(--var-color);
  filter: blur(10px) brightness(0);
  animation: flicker 2s linear forwards;
  animation-delay: 1s;
}
@keyframes flicker{
    0% {filter: blur(5px) brightness(1)}
    3% {filter: blur(5px) brightness(0)}
    6% {filter: blur(5px) brightness(0)}
    7% {filter: blur(5px) brightness(1)}
    8% {filter: blur(5px) brightness(0)}
    9% {filter: blur(5px) brightness(1)}
    10% {filter: blur(5px) brightness(0)}
    20%{filter: blur(5px) brightness(1)}
    50%{filter: blur(5px) brightness(1)}
    99% {filter: blur(5px) brightness(0)}
    100% {filter: blur(5px) brightness(1)}
}