:root {
    --cor-menu-primaria: #9156F2;
    --cor-menu-secundaria: #C9FF00;
    --cor-menu-terciaria: #F4F4F4;
    --cor-menu-quaternaria: #0F0F0F;
    --font-menu-family-instrument-regular: "InstrumentSerif Regular", sans-serif;
    --font-menu-family-dm-sans-regular: "DM Sans Regular", sans-serif;
    --font-menu-family-dm-sans-bold: "DM Sans Bold", sans-serif;
}

nav {
    background: var(--cor-menu-quaternaria);
    box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
    z-index: 10;
    padding: 2% 10% !important;
    height: auto;
}

.conteudo-menu {
    gap: 20px;
}

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

nav .btnPrincipal button {
    font-family: var(--font-menu-family-dm-sans-bold);
    font-weight: 900;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase;
    color: var(--cor-menu-terciaria);
    border-radius: 15px;
    border: 0.72px solid #F4F4F4;
    backdrop-filter: blur(19.499488830566406px);
    background: #00000014;
    height: 50px;
}

nav .btnPrincipal button:hover {
    color: var(--cor-menu-quaternaria);
}

nav .btnPrincipal button::before {
    background: var(--cor-menu-primaria);
}

nav .btnPrincipal button::after {
    background: var(--cor-menu-secundaria);
}

@media (max-width: 768px) {
    nav {
        padding: 20px !important;
    }
}