body {
        font-family: "Quicksand", sans-serif;
        /* background-color: #efefef; */
        /* background-color: #93DCFE; */
        /* background-color: #CEEFFF; */
    }
    .main-container {
      background-color: #000000;
        /* background-color: #93DCFE; */
        /* background-color: #CEEFFF; */
    }
    .project-card {
      background-color: rgba(0, 0, 0, 0.3);
    }
    .card-img-top {
      height: 200px;
      object-fit: cover;
    }
    .badge {
      font-size: 1em;
    }

    .bubble-row .bubble {
      animation: floatUpDown 4s ease-in-out infinite;
    }

    .bubble-row .bubble:nth-child(even) {
      animation-delay: 2s;
    }

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