@import url('https://fonts.googleapis.com/css2?family=Audiowide&&display=swap');
*{box-sizing: border-box;}*
/* modal login */
.btn-violet{
    background-color: var(--color2);
    color: var(--color6);
}
.btn-violet:hover{
    background-color: var(--color1);
    color: var(--color6);

}
/* ------------------------------------------------------------------------- */
.navbar{
    z-index:1000;
}
.bg-dark{
    background-color: var(--color1) !important;
}
.navbar-brand{
    font-family: 'Audiowide', cursive;
    font-size: 1rem;
    letter-spacing: .125rem; 
}
.navbar .navbar-toggler{
    padding: 0.25rem 0.5rem !important;
}
.logo-img{
    width: 2.5rem;
    height: 2.5rem;
}
@media (min-width: 768px){
    .logo-img{
        width: 3rem;
        height: 3rem;
    }
    .navbar-brand{
        font-size: 1.25rem;
        letter-spacing: .15rem; 
    }

}
.dropdown-item:hover{
    background-color: var(--color1);
    color: var(--color6);
}
@media only screen and (min-width: 392px){
    .logo-img{
        width: 2.5rem;
        height: 2.5rem;
    }
    .navbar-brand{
        font-size: 1.2rem;
    }
}