body {
            font-family: 'Inter', sans-serif;
        }

        
        
        

        
        .color-flow {
            background-image: linear-gradient(to right, #6EE7B7, #3B82F6, #9333EA, #F43F5E);
            background-size: 400%;
            transition: background-position 0.5s ease-in-out;
        }

        .color-flow:hover {
            background-position: 100% 0;
        }

        
        .highlight-flow {
            background-image: linear-gradient(to right, #FDE68A, #F472B6, #8B5CF6);
            background-size: 200%;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent;
            transition: background-position 0.5s ease-in-out;
            font-weight: 600;
        }

        .highlight-flow:hover {
            background-position: 100% 0;
        }

        

        .navbar-glass{
            background: rgba(255, 255, 255, 0.1);
             backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
        }
        .border-transparant-thin{
            border: 1px solid rgba(255, 255, 255, 0.2);
        }
        .navbar-item{
            color:#f0f4f8;
            transition: color 0.3s ease;
        }

        .navbar-item:hover{
            color:#4ac6ff;
            
        }