*, *::before, *::after { margin: 0; padding: 0; border: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; font-size: 62.5%; }

body { background: #111111; color: #fafafa; display: grid; place-items: center; min-height: 100vh; width: 100vw; font-family: sans-serif; }
header { position: relative; width: 100%; max-width: 90vw; overflow: hidden; text-align: center; }
h1 { font-size: 10vw; }
p { font-size: 3rem; }

h1, p{
margin: 0;
color: rgba(225,225,225, .01);
background-image: url("bg.png");
background-repeat: repeat;
-webkit-background-clip:text;
animation: animate 15s ease-in-out infinite;
text-align: center;
font-weight: 900;
}

@keyframes animate {
	0%, 100% { background-position: left top; }
	25%{ background-position: right bottom; }
	50% { background-position: left bottom; }
	75% { background-position: right top; }   
}