#topbar {
	width: 100vw;
	height: 100%;
	max-height: 50px;
	padding: 0px;
	margin: 0px;
	box-shadow: 
		inset 0px 2px 3px rgba(0, 0, 0, 0.5),
		0px 3px 3px rgba(0, 0, 0, 0.5)
	;
	z-index: 2;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border-bottom: 2px solid rgb(58, 58, 58);
	background-color: #151719;
	background-color: #0e0e0e;
	background: linear-gradient(135deg, #10121555 25%, transparent 25%) -13px 0/ 26px 26px, linear-gradient(225deg, #101215 25%, transparent 25%) -13px 0/ 26px 26px, linear-gradient(315deg, #10121555 25%, transparent 25%) 0px 0/ 26px 26px, linear-gradient(45deg, #101215 25%, #0e0e0e 25%) 0px 0/ 26px 26px;
}	

#topbar > #topbar-content {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: relative;
}

#topbar > #topbar-content > .part {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 30%;
}

#topbar > #topbar-content > .part.left {
	xborder: 1px solid lime;
	flex: 1;
	justify-content: left;
	padding-left: 30px;
}	


#topbar > #topbar-content > .part.mid {

}	

#topbar > #topbar-content > .part.right {
	flex: 1;
	color: grey;
	justify-content: right;
	padding-right: 30px;
}	

#topbar > #topbar-content > .part > #title {
	height: 100%;
	margin: 0px 0px 0px 0px;
	font-family: Roboto Mono, Consolas, monospace;	
	padding: 0px 0px 0px 5px;
	font-size: 1.2em;
	display: flex;
	justify-content: center;
	align-items: center;
}	

#topbar > #topbar-content > .part > .icon {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2em;
	text-align: center;
	color: #ffd748;
	text-shadow: 
		0 0 1vw #FA1C16, 
		0 0 3vw #FA1C16, 
		0 0 10vw #FA1C16, 
		0 0 10vw #FA1C16, 
		0 0 .4vw #FED128
	;
}