.topmenu {
	position: fixed;
	top: 20px;
/*	left: calc(50vw - 194px); */
	right: 30px;
	height: 35px;
	width: 388px;
	background-color: #0A0A0A;
	z-index: 10000;
	transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    overflow: hidden;
    cursor: pointer;
    color: white;
    border-radius: 4px;
}


.topmenu:hover {
	filter: invert(1);
}

.topmenu_open {
	height: 500px;
	z-index: 10000;
	overflow: hidden;
	background-color: black;
	color: white;
}

.topmenu_open:hover{
	background-color: #0A0A0A;
	color: white;
}

.topmenu_button{
	position: fixed;
	overflow: hidden;
	top: 20px;
/*	left: calc(50vw - 194px); */
	right: 321px;
	height: 35px;
	width: 97px;
	text-align: left;
	background-color: #0A0A0A;
	color: white;
	z-index: 9000;
	transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    cursor: pointer;

}


.topmenu_button:hover{
	background-color: #FAFAFa;
	color: #0A0A0A;
}

.buttonA_on{
	background-color: #FAFAFa;
	color: #0A0A0A;
	transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
}

.buttonB_on{
	background-color: #FAFAFa;
	color: #0A0A0A;
	transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
}

#button_a{
	border-radius: 5px 0px 0px 5px;
}

#button_b{
	right: 224px;
}

#button_c{
	right: 127px;
}

#button_d{
	right: 30px;
	border-radius: 0px 5px 5px 0px;
}

		#button_d:hover{
			background: -moz-linear-gradient(-45deg, #5441d9 0%, #ff1f46 51%, #fcce50 100%);
			background: -webkit-linear-gradient(-45deg, #5441d9 0%,#ff1f46 51%,#fcce50 100%);
			background: linear-gradient(135deg, #5441d9 0%,#ff1f46 51%,#fcce50 100%);
			color: white;
		}

#button_e{
	margin-top: 2px;
	border-radius: 18px 0px 0px 18px;
}

#button_f{
	margin-top: 2px;
}

#button_g{
	margin-top: 2px;
}

#button_h{
	margin-top: 2px;
	border-radius: 0px 18px 18px 0px;
}

#hidden_text {
	visibility: none;
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	opacity: 0;
	overflow: hidden;
}

	.topmenu_name {
		position: absolute;
		left: 20px;
		top: 8px;
	}

	#topmenu_attributes {
		position: absolute;
		left: 115px;
		top: 8px;
	}

	.topmenu_icon{
		position: absolute;
		right: 10px;
		top: 10px;
		width: 24px;
		transition-duration: 0.4s;
    	-webkit-transition-duration: 0.4s;
	}

	.topmenu_icon_open{
		position: absolute;
		right: 10px;
		top: 10px;
		width: 24px;
		transform: rotate(180deg);
	}

	.bottommenu_icon{
		position: absolute;
		right: 20px;
		top: 12px;
		width: 10px;
		transition-duration: 0.4s;
    	-webkit-transition-duration: 0.4s;
	}

	.bottommenu_icon_open{
		position: absolute;
		right: 20px;
		top: 465px;
		width: 10px;
	}

	.nametext{
		position: absolute;
		left: 20px;
		top: 40px;
		opacity: 0.0;
		font-family: 'jr_bold';
		text-transform: none;
		font-size: 10px;
		line-height: 22px;
		letter-spacing: -0px;
	}

	.nametext_open{
		position: absolute;
		left: 20px;
		top: 40px;
		opacity: 1.0;
		transition-duration: 0.4s;
    	-webkit-transition-duration: 0.4s;
	}

	.biotext {
		position: absolute;
		left: 115px;
		top: 40px;
		margin-right: 20px;
		opacity: 0.0;
	}

	.biotext_open {
		position: absolute;
		left: 115px;
		top: 40px;
		margin-right: 20px;
		opacity: 1.0;
		transition-duration: 0.4s;
    	-webkit-transition-duration: 0.4s;
	}

	.menu_spacer{
		padding-top: 30px;
	}