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

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

body {
  background-color: white;
  overflow: hidden;
}


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

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

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

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


h1 {
  font-size: 8000%;
  margin-top: -10rem;
  color: rgb(105, 195, 230);
}

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

@keyframes transparent {
  from {
    opacity: 10%
  }

  to {
    opacity: 100%
  }
}