body {
            font-family: 'Inter', sans-serif;
        }
        .mono-font {
            font-family: 'Roboto Mono', monospace;
        }
        .section-fade-in {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }
        .section-fade-in.is-visible {
            opacity: 1;
            transform: translateY(0);
        }
        .card-glow {
            transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
        }
        .card-glow:hover {
            box-shadow: 0 0 15px rgba(52, 211, 153, 0.6), 0 0 30px rgba(52, 211, 153, 0.3);
        }
        .contact-btn {
            background-color: #f8fafc;
            color: #030712;
            transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
        }
        .contact-btn:hover {
            background-color: #e2e8f0;
            transform: scale(1.05);
        }
        /* Custom class for the landing text background shadow */
        .text-background-effect {
            /* box-shadow: 0 0 50px 50px #030712; */
        }
        .fade-out-down {
            animation: fadeOutDown 0.5s forwards;
        }

        @keyframes fadeOutDown {
            from {
                opacity: 1;
                transform: translateY(0) translateX(-50%);
            }
            20% {
                transform: translateY(-10px) translateX(-50%); /* Jump up slightly */
            }
            100% {
                opacity: 0;
                transform: translateY(100px) translateX(-50%); /* Fly down and disappear */
            }
        }

        @keyframes flyInFromBottom {
            0% {
                transform: translate(-50%, 100px);
                opacity: 0;
            }
            100% {
                transform: translate(-50%, 0);
                opacity: 1;
            }
        }

        @keyframes hoverUpDown {
            0%, 100% {
                transform: translate(-50%, 0);
            }
            50% {
                transform: translate(-50%, -10px);
            }
        }

        .scroll-down-animation {
            animation: flyInFromBottom 0.8s ease-out 1s both,
                       hoverUpDown 2s ease-in-out infinite 5s; /* 5s delay for hover */
        }