.navbar,
.navbar .navbar-menu,
.navbar .navbar-menu .navbar-end .navbar-item,
.navbar .navbar-menu .navbar-end .navbar-dropdown,
.navbar .navbar-menu .navbar-end .navbar-dropdown button,
.navbar .navbar-menu .navbar-end .has-dropdown .navbar-link {
    background-color: #0D0D0D/*#3C2148*/;
}

.navbar .navbar-menu .navbar-end .navbar-item,
.navbar .navbar-menu .navbar-end .navbar-link,
.navbar .navbar-menu .navbar-end .has-dropdown .navbar-item a {
    color: white;
}

.navbar .navbar-menu .navbar-end .navbar-item:hover,
.navbar .navbar-menu .navbar-end .navbar-item a:hover {
    color: #60439B/*#ffdd42*/;
}

.navbar .navbar-menu .navbar-end .has-dropdown button,
.navbar .navbar-menu .navbar-end .has-dropdown a {
    font-size: 1rem;
    border: none;
}

.navbar .navbar-menu .navbar-end .navbar-item.is-active,
.navbar .navbar-menu .navbar-end .has-dropdown a.navbar-link::after,
.navbar .navbar-menu .navbar-end .has-dropdown button.is-active {
    color: #60439B/*white*/;
}

.navbar .navbar-menu .navbar-end .has-dropdown a.navbar-link::after {
    border-color: transparent/*#6A46FAwhite*/;
}

.navbar .navbar-burger {
    color: black/*white*/;
    padding: 8px;
}

.navbar .navbar-burger span {
    height: 3px;
}

.navbar .navbar-burger .burger {
    background-color: #0D0D0D;
    border: 2px solid black/*white*/;
    border-radius: 10px;
    height: 100%;
}