body {
    min-height: 100vh;
    font-family: "Indie Flower", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.3rem;
    padding-bottom: 2rem;
}

body::before {
    content: '';
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/assets/background.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
    filter: blur(3px) brightness(120%);
}

.card audio {
    border-radius: 0 0 var(--bs-card-border-radius) var(--bs-card-border-radius);
}

.card.bg-arios {
    color: #fff;
    background-color: #b10e00;
    border-color: #000;
}

.card.bg-arios a {
    color: #FFF;
}

.nav {
    font-family: "Rock Salt", cursive;
}

.nav-pills .nav-link.active {
    background: transparent;
    color: #000;
}

.card.photo {
    width: 12rem;
}

.card.photo .card-img-overlay {
    display: flex;
    align-items: end;
}
.card.photo .card-title {
    font-weight: bold;
    margin: 0;
    background: #000A;
    padding: 0.1rem 0.5rem;
    border-radius: 0.3rem;
}

footer {
    font-size: 1rem;
    background: #FFF;
}

@media (prefers-color-scheme: dark) {
    body {
        background-color: var(--bs-dark);
        color: var(--bs-white);
    }
    body::before {
        filter: blur(3px) brightness(35%);
    }
    
    .nav-pills .nav-link.active {
        color: #FFF;
    }
    footer {
        background: var(--bs-dark);
    }
}