body {
	background-color: black;
	color: white;
}

.main {
	background-color: #222288;
	border: 2px solid #5555AA;
	margin: 2em;
	font-size: 1.5em;
}

.inner {
	margin: 3em;
}

h1 {
	text-align: center;
}

a {
	color: yellow;
}

.haikuText {
	text-align: center;
	font-size: 1.5em;
}

.theButton {
	position: relative;
	left : 50%;
	transform: translateX(-50%);
	border-radius: 5px;
	width: 200px;
	height: 50px;
}

.goblinTable {
	padding: 0px;
	font-size: 2em;
	left: 50%;
	position: relative;
	transform: translateX(-50%);
	white-space: nowrap;
}

.glTableLeft {
	text-align: right;
}
.glTableCentre {
	text-align: center;
	color: green;
	text-transform: uppercase;
}
.ghostText {
	font-size: 1.5em;
}

.ghostText::before {
	background-image: linear-gradient( left, 
	rgba( 34, 34, 136, 0) 0%, 
	rgba( 34, 34, 136, 0.75 ) 100% );
	background-image: -moz-linear-gradient(left, 
	rgba( 34, 34, 136, 0) 0%, 
	rgba( 34, 34, 136, 0.75 ) 100% );
	background-image: -ms-linear-gradient(left, 
	rgba( 34, 34, 136, 0) 0%, 
	rgba( 34, 34, 136, 0.75 ) 100% );
	background-image: -o-linear-gradient( left, 
	rgba( 34, 34, 136, 0) 0%, 
	rgba( 34, 34, 136, 0.75 ) 100% );
	background-image: -webkit-linear-gradient( left, 
	rgba( 34, 34, 136, 0) 0%, 
	rgba( 34, 34, 136, 0.75 ) 100% );
	content: "\00a0";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.ghostBlock {
	position: relative; 
	display: inline-block;
	left: 50%;
	transform: translateX(-50%);
}

.davidWords {
	text-align: center;
	width: 100%;
}