#titleDiv {
	display: block;
	background-color: rgba(0, 0, 0, 1.0);
	width: 50vw;
	height: 5em;
	padding-top: 40vh;
	padding-left: 0px;
	top: 40vh;
	color: rgba(220, 220, 220, 1.0);
	text-align: center;
	margin: auto;
}

#titleText {
	font-family: 'Space Mono', monospace;
  color: rgba(0, 250, 0, 1.0);
	font-size: clamp(2rem, 5vw, 5rem);
	border-radius: clamp(0.4rem, 0.75vw, 1rem);
}
#subtitleText {
	font-family: 'Space Mono', monospace;
  color: rgba(0, 128, 250, 1.0);
	font-size: clamp(1rem, 2vw, 5rem);
	border-radius: clamp(0.4rem, 0.75vw, 1rem);
}

/*=========================== HOVER EVENTS ===========================*/
#titleText:hover {
	animation-name: titleTextBackgroundFade;
	animation-duration: 0.5s;
}
#subtitleText:hover {
	animation-name: titleTextBackgroundFade;
	animation-duration: 0.5s;
}

/*=========================== ANIMATIONS ===========================*/
@keyframes titleTextBackgroundFade {
	0% { background-color: rgba(0, 128, 0, 1.0); }
	100% { background-color: rgba(0, 0, 0, 1.0); }
}

.console-underscore {
	display:inline-block;
	position:relative;
	top:-0.14em;
	left:10px;
}