@import 'https://fonts.googleapis.com/css?family=Rajdhani:700';

body {
  margin: 0;
  background: rgba(0, 0, 0, 1);
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

@keyframes background {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -200px;
  }
}

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
}

h1 {
  color: #F2F5FE;
  text-align: center;
  font-size: 15em;
  line-height: 1;
  font-family: 'Rajdhani', sans-serif;
  background: -webkit-linear-gradient(transparent, transparent), url(pattern.jpg) repeat;
  background-size: 200px auto;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  animation: background 20s infinite linear;
  
}

footer {
  font-family: 'Rajdhani', sans-serif;
  margin-top: 2rem;
  padding: 1rem;
  color:  rgba(200, 200, 200, 0.5);
  text-align: center;
  
}