@tailwind components;
@tailwind utilities;

/* Custom styles to enhance Tailwind */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

nav a {
    transition: color 0.3s ease;
}

section {
    scroll-margin-top: 80px;
}

.bg-cover {
    background-size: cover;
    background-position: center;
}

@media (max-width: 640px) {
    nav .container {
        flex-direction: column;
        gap: 1rem;
    }
    nav .space-x-6 {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
    }
}