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

.grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: auto;
}

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


.WE {
  grid-column: 1;
  grid-row: 1;
}

.L {
  grid-column: 2;
  grid-row: 1;
}

.VE {
  grid-column: 4;
  grid-row: 1;
}

.BEATS {
  grid-column: 1;
  grid-row: 2;
}

.T {
  grid-column: 3;
  grid-row: 2;
}

.oval1 {
  grid-column: 3;
  grid-row: 1;
  scale: 30%;
  margin-top: -6rem;
  animation: verschieben 0.2s infinite alternate;
  animation-timing-function: ease-in-out;
}

.oval2 {
  grid-column: 3;
  grid-row: 2;
  scale: 30%;
  margin-top: -6rem;
  animation: verschieben 0.4s infinite alternate;
  animation-timing-function: ease-in-out;
}

.oval3 {
  grid-column: 4;
  grid-row: 2;
  scale: 30%;
  margin-top: -6rem;
  animation: verschieben 0.2s infinite alternate;
  animation-timing-function: ease-in-out;
}



h1 {
  font-size: 900%;
  margin-top: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  line-height: 0.5;
  font-weight: 500;
  color: white;
  animation: head 0.2s infinite alternate;
  animation-timing-function: ease-in-out;
}

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

@keyframes head {
  from { font-variation-settings: 'ital' 0 }
  to { font-variation-settings: 'ital' 12 }
}