.blur {
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.blurred-navbar {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background-color: #1d293db8;
}

.bg-bangweb-800,
.bg-melpa-100 {
    --tw-bg-opacity: 1
}

.bg-melpa-100 {
    background-color: var(--warna_3)
}

.bg-bangweb-800,
.hover\:bg-murky-700:hover {
    background-color: var(--warna_1)
}

.border-murky-800 {
    --tw-border-opacity: 1;
    border-color: rgb(131 134 137)
}

.py-1 a:hover {
    background-color: var(--warna_3);
    transition: background-color .3s
}

.border-primary-500 {
    --tw-border-opacity: 1;
    border-color: var(--warna_2)
}

.text-primary-300 {
    color: var(--warna_2)
}

.blur {
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px)
}

.bg-primary-400 {
    background-color: var(--warna_2);
}

.rounded-\[9999px\],
.rounded-full {
    border-radius: 9999px;
}

.w-1\/4 {
    width: 25%;
}

.h-1 {
    height: .25rem;
}

.bg-murky-9000 {
    --tw-bg-opacity: 1;
    background-color: var(--warna_1);
}


.hover\:animate-bounce:hover {
    animation: bounce 1s;
}