.bg-hary{
            background-color: hsl(var(--biru));
        }
        .text-hary{
            color: hsl(var(--biru));
        }
        
        .border-border\/20 {
    border-color: hsl(0deg 0% 5.49% / 0%);
}

.bg-secondary\/80 {
    background-color: hsl(0deg 0% 8.63% / 93%);
}

.dashed-border {
  border-style: dashed;
}

 .menu-link {
    position: relative;
    color: #e0e0e0;
    transition: color 0.3s ease;
  }

  .menu-link:hover {
    color: #0189f9;
    background-color: rgba(1, 137, 249, 0.1);
  }

  .menu-link svg {
    transition: transform 0.3s ease, stroke 0.3s ease;
    stroke: currentColor;
  }

  .menu-link:hover svg {
    transform: translateX(4px) scale(1.1);
    stroke: #0189f9;
  }
  
    /* Untuk kursor berkedip */
    .typing-cursor::after {
        content: '|';
        display: inline-block;
        margin-left: 2px;
        animation: blink 1s infinite;
        color: hsl(var(--biru)); /* Menggunakan warna --biru Anda */
    }

    @keyframes blink {
        0%, 100% { opacity: 1; }
        50% { opacity: 0; }
    }