html, body {
      margin: 0;
      padding: 0;
      height: 100%;
      width: 100%;
      overflow: hidden;
    }

    /* Partikel sebagai latar belakang */
    .particle-network-animation {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      height: 100vh;
      background-color: #171717;
      z-index: 0; /* <-- pastikan di bawah teks */
    }

    .particle-network-animation::before {
      content: '';
      position: absolute;
      z-index: -2;
      top: 0; right: 0; bottom: 0; left: 0;
      background-image: url('../../foto/bg/background.png');
      background-position: center center;
      background-size: cover;
      opacity: 0.5;
    }

    canvas {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0; /* biar tetap di bawah teks */
    }

    /* Teks di atas partikel */
    h3 {
      position: relative; /* agar z-index bisa bekerja */
      z-index: 2; /* lebih tinggi dari canvas */
      font-family: BlinkMacSystemFont;
      color: #008000;
      text-align: center;
      /*top: 45%;*/
      transform: translateY(-50%);
      font-size: 2rem;
    }
    p {
      position: relative; /* agar z-index bisa bekerja */
      z-index: 2; /* lebih tinggi dari canvas */
      font-family: BlinkMacSystemFont;
      color: #008000;
      text-align: center;
      top: 45%;
      transform: translateY(-50%);
      font-size: 2rem;
    }