html, body {
  height: 100%;
}
body {
  margin: 0;
  background-image: url("/img/dust.png");
}
.flex-container {
  height: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.row {
  width: auto;
}

.flex-item {
  font-family: "SUSE", sans-serif;
  font-size: 3rem;
  font-weight: 100;
  font-style: normal;
  text-align: center;
}


.rainbow-text {
 

  background-image: repeating-linear-gradient(45deg, violet, indigo, blue, green, yellow, orange, red, violet);
  
  background-size: 800% 800%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: rainbow 20s ease infinite;
}


@keyframes rainbow { 
  0%{background-position:0% 50%}
  50%{background-position:100% 25%}
  100%{background-position:0% 50%}
}