*{
    padding: 0%;
    margin: 0%;
    box-sizing: border-box;
}

html,body{
    height: 100%;
    width: 100%;
}

 :root {
            --forest-green: #3c5c47;
            --rust-brown: #723326;
            --cream-bg: #faf8f5;
        }

        body {
            font-family: 'Outfit', sans-serif;
            background-color: var(--cream-bg);
            color: #333;
            overflow-x: hidden;
        }

        /* Custom Animations */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-15px); }
            100% { transform: translateY(0px); }
        }

        .animate-fade-in {
            animation: fadeInUp 0.8s ease-out forwards;
            opacity: 0;
        }

        .delay-100 { animation-delay: 0.1s; }
        .delay-200 { animation-delay: 0.2s; }
        .delay-300 { animation-delay: 0.3s; }

        .animate-float {
            animation: float 4s ease-in-out infinite;
        }

        /* Gradient Text matching logo */
        .text-gradient {
            background: linear-gradient(90deg, var(--forest-green), var(--rust-brown));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }