.title {
    color: green;
    animation: wewe 1s infinite;
}

.rainbow {
    background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
    background-clip: text;
    color: transparent;
}

.bouncy-squish {
  animation: squish-bounce 1s infinite;
}

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

@keyframes squish-bounce {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0.5, 1.3);
  }
  50% {
    transform: scale(1.3, 0.5);
  }
  100% {
    transform: scale(1, 1);
  }
}

@keyframes wewe {
    0% {
        transform: skew(0);
    }
    25% {
        transform: skew(35deg, 5deg);
    }
    50% {
        transform: skew(0);
    }
    75% {
        transform: skew(900deg, 5deg);
    }
    100% {
        transform: skew(0);
    }
}