body{
    font-family: 'Poppins', sans-serif;
}

.navbar, .navbar *{
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
}

.navbar{
    height: 5rem;
    background-color: transparent !important;
}

.navbar-brand, .navbar-brand:focus, .navbar-brand:active, .navbar-brand:hover{
    color: rgb(255, 255, 255);
}

.offcanvas{
    background-color: rgb(255, 255, 255);
    opacity: 60%;
}

.menu-offcanvas-wrapper:has(.offcanvas.show) .menu {
  opacity: 0;
  pointer-events: none;
}

.menu{
    border: none;
    background-color: transparent;
}

.menu img{
    height: 1.5rem;
}

button.btn-close:focus, button.btn-close:active{
    box-shadow: none;
}

.offcanvas-header{
    margin: 1rem;
}

.dropdown-menu .dropdown-item:active{
    background-color: white;
    color: black;
}