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

body {
  background-color: rgb(105, 195, 230);
  /* overflow: hidden; */
}

h1 {
  text-align: center;
  color: white;
  line-height: 1rem;
}

.WE {
  font-size: 600%;
  animation: movimentoWE 0.6s infinite alternate;
  animation-timing-function: ease-in-out;
}

@keyframes movimentoWE {
  from { transform: translate(0px, 0px); }
  to { transform: translate(600px, 100px); }
}

.LOVE {
  font-size: 900%;
  font-variation-settings: 'ital' 12;
  animation: movimentoLOVE 0.4s infinite alternate;
  animation-timing-function: ease-in-out;
}

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

.BEATS {
  font-size: 1200%;
  animation: movimentoBEATS 0.2s infinite alternate;
  animation-timing-function: ease-in-out;
}

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

.TOO {
  font-size: 600%;
  animation: movimentoTOO 0.4s infinite alternate;
  animation-timing-function: ease-in-out;
}

@keyframes movimentoTOO {
  from { transform: translate(0px, 0px); }
  to { transform: translate(-500px, -800px); }
}