@tailwind utilities;

@keyframes border-dance {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.polaroid {
  background: #fff;
  padding: 10px 10px 30px;
  border: 1px solid #e5e5e5;
  box-shadow: 0 10px 15px rgba(0,0,0,0.1);
  transform: rotate(-2deg);
  transition: transform .3s ease, z-index 0s;
}

.polaroid:hover {
  transform: rotate(0deg) scale(1.05);
  z-index: 10;
}