/* Custom CSS to supplement Tailwind CSS */

/* For smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Success message for form submissions */
.success-message {
    background-color: #d1fae5;
    border-left: 4px solid #10b981;
    color: #047857;
    padding: 1rem;
    margin-bottom: 1.5rem;
    animation: fadeOut 5s forwards;
    animation-delay: 5s;
}

@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; visibility: hidden; }
}

/* Mobile menu adjustments */
@media (max-width: 768px) {
    #nav-links.flex {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-top: 1rem;
    }
}

/* Hover effects for cards */
.hover-zoom-effect {
    transition: transform 0.3s ease;
}

.hover-zoom-effect:hover {
    transform: scale(1.05);
}