@import url(https://fonts.googleapis.com/earlyaccess/nunitovfbeta.css);

html, body {
  width: 100%;
  height: 100%;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Nunito VF Beta', sans-serif;
  background-image: linear-gradient(to bottom, #ff0084 0%,#e50003 49%,#e57a00 100%);
  background-repeat: no-repeat;
  animation: bg ease 7s infinite;
}

h1 {
  margin: 0;
  font-size: calc(100vw * .2);
  animation: heading ease 7s infinite;
  color: white;
}

@keyframes heading {
  0% {
    font-variation-settings: "wght" 50;
  }
  
  60% {
    font-variation-settings: "wght" 150;
  }
  
  100% {
    font-variation-settings: "wght" 50;
  }
}

@keyframes bg {
  0% {
    background-size: 200%;
  }
  
  60% {
    background-size: 500%;
  }
  
  100% {
    background-size: 200%;
  }
}