:root {
  --pageGrey: #212121;
  --lightBlue: #acc0ce;
  --pagePurple: #946E83;
  --pagePink: #fff0fb;
  --pageYellow: #fadf72;
  
  --darkBlue: #18252a;
  --pageGreen: #5f9774;
  --lightGreen: #8ed29c;
  --shadowBlue: #edfff4;
  --grey: #a2a2a2;
}

body {
  margin: 0;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  background-color: var(--lightGreen);
}
h1 {
  font-size: 160px;
  text-align: center;
  text-transform: uppercase;
  background: url(bg.png);
  -webkit-background-clip: text;
  color: transparent;
  animation: textbackground 8s linear 4;
}
@keyframes textbackground {
  from {background-position: 0 0;}
  to {background-position: -100%;}
}