:root {
  font-size: 400%;
  font-family: "Swiss Now";
}


body {
  background-color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  overflow: hidden;
}

h1 {
  text-align: center;
  color: rgb(105, 195, 230);
}

.container {
  display: flex;
  justify-content: space-evenly;
  gap: 40px;
}

.WE {
  margin-top: 3.5rem;
  color: white;
  animation: headbanger 0.25s infinite, jackson 1.5s infinite;
  animation-delay: 0.15s;
}

.LOVE {
  margin-top: 3.5rem;
  color: white;
  animation: headbanger 0.25s infinite, jackson 1.5s infinite;
}

.BEATS {
  margin-top: 3.5rem;
  color: white;
  animation: headbanger 0.25s infinite, jackson 1.5s infinite;
  animation-delay: 0.1s;
}

.TOO {
  margin-top: 3.5rem;
  color: white;
  animation: headbanger 0.25s infinite, jackson 1.5s infinite;
  animation-delay: 0.25s;
}

@keyframes headbanger {
  from { transform: translate(0px, 0px); }
  to { transform: translate(0px, -300px); }
}

@keyframes jackson {
  from { font-variation-settings: 'wght' 100, 'ital' 0 }
  to { font-variation-settings: 'wght' 900, 'ital' 12 }
}