@font-face {
    font-family: 'DoubleBass';
    src: url("../fonts/DoubleBass/Regular-_5gLL4K.ttf") format('truetype');
}

:root,
[data-bs-theme=light] {
    --bs-primary: #d64d24;
    --bs-primary-rgb: 214, 77, 36;
    /* shade 60 % */
    --bs-primary-text-emphasis: #561f0e;
    /* tint 80 % */
    --bs-primary-bg-subtle: #f7dbd3;
    /* tint 60 % */
    --bs-primary-border-subtle: #efb8a7;
}

[data-bs-theme=dark] {
    /* tint 40 % */
    --bs-primary-text-emphasis: #e6947c;
    /* shade 80 % */
    --bs-primary-bg-subtle: #2b0f07;
    /* shade 40 % */
    --bs-primary-border-subtle: #802e16;
}

.font-double-bass {
    font-family: 'DoubleBass', var(--bs-font-sans-serif) !important;
}

.scrolling {
    display: inline-block;
    animation: scroll-text 5s ease-in-out infinite alternate;
}

@keyframes scroll-text {
    30% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-100% - (var(--bs-gutter-x) * .5) + var(--container-width, 0)));
    }
}