:root {
    --iridescent-0: #070421;
    --iridescent-1: #030a5d;
    --iridescent-2: #4246aa;
    --iridescent-3: #7c70d5;
    --iridescent-4: #d2c6e8;
}

body {
    background-color: var(--iridescent-0);
    color: white;
}

a {
    color: var(--iridescent-3);
}

.navbar {
    background-color: rgba(var(--iridescent-0), 0.1);
    backdrop-filter: blur(10px) brightness(60%);
    -webkit-backdrop-filter: blur(10px) brightness(60%);
}

.nav-link.selected {
    color: white;
    text-shadow: 0 0 10px white;
}

.collapsing {
    transition: height 0.25s ease;
}


.btn-xs {
    padding: 0.125rem 0.25rem;
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 0.15rem;
}

.btn-transparent {
    background-color: transparent;
    border: none;
}

.search-bar {
    width: 300px;
    border-radius: 1rem;
    border-color: var(--iridescent-0);
}

.blur-content {
    filter: blur(5px);
}