@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

* {
font-family: 'Inter'!important;
}

header {
    transition-duration: 0.3s;
    background: rgba(255,255,255,1);
}
.navbar-bg {
    background: rgba(0,0,0,1);
}
.logo-navbar {
max-height: 75px;
}
.offcanvas {
text-align: center!important;
background-color: rgba(0,0,0,0.9)!important;
}
.offcanvas-header {
text-align:center!important;
}
li.nav-item a.active {
    color: rgba(0,0,0,1)!important;
    transition-duration: 0.3s;
}
li.nav-item a {
    color: rgba(100,100,100,1)!important;
    transition-duration: 0.3s;
}
li.nav-item a:hover {
    color: rgba(0,0,0,1)!important;
}
li.nav-item a.active {
    color: rgba(0,0,0,1)!important;
}
div.content {margin-top: 100px;}