body {
  background-color: var(--red);
  overflow: hidden;
}

.wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
}

.lines-right {
  position: absolute;
  font-size: 30rem;
  font-family: Adobe;
  letter-spacing: 6px;
  font-variation-settings: "wdth" 10, "HGHT" 500;
  animation-name: line-animation-left;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.lines-left {
  position: absolute;
  font-size: 30rem;
  font-family: Adobe;
  letter-spacing: 6px;
  font-variation-settings: "wdth" 10, "HGHT" 500;
  animation-name: line-animation-right;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.swissair {
  color: var(--red);
  z-index: 9999;
  font-family: oddity;
  font-size: 10rem;
}

@keyframes line-animation-left {
  from {
  }
  to {
    transform: translateY(300px);
    font-variation-settings: "wdth" 10, "HGHT" 20;
    letter-spacing: 6px;
  }
}

@keyframes line-animation-right {
  from {
  }
  to {
    transform: translateY(-300px);
    font-variation-settings: "wdth" 10, "HGHT" 20;
    letter-spacing: 6px;
  }
}