.logo{
    cursor: pointer;
}




.gradient-text {
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent; 
}


.navLink {
    color: #fff;
}

/* Logo */
.logo{
    background: #B459CF;
    background: linear-gradient(to right, #B459CF 0%, #FF4C4C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
}

/* Welcome h1 */
.welcome {
    background: #20A0CF;
    background: linear-gradient(to right, #a0aff0 0%, #e6ceff 30%, #424bf4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.collection1, .collection2, .collection3 {
    border-radius: 20px;
}

.transition-element {
    transition: background-color 0.2s ease-in-out;
}
/* Active link styles */
.active {
    background-color: #7e57c2; /* Light purple background */
    color: white !important; /* White text color */
    border-radius: 5px; /* Optional: adds rounded corners to the active link */
    padding: 5px 10px; /* Optional: adds some padding inside the link */
}

/* Ensures the navLink color doesn't override the active link color */
.navLink.active {
    color: white !important;
}