body {
        font-family: 'Inter', sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }
    
      .blog-card {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        will-change: transform, box-shadow;
      }
    
      .blog-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
      }
      @keyframes float {

        0%,
        100% {
          transform: translateY(0);
        }

        50% {
          transform: translateY(-20px);
        }
      }

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

      @keyframes pulse {

        0%,
        100% {
          opacity: 0.4;
        }

        50% {
          opacity: 0.8;
        }
      }

   
      .delay-1000 {
        animation-delay: 1s;
      }