/* Custom styles to complement Tailwind */
body {
    font-family: 'Arial', sans-serif;
}

header {
    transition: all 0.3s ease;
}

nav a:hover {
    transition: color 0.3s ease;
}

section img {
    transition: transform 0.3s ease;
}

section img:hover {
    transform: scale(1.05);
}

@media (max-width: 768px) {
    nav ul {
        flex-direction: column;
        space-y-4;
    }

    .grid {
        grid-template-columns: 1fr;
    }
}