@font-face {
    font-family: 'Milkman';
    src: url('fonts/Milkman.woff2') format('woff2'),
        url('fonts/Milkman.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

.casanostra{
    --bs-primary-rgb: 235, 255, 71;
    --bs-border-radius:10ch;
    --bs-body-font-family:Inconsolata;
    --bs-border-color: #231f20;
    --bs-body-color:#000;
}

[data-bs-theme=dark]{
    --bs-body-bg: #06060c;
}
p{
    line-height:1.2;
}
.btn{
    --bs-btn-font-family: Roboto;
    --bs-btn-padding-y:1rem;
    font-weight: 700;
    max-width: 16rem;
    width: 100%;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.btn-outline-primary{
    --bs-btn-color: #fff;
    --bs-btn-border-color: rgb(235, 255, 71);
    --bs-btn-hover-color: #06060c;
    --bs-btn-hover-bg: rgb(235, 255, 71);
    --bs-btn-hover-border-color: rgb(235, 255, 71);
    --bs-btn-focus-shadow-rgb: 33,37,41;
    --bs-btn-active-color: #06060c;
    --bs-btn-active-bg: rgb(235, 255, 71);
    --bs-btn-active-border-color: rgb(235, 255, 71);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(235, 255, 71);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: rgb(235, 255, 71);
    --bs-gradient: none;
}
.btn-primary {
    --bs-btn-color: #06060C;
    --bs-btn-bg: #EBFF47;
    --bs-btn-border-color: #EBFF47;
    --bs-btn-hover-color: #06060C;
    --bs-btn-hover-bg: #EBFF47;
    --bs-btn-hover-border-color: #EBFF47;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #06060C;
    --bs-btn-active-bg: #EBFF47;
    --bs-btn-active-border-color: #EBFF47;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #06060C;
    --bs-btn-disabled-bg: #EBFF47;
    --bs-btn-disabled-border-color: #EBFF47;
    transition: all .3s;
}
.btn-primary:is(:hover, :focus){
    filter:drop-shadow(2px 4px 6px black);
}
.accordion{
    --bs-accordion-btn-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus" viewBox="0 0 16 16"><path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4"/></svg>');
    --bs-accordion-btn-active-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus" viewBox="0 0 16 16"><path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4"/></svg>');
    --bs-accordion-btn-icon-transform:rotate(-135deg);
    --bs-accordion-active-bg: transparent;
    --bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(0, 0, 0, 1);
    --bs-accordion-body-padding-x:0;
    --bs-accordion-btn-padding-x:0;
    --bs-accordion-active-color:#000;
}
.accordion-button{
    text-transform: uppercase;
    font-family:Roboto;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 1.25rem;
}
@media (width >= 1400px) {        
    .container{
        max-width: 1000px;
    }
}
.small{
    font-size: .875rem;
}
.casanostra-stroke{
    color: black;
    -webkit-text-fill-color: white; /* Will override color (regardless of order) */
    -webkit-text-stroke: .8px black;
}

.font-family\:Roboto{
    font-family: Roboto;
    letter-spacing: 1px;
}
.font-family\:Milkman{
    font-family: Milkman;
    letter-spacing: 1px;
}