body {
  background-color: var(--white);

  overflow: hidden;
}

.wrapper {
  font-family: Antarctica;
  color: var(--black);
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 120vw;
  margin-top: -200px;
}

.logo {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13rem;
  line-height: 160px;
}

.letter {
  font-variation-settings: "wght" 100, "wdth" 50;
  animation: letter 2s infinite;
  animation-delay: calc(0.1s * var(--i));
  animation-timing-function: ease-in-out;
  transition: color 0.5s;
}

.letter:hover {
  color: var(--red);
}

@keyframes letter {
  0%,
  100% {
    font-variation-settings: "wght" 100, "wdth" 50;
  }
  50% {
    font-variation-settings: "wght" 300, "wdth" 100;
  }
}