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

        
        @keyframes fadeInDown {
            from { opacity: 0; transform: translateY(-20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        @keyframes slideInRight {
            from { opacity: 0; transform: translateX(50px); }
            to { opacity: 1; transform: translateX(0); }
        }
        @keyframes slideInLeft {
            from { opacity: 0; transform: translateX(-50px); }
            to { opacity: 1; transform: translateX(0); }
        }
        @keyframes typing {
            from { width: 0 }
            to { width: 100% }
        }
        @keyframes blink-caret {
            from, to { border-color: transparent }
            50% { border-color: #50C878; }
        }
        
        
        .animate-hero-element {
            animation: fadeInDown 1.5s ease-out forwards;
            opacity: 0;
        }

        .animate-typing {
            overflow: hidden;
            white-space: nowrap;
            
            animation: typing 1.5s steps(30, end) forwards;
        }

        .animate-slide-in-left {
            animation: slideInLeft 1.5s ease-out forwards;
        }
        .animate-slide-in-right {
            animation: slideInRight 1.5s ease-out forwards;
        }
        .animate-fade-in {
            animation: fadeIn 1.8s ease-out forwards;
        }

        .reveal-on-scroll {
            opacity: 0;
        }

       
        body {
            background-color: #0f172a;
        }
#one{
    font-family: Arial, Helvetica, sans-serif;
}