#topbar {
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	min-height:50px;
	height:50px;
	padding:0px;
	margin:0px;
	background-color:#16191c;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.7);
	z-index: 2;
	display: flex;
	justify-content: space-between;
	align-items: center;
}	

#topbar > .section {
    xborder:1px solid grey;
    display: flex;
	justify-content: center;
	align-items: center;
    min-width:30%;
    height:100%;
}

#topbar > .left {
	justify-content: start;
    padding:5px 5px 5px 20px;
    color:grey;
    font-size: 1em;
	display:inline-flex;
}

#topbar > .mid {

}

#topbar > .right {
	xjustify-content: end;
}

#topbar > .left > .title {
	font-family: Roboto Mono, consolas, monospace;
    height: 100%;
    margin-left: 15px;
	
}	

#topbar > .left > i {
	font-size: 1.5em;
}

#topbar > .section.mid > a.nav-link {
	xborder:1px solid lime;
	border:none;
	display:flex;
	align-items: center;
	justify-content: center;
	height:100%;
	xvertical-align:middle;
	padding:10px;
	position:relative;	
	font-size:1.5em;
	border-bottom:2px solid rgba(0,0,0,0);
	text-decoration: none;
}
#topbar > .mid > a.nav-link:hover {
	background-color:rgba(0,0,0,0.5);
	border-bottom:2px solid #00cc66;
}
#topbar > .mid > a.nav-link:active {background-color:rgba(255,255,255,0.05);}