/* Make sure the body takes up the full viewport */
    body {
      margin: 0;
      height: 100vh;
      background-color: rgb(19, 38, 19); /* Light background color */
    }
    /* Blob container */
    #blobs-container {
      position: absolute;
      width: 100%;
      height: 100%;
    }

    /* Blob styling */
    .blob {
      position: absolute;
      background: rgba(0, 150, 0, 0.4); /* Greenish color with opacity */
      border-radius: 50%;
      animation: blobAnimation 10s infinite;
      opacity: 0; /* Initially invisible */
      transition: opacity 1s ease-in-out;
    }

    /* Animation for blob movement */
    @keyframes blobAnimation {
      0% {
        transform: translate(-50%, -50%) translateX(0) translateY(0);
      }
      100% {
        transform: translate(-50%, -50%) translateX(100px) translateY(100px);
      }
    }