.navbar-expand-lg .navbar-nav .nav-link {
    color: white;
    font-size: 19px;
    font-family: "Playfair Display";
}
.navbar-light .navbar-brand {
    font-family: "Clicker Script";
    color: white;
    font-size: 40px;
}
.bg-custom {
    background-color: rgba(0, 0, 0, 0.5) !important;
}
@media (max-width: 991.98px) {
    .navbar-collapse {
        position: fixed;
        top: 0;
        right: 0;
        height: auto;
        width: 50%;
        /* background-color: #603809; */
        background-color: rgba(0, 0, 0, 0.5) !important;
        transform: translateX(100%);
        transition: transform 0.3s ease-in-out;
        z-index: 999;
        padding-top: 56px;
        padding-bottom: 35px;
        border-bottom-left-radius: 30px;
    }
    .navbar-collapse.show {
        transform: translateX(0);
    }
    .navbar-nav .nav-link {
        font-size: 18px;
        color: white;
        padding-left: 50px;
    }
    .navbar-toggler {
        position: fixed;
        top: 15px;
        right: 15px;
        z-index: 1000;
    }
    .navbar-toggler-icon {
        display: block;
        width: 30px;
        height: 30px;
        background-color: transparent;
        mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%23ffffff" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/%3E%3C/svg%3E') no-repeat center;
        -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%23ffffff" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/%3E%3C/svg%3E') no-repeat center;
        background-color: white;
    }
}
.navbar-blur {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background-color: rgba(0, 0, 0, 0.5); /* Sesuaikan opacity jika diperlukan */
}
.navbar-brand-blur, .nav-link-blur {
    color: #fff !important; /* Sesuaikan warna agar lebih jelas */
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; /* Outline hitam */
}