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

.wrapper {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  width: 100%;
  height: 100vh;
}

.black-block {
  display: flex;
  justify-content: space-between;
  width: 100%;
  z-index: -999;
  opacity: 1;
  color: var(--black);
}

.block {
  font-size: 32.3rem;
  font-family: Adobe;
  font-variation-settings: "wdth" 40, "HGHT" 900 !important;
  letter-spacing: 10px;
  filter: blur(3px);
  animation: bar-animation 10s ease-in-out alternate infinite;
}

@keyframes bar-animation {
  from {
  }
  to {
    font-variation-settings: "wdth" 60, "HGHT" 100 !important;
    color: var(--black);
    transform: translateX(200px);
  }
}

.block-pos-1 {
  position: absolute;
  top: 460px;
  left: 300px;
  transform: rotate(180deg);
}

.block-pos-2 {
  position: absolute;
  top: -20px;
  left: -300px;
}

.block-pos-3 {
  position: absolute;
  top: 940px;
  left: -300px;
  transform: rotate(180deg);
}

.move {
  transform: translateX(2px);
}

.fat {
  font-variation-settings: "wdth" 40, "HGHT" 500 !important;
}

.lines {
  width: 3000px;
  font-size: 30rem;
  font-family: Adobe;
  letter-spacing: 10px;
  font-variation-settings: "wdth" 28, "HGHT" 500;
  filter: blur(3px);
  line-height: 15rem;
}