body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.blob {
  width: 300px;
  height: 300px;
  background: linear-gradient(135deg, #ffa17f 0%, #fcd357 100%);
  border-radius: 47% 53% 56% 44% / 54% 62% 38% 46%;
  animation: wobble 3s infinite ease-in-out;
  box-shadow: 0 8px 48px 0 #ffad5a55;
}

/* ACUTALLY ANIMATING MY WOBBLY BLOB 🤩😘 */
@keyframes wobble {
  0%,
  100% {
    border-radius: 47% 53% 56% 44% / 54% 62% 38% 46%;
    transform: scale(1) rotate(0deg);
  }
  15% {
    border-radius: 53% 47% 50% 50% / 38% 54% 46% 62%;
    transform: scale(1.05, 0.96) rotate(-3deg);
  }
  30% {
    border-radius: 46% 54% 47% 53% / 62% 50% 50% 38%;
    transform: scale(0.97, 1.03) rotate(3deg);
  }
  45% {
    border-radius: 54% 46% 60% 40% / 56% 62% 38% 44%;
    transform: scale(1.03, 0.98) rotate(-2deg);
  }
  60% {
    border-radius: 53% 47% 45% 55% / 56% 44% 56% 44%;
    transform: scale(0.95, 1.04) rotate(2deg);
  }
  75% {
    border-radius: 47% 53% 53% 47% / 50% 64% 36% 50%;
    transform: scale(1.03, 0.96) rotate(-3deg);
  }
}