.navigation-menu {
    line-height:50px;
    background: var(--mainbg);
    backdrop-filter: blur(10px);
    position: fixed;
    z-index: 999;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
    font-weight: bold;
	display:grid;
	grid-template-columns:1fr 1fr;
}

.left-menu {
	display:flex;
	flex-direction:row;
	align-items:center;
	line-height:50px;
	gap:15px;
	font-size:11px;
	text-transform:uppercase;
	padding:0px 10px 0px 10px;
}

.right-menu {
	display:flex;
	flex-direction:row;
	align-items:center;
	line-height:50px;
	gap:15px;
	justify-content:flex-end;
	padding-right:10px;
}

.left-menu a {
	font-size:11px;
	text-transform:uppercase;
}

.right-menu a {
	font-size:11px;
	text-transform:uppercase;
}

.brand a {
	font-size:14px;
}

.right-menu {
}

button.accordion {
    background: none;
}
.accordion {
    cursor: pointer;
    padding: 0px 10px;
    font-size: 10px;
    display: flex;
    border: 0;
    font-family: var(--mainf);
    font-weight: bold;
    text-transform: uppercase;
    transition: 0.4s;
    position: relative;
    align-items: center;
}

.accordion.aprofile:after {
    font-family: "Font Awesome 6 Free";
    content: '\f0dd';
    font-weight: bold;
    font-size: 11px;
    padding: 0px 2px 6px 6px;
}

.navactive.aprofile:after {
    content: "\f0da";
    font-family: "Font Awesome 6 Free";
}
.navreveal {
    background-color: var(--mainbg);
    margin-top: 10px;
    padding: 0px 10px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    position: absolute;
    min-width: 130px;
	 z-index: 999;
}

.navreveal div {
	border-bottom: 1px dotted var(--header);
    padding: 10px 0px 10px 0px;
	line-height:15px;
}

#search input.button:after {
	font-family: "Font Awesome 6 Free";
    content: '\f002';
    font-weight: bold;
    font-size: 15px;
    padding: 0px 2px 6px 6px;
}

#search input.button {
    background: var(--header);
    color: var(--text);
	border:1px solid var(--opa);
}
#search input.button {
    background: var(--opa);
    color: var(--text);
	border: 1px solid var(--header);
}


#navigation {
	top: 50px;
	position:sticky;
	overflow:hidden;
	font-family:var(--mainf);
	background:var(--scroll);
	font-size: 11px;
	padding:10px;
	 z-index: 900;
}

#navigation a:link {
	text-decoration: none;
}