html {
    scroll-behavior: smooth;
}
    /* Adjusted gradient with purple, pink, and green */
    .gradient-bg {
        background: linear-gradient(90deg, #a855f7, #ec4899, #22c55e);
        background-size: 300% 300%;
        animation: gradientAnimation 6s ease infinite;
    }

    @keyframes gradientAnimation {
        0% {
            background-position: 0% 50%;
        }

        50% {
            background-position: 100% 50%;
        }

        100% {
            background-position: 0% 50%;
        }
    }
    .theme-icon{
        color: #fff;
    }

    .home-container{
        position: absolute;
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        top:0;
        left: 0;
        right: 0;
        z-index: -9999;
    }

    .home-purple{
        position: absolute;
           top: 0;
           left: 0;
           /* height: 80%; */
        }

    
    .home-green{
    position: absolute;
       top: 70%;
       right: 0;
       /* height: 80%; */
    }