/* Custom styles to apply the gradient text effect */
.gradient-text {
    background-image: linear-gradient(60deg, #8B5CF6, #EC4899);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

body {
    font-family: 'Poppins', sans-serif;
    background-color: #111827; /* Dark blue-gray background */
}

h1, h2, h3 {
    font-family: 'Roboto Slab', serif;
}

/* Style for skill icons to ensure they are visible on dark background */
.skill-icon {
    filter: invert(1);
}