/* .triangle {
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
} */

.triangle {
  width: 0;
  height: 0;
  border-left: 0.75rem solid transparent;
  border-right: 0.75rem solid transparent;
  border-bottom: 1.5rem solid currentColor;
}

.square {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.pentagon {
  clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
}
.text-shadow-lg {
  text-shadow: 0 4px 8px rgba(0, 0, 0, 0.7);
}
.text-shadow-md {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
}
.text-shadow-sm {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

@keyframes blob {
  0%, 100% {
    transform: translate(0px, 0px) scale(1);
  }
  33% {
    transform: translate(30px, -20px) scale(1.1);
  }
  66% {
    transform: translate(-20px, 30px) scale(0.9);
  }
}

.animate-blob {
  animation: blob 12s infinite ease-in-out;
}