:root {
  --pageGrey: #212121;
  --lightBlue: #acc0ce;
  --pagePurple: #b0899f;
  --pagePink: #fff0fb;
  --pageYellow: #fadf72;
  
  --darkBlue: #42565d;
  --pageGreen: #5f9774;
  --lightGreen: #8ed29c;
  --shadowBlue: #edfff4;
  --grey: #a2a2a2;
}

body {
  margin: 0;
  padding: 0;
}
.banner {
  height: 100vh;
  background-image: url(bg.png);
  background-position: 0 0;
  z-index: 1;
  animation: animated-pattern 10s linear 1;
}
@keyframes animated-pattern {
  from {background-position: 0 0 }
  to { background-position: 600px 0 ;}
}