@import url("https://use.typekit.net/fnb7idl.css");
                
.wrapper {
  margin-top: 20%; 
  position: relative;
  font-family: "sono-variable", sans-serif;
  font-size: 2rem;
  letter-spacing: 0.3rem;
  color: red;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mono {
  animation: sono 4s infinite ease-in-out;
}

@keyframes sono {
  0%, 100% {
    font-variation-settings: "wght" 900;
  }

  50% {
    font-variation-settings: "wght" 300; ;
    transform: skew(-20deg);
  }

  }