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

.grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row: 1;
  Justify-items: center;
  align-items: center;
}

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



.LOVE {
  grid-column: 1;
  grid-row: 1;
  animation: jackson 0.5s infinite alternate, bigger 0.5s infinite alternate;
  animation-timing-function: ease-in-out;
}

.BEATS {
  grid-column: 2;
  grid-row: 1;
  animation: jackson 0.3s infinite alternate, bigger 0.5s infinite alternate;
  animation-timing-function: ease-in-out;
  animation-delay: 0.5s;
}

.oval1 {
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  margin-top: 1rem;
}

.oval2 {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  margin-top: 1rem;
}


h1 {
  margin-top: 1.5rem;
  color: white;
}

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

@keyframes bigger {
  from {
    scale: 100%
  }

  to {
    scale: 800%
  }
}