:root {
    --primary: rgba(6, 12, 34, 0.98);
    --secondary: #fe4102;
    --text-primary: #057fb8;
    --text-secondary: black;
    --mask: rgba(6, 12, 34, 0.9)
}

.logo {
    width: 250px;
}

.navbar {
    /* background-color: var(--mask); */
    /* padding: 25px 0; */
    /* position: fixed; */
    left: 0;
    top: 68px;
    right: 0;
    transition: all 0.5s;
    /* z-index: 997; */
    /* backdrop-filter: blur(10px); */
}

.mr-4 {
    margin-right: 4px;
}

.navbar-brand {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.nav-item {
    margin: 0 0.5rem;
}

.nav-item>.nav-link {
    color: var(--text-primary) !important;
    font-weight: 600;
}

.nav-link:hover {
    color: var(--secondary) !important;
}

.nav-item>.active {
    color: var(--secondary) !important;
}


.navbar .active:hover {
    color: var(--text-primary) !important;

}

.dummy {
    height: 68px;
}

@media screen and (max-width: 1000px) {
    /* .navbar {
        background-color: var(--mask);
    } */

    /* .navbar-nav {
        background-color: black !important;
    } */
}

@media screen and (max-width: 500px) {
    .navbar {
        top: 120px;
    }

    .dummy {
        height: 120px;
    }

}