.navSticky {
    position: sticky;
    top: 55px;
    height: 340px;
	z-index: 2;
}

#usermenu {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 25px;
	width: calc(100vw - 150px);
	height: 0px;
	box-sizing: border-box;
	background-color: var(--dkborder2);
	background-image: url(../../../images/luxuria/flowers.png);
	background-size:cover;
	overflow: hidden;
	visibility: hidden;
	transition: all ease 0.4s;
	display:flex;
	justify-content: start;
	gap:15px;
}

#usermenu:target {
  height: 350px !important;
	visibility: visible !important;
}

.visible {
	height: 350px !important;
	visibility: visible !important;
}

.usermenulink {
	background: var(--accent);
    height: 25px;
	width:30%;
	box-sizing:border-box;
	padding: 0px 5px;
	line-height: 25px;
    font-size: 13px;
	font-weight:bold;
    color: var(--bg) !important;;
    transition: 1s;
    text-transform: uppercase;
    border: 2px solid var(--accent);
	text-align:center;
	flex-grow:1;
}

.usermenulink a {color: var(--bg) !important;}
.usermenulink:hover {background: var(--headbg);transition: 1s;}