@import url('https://fonts.googleapis.com/css2?family=Redressed&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans&display=swap');

:root{
    --redress:'Redressed', cursive;
    --plex-sand :'IBM Plex Sans', sans-serif;
}

/* *{
    font-family: var(--plex-sand);
} */

.navbar{
    /* background-color: rgba(5, 5, 5, 0.712) ; */
   
    /* background-color: transparent !important; */
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1111;
}

.dropdown-item{
    color: black !important;
}
.navbar-dark .navbar-nav .active>.nav-link{
    color: rgb(255, 255, 255);
}
.navbar-brand img{
    width: 200px;
}

.navbar-toggler{
    color: white;
}
.navbar-nav{
    margin-left: auto;
}
.navbar-nav .nav-item .nav-link{
    padding: 8px 15px;
    font-size: 1.15rem;
    color: white;

}

@media screen and (max-width: 600px) {
    /* .collapse{
        background-color: rgba(0, 0, 0, 0.699) ;
       
    } */

    .navbar-brand img{
        width: 150px;
    }

    .navbar-nav{
        background-color: #fff !important;
        color: black;
    }

    .navbar-nav .nav-item .nav-link{
        padding: 5px 15px;
        font-size: 1.15rem;
        color: rgb(5, 5, 5);
    
    }
    .navbar-nav .nav-item .nav-link:hover{
        color: rgb(29, 28, 28) !important;
    }
    .navbar-dark .navbar-nav .active>.nav-link{
        color: rgb(8, 8, 8);
    }
  }