/* Custom styles ported from Next.js globals.css */
.border-animate {
  transition: border 0.3s ease-in-out, transform 0.3s ease-in-out;
  border: 2px solid transparent; /* Default state */
}

.border-animate:hover {
  border: 2px solid #4FD1C5; /* Example: Tailwind's teal-400 */
  transform: scale(1.05); /* Optional: Slightly scale up on hover for emphasis */
}

/* Base resets */
html, body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
}