.m_Top {
	width:100%;
	position:fixed;
	background:black;
	z-index:100;
	
	
	display:flex;
	flex-direction:column;
	align-content: center;
	margin:0;
	text-align:center;
	
	border-bottom:1px solid white;
	border-top:1px solid white;
}

.m_Top hr { width:100%;}

.m_Name {
	font-family:'5g';
	font-size:5rem;
	letter-spacing:2px;
	color:var(--offLightTeal);
	animation: glow 1.5s infinite alternate;
	margin:1rem; margin-bottom:0;
}

.m_Items {
	
	margin-top:0.5rem;
	margin-bottom:0.3rem;
	width:100%;
	justify-content:center;
	align-items:center;
	
	border-top:1px solid gray;
	border-bottom:1px solid gray;
}

.m_Flex {
	width:90%; display: flex; gap:1rem; justify-content:center; align-items:center; padding:0.5rem;
}

.m_Box {
	height:50px; width:50px;
	padding: 2px;
	border: 3px solid gray;
	border-radius:5px;
	background-size:cover;
}

.m_Quit { background-image: url('ui/x.png'); background-size:50%; background-position:-5px -10px;}
.m_Home { background-image:url('ui/hex.png');}
.m_Dev { background-image: url('ui/mecha.png');}
.m_Cast { background-image:url('central/target.png')}
.m_World { background-image:url('ui/focus.png')}


.m_Txt { 
	background:white; color:black;
	width:100%; text-align:right; margin-top:50%; font-weight:600; letter-spacing:1px;font-size:0.9rem;}